[WO-906] Show confirm dialog for mobile phone number in account creation

src/js/controller/login/create-account.js

@@ -1,18 +1,33 @@
 'use strict';
 
-var CreateAccountCtrl = function($scope, $location, $routeParams, $q, auth, admin, appConfig) {
+var CreateAccountCtrl = function($scope, $location, $routeParams, $q, auth, admin, appConfig, dialog) {
     !$routeParams.dev && !auth.isInitialized() && $location.path('/'); // init app
 
     // init phone region
     $scope.region = 'DE';
     $scope.domain = '@' + appConfig.config.mailServer.domain;
 
-    $scope.createWhiteoutAccount = function() {
+    $scope.showConfirm = function() {
         if ($scope.form.$invalid) {
             $scope.errMsg = 'Please fill out all required fields!';
             return;
         }
 
+        return dialog.confirm({
+            title: 'SMS validation',
+            message: 'Your mobile phone number will be validated via SMS. Are you sure it\'s correct?',
+            positiveBtnStr: 'Yes',
+            negativeBtnStr: 'Check again',
+            showNegativeBtn: true,
+            callback: function(granted) {
+                if (granted) {
+                    $scope.createWhiteoutAccount();
+                }
+            }
+        });
+    };
+
+    $scope.createWhiteoutAccount = function() {
         return $q(function(resolve) {
             $scope.busy = true;
             $scope.errMsg = undefined; // reset error msg

src/tpl/create-account.html

@@ -294,7 +294,7 @@
           <span class="spinner spinner--big"></span>
         </div>
         <div class="form__row">
-          <button class="btn" type="submit" ng-click="createWhiteoutAccount()">Create</button>
+          <button class="btn" type="submit" ng-click="showConfirm()">Create</button>
         </div>
       </form>
       <p class="typo-paragraph">