كود اسم المستخدم كلمه السر بلغه الجافاء JavaScript

 

 

 

كود اسم المستخدم كلمه السر بلغخ الجافاء JavaScript 

 

 

1- html

-------------------------------------------------------------------------------------

<section ng-app="myapp">
<div ui-view="viewA"></div>
    <div ui-view="viewB"></div>
    <!-- Also a way to navigate -->
    <a ui-sref="welcome">Welcome</a>
    <a ui-sref="app.dashboard">Application</a> 
  </section>


<script type="text/ng-template" id="modallogindialogId">
<div>
                  <form ng-submit="LoginModalCtrl.submit(_email, _password)">
                    <input type="email" ng-model="_email" />
                    <input type="password" ng-model="_password" />
                    <button>Submit</button>
                  </form>
                  <button ng-click="LoginModalCtrl.cancel()">Cancel</button>
                </div>
 
</script>

-------------------------------------------------------------------------------------

2-الجافاء JavaScript

--------------------------------------------------------------------------------------

var app = angular.module('myapp', ['ui.router', 'ngDialog']);
app.config(function ($stateProvider) {

  $stateProvider
    .state('welcome', {
      url: '/welcome',
      // ...
      data: {
        requireLogin: false
      },
    views: {
        "viewA": { template: "<p>Hello world from view a</p>" },
        "viewB": { template: "<p>Hello world from view b</p>" }
      }
    })
    .state('app', {
      abstract: true,
      // ...
      data: {
        requireLogin: true // this property will apply to all children of 'app'
      }
   
    })
    .state('app.dashboard', {
     url: '/app',
    views: {
            "viewA": { template: "<p>You already logged in. Hello world from view a</p>" },
            "viewB": { template: "<p>You already logged in.Hello world from view b</p>" }
      }
      // child state of `app`
      // requireLogin === true
    })

});
app.config(function ($httpProvider) {

  $httpProvider.interceptors.push(function ($timeout, $q, $injector) {
    var loginModal, $http, $state;

    // this trick must be done so that we don't receive
    // `Uncaught Error: [$injector:cdep] Circular dependency found`
    $timeout(function () {
      loginModal = $injector.get('loginModal');
      $http = $injector.get('$http');
      $state = $injector.get('$state');
    });

    return {
      responseError: function (rejection) {
        if (rejection.status !== 401) {
          return rejection;
        }

        var deferred = $q.defer();

        loginModal()
          .then(function () {
            deferred.resolve( $http(rejection.config) );
          })
          .catch(function () {
            $state.go('welcome');
            deferred.reject(rejection);
          });

        return deferred.promise;
      }
    };
  });

});
app.controller('LoginModalCtrl', function ($scope) {

  this.cancel = $scope.$dismiss;

  this.submit = function (email, password) {
    var user = {email: email, password: password};
     $rootScope.currentUser = user;
  };

});
app.service('loginModal', function (ngDialog, $rootScope) {

  function assignCurrentUser (user) {
    $rootScope.currentUser = user;
    return user;
  }

  return function() {
    var instance =   ngDialog.openConfirm({
    template: '<div>\
                  <form ng-submit="LoginModalCtrl.submit(_email, _password)">\
                    <input type="email" ng-model="_email" />\
                    <input type="password" ng-model="_password" />\
                    <button>Submit</button>\
                  </form>\
                  <button ng-click="LoginModalCtrl.cancel()">Cancel</button>\
                </div>',
      controller: 'LoginModalCtrl',
      controllerAs: 'LoginModalCtrl',
       plain: true
    });

    return instance.then(assignCurrentUser);
  };

});

app.run(function ($rootScope, $state, loginModal) {

  $rootScope.$on('$stateChangeStart', function (event, toState, toParams) {
    var requireLogin = toState.data.requireLogin;

    if (requireLogin && typeof $rootScope.currentUser === 'undefined') {
      event.preventDefault();

      loginModal()
        .then(function () {
          return $state.go(toState.name, toParams);
        })
        .catch(function () {
          return $state.go('welcome');
        });
    }
  });
});
------------------------------------------------------------------------------------