AngularJs¶

var module = angular.module("MyBookCustomer", ['picardy.fontawesome',
                                                'ngMaterial',
                                                'common',
                                                'user',
                                                'tag']);
module.controller('ViewsController' , function ($scope) {
    $scope.selectView('tag');
});

var modCommon=angular.module('common', [])

// add controler
modCommon.controller('AppController' , function ($scope, $mdSidenav) {

  $scope.app = [];
  $scope.toolbar = null;

  $scope.openLeftMenu = function() {
    $mdSidenav('left').toggle();
  };
  $scope.showNavIcon = function() {
    return !$mdSidenav('left').isLockedOpen();
  };
  $scope.selectView = function(view) {
    $scope.viewCurrent = view;
    if ($scope.showNavIcon() && $mdSidenav('left').isOpen()) {
        $scope.openLeftMenu();
    };
  };
  $scope.changeToolbar = function(toolbar) {
    $scope.toolbar = toolbar;
  };
});

// add directive
modCommon.directive('menuItem', function () {
    return {
      restrict: 'E',
            scope: {},
      template: '<md-list-item tabindex="0" role="listitem"><div class="menu"><i name="{{icon}}" class="fa fa-{{icon}}"></i><span>{{title}}</span></div></md-list-item>',
      replace: true,
      link: function (scope, element, attrs) {
        scope.icon = attrs.icon;
        scope.title = attrs.title;
        element.removeAttr('icon');
        element.removeAttr('title');
      }
    };
  });

var modUser = angular.module('user', [])
// add constant
modUser.constant("API_USERS", "http://localhost:5000/users");
modUser.constant("API_SETUSER", "http://localhost:5000/setuser");
// add controller
modUser.controller('UserController' , function ($scope, $http, $log, API_USERS, API_SETUSER) {

  $scope.users = null;

  $http.get(API_USERS).
    success(function(data, status, headers, config) {
      $scope.users = data;
    }).
    error(function(data, status, headers, config) {
      alert('error');
    });

  $scope.edituser = null;
  $scope.returnListUser = function(item) {
    $scope.changeToolbar([]);
    $scope.edituser = null;
  }
  $scope.editUser = function(item) {
    $scope.changeToolbar([{
        label: "Back",
        fn: $scope.returnListUser,
        icon: "reply",
        //show: $scope.showSave
       },{
        label: "Save",
        fn: $scope.setuser,
        icon: "save",
        //show: $scope.showSave
       }]);
    $scope.edituser = item;
    $scope.setuser = function() {
      alert('setuser');
      $http.post(API_SETUSER, {'user':$scope.edituser}).
        success(function(data, status, headers, config) {
          // none
        }).
        error(function(data, status, headers, config) {
          alert('error');
        });
    };
  }
});

// add directive
modUser.directive('usersView', function () {
    return {
      restrict: 'E',
      templateUrl: 'app/templates/users.html',
      replace: true
    };
  });

var modTag = angular.module('tag', [])
// add constant
modTag.constant("API_TAGS", "http://localhost:5000/tags");
modTag.constant("API_SETTAG", "http://localhost:5000/settag");
// add controller
modTag.controller('TagController' , function ($scope, $http, $log, API_TAGS, API_SETTAG) {

  $scope.users = null;

  $http.get(API_TAGS).
    success(function(data, status, headers, config) {
      $scope.tags = data;
    }).
    error(function(data, status, headers, config) {
      alert('error');
    });

  $scope.edittag = null;
  $scope.returnListTag = function(item) {
    $scope.changeToolbar([]);
    $scope.edittag = null;
  }
  $scope.editTag = function(item) {
    $scope.changeToolbar([{
        label: "Back",
        fn: $scope.returnListTag,
        icon: "reply",
        //show: $scope.showSave
       }]);
    $scope.edittag = item;
    $scope.settag = function() {
      $http.post(API_SETTAG, {'tag':$scope.edittag}).
        success(function(data, status, headers, config) {
          // none
        }).
        error(function(data, status, headers, config) {
          alert('error');
        });
    };
  }
});

// add directive
modTag.directive('tagsView', function () {
    return {
      restrict: 'E',
      templateUrl: 'app/templates/tags.html',
      replace: true
    };
  });

$mdToast.show(
      $mdToast.simple()
        .content('Simple Toast!')
        .position('bottom right')
        .hideDelay(3000)
    );