faalis 0.7.0

data/app/assets/javascripts/faalis/dashboard/lib/ui.select2.js

@@ -0,0 +1,217 @@
+/**
+ * Enhanced Select2 Dropmenus
+ *
+ * @AJAX Mode - When in this mode, your value will be an object (or array of objects) of the data used by Select2
+ *     This change is so that you do not have to do an additional query yourself on top of Select2's own query
+ * @params [options] {object} The configuration options passed to $.fn.select2(). Refer to the documentation
+ */
+angular.module('ui.select2', []).value('uiSelect2Config', {}).directive('uiSelect2', ['uiSelect2Config', '$timeout', function (uiSelect2Config, $timeout) {
+  var options = {};
+  if (uiSelect2Config) {
+    angular.extend(options, uiSelect2Config);
+  }
+  return {
+    require: 'ngModel',
+    priority: 1,
+    compile: function (tElm, tAttrs) {
+      var watch,
+        repeatOption,
+        repeatAttr,
+        isSelect = tElm.is('select'),
+        isMultiple = angular.isDefined(tAttrs.multiple);
+
+      // Enable watching of the options dataset if in use
+      if (tElm.is('select')) {
+        repeatOption = tElm.find('option[ng-repeat], option[data-ng-repeat]');
+
+        if (repeatOption.length) {
+          repeatAttr = repeatOption.attr('ng-repeat') || repeatOption.attr('data-ng-repeat');
+          watch = jQuery.trim(repeatAttr.split('|')[0]).split(' ').pop();
+        }
+      }
+
+      return function (scope, elm, attrs, controller) {
+        // instance-specific options
+        var opts = angular.extend({}, options, scope.$eval(attrs.uiSelect2));
+
+        /*
+        Convert from Select2 view-model to Angular view-model.
+        */
+        var convertToAngularModel = function(select2_data) {
+          var model;
+          if (opts.simple_tags) {
+            model = [];
+            angular.forEach(select2_data, function(value, index) {
+              model.push(value.id);
+            });
+          } else {
+            model = select2_data;
+          }
+          return model;
+        };
+
+        /*
+        Convert from Angular view-model to Select2 view-model.
+        */
+        var convertToSelect2Model = function(angular_data) {
+          var model = [];
+          if (!angular_data) {
+            return model;
+          }
+
+          if (opts.simple_tags) {
+            model = [];
+            angular.forEach(
+              angular_data,
+              function(value, index) {
+                model.push({'id': value, 'text': value});
+              });
+          } else {
+            model = angular_data;
+          }
+          return model;
+        };
+
+        if (isSelect) {
+          // Use <select multiple> instead
+          delete opts.multiple;
+          delete opts.initSelection;
+        } else if (isMultiple) {
+          opts.multiple = true;
+        }
+
+        if (controller) {
+          // Watch the model for programmatic changes
+           scope.$watch(tAttrs.ngModel, function(current, old) {
+            if (!current) {
+              return;
+            }
+            if (current === old) {
+              return;
+            }
+            controller.$render();
+          }, true);
+          controller.$render = function () {
+            if (isSelect) {
+              elm.select2('val', controller.$viewValue);
+            } else {
+              if (opts.multiple) {
+                var viewValue = controller.$viewValue;
+                if (angular.isString(viewValue)) {
+                  viewValue = viewValue.split(',');
+                }
+                elm.select2(
+                  'data', convertToSelect2Model(viewValue));
+              } else {
+                if (angular.isObject(controller.$viewValue)) {
+                  elm.select2('data', controller.$viewValue);
+                } else if (!controller.$viewValue) {
+                  elm.select2('data', null);
+                } else {
+                  elm.select2('val', controller.$viewValue);
+                }
+              }
+            }
+          };
+
+          // Watch the options dataset for changes
+          if (watch) {
+            scope.$watch(watch, function (newVal, oldVal, scope) {
+              if (angular.equals(newVal, oldVal)) {
+                return;
+              }
+              // Delayed so that the options have time to be rendered
+              $timeout(function () {
+                elm.select2('val', controller.$viewValue);
+                // Refresh angular to remove the superfluous option
+                elm.trigger('change');
+                if(newVal && !oldVal && controller.$setPristine) {
+                  controller.$setPristine(true);
+                }
+              });
+            });
+          }
+
+          // Update valid and dirty statuses
+          controller.$parsers.push(function (value) {
+            var div = elm.prev();
+            div
+              .toggleClass('ng-invalid', !controller.$valid)
+              .toggleClass('ng-valid', controller.$valid)
+              .toggleClass('ng-invalid-required', !controller.$valid)
+              .toggleClass('ng-valid-required', controller.$valid)
+              .toggleClass('ng-dirty', controller.$dirty)
+              .toggleClass('ng-pristine', controller.$pristine);
+            return value;
+          });
+
+          if (!isSelect) {
+            // Set the view and model value and update the angular template manually for the ajax/multiple select2.
+            elm.bind("change", function (e) {
+              e.stopImmediatePropagation();
+              
+              if (scope.$$phase || scope.$root.$$phase) {
+                return;
+              }
+              scope.$apply(function () {
+                controller.$setViewValue(
+                  convertToAngularModel(elm.select2('data')));
+              });
+            });
+
+            if (opts.initSelection) {
+              var initSelection = opts.initSelection;
+              opts.initSelection = function (element, callback) {
+                initSelection(element, function (value) {
+                  var isPristine = controller.$pristine;
+                  controller.$setViewValue(convertToAngularModel(value));
+                  callback(value);
+                  if (isPristine) {
+                    controller.$setPristine();
+                  }
+                  elm.prev().toggleClass('ng-pristine', controller.$pristine);
+                });
+              };
+            }
+          }
+        }
+
+        elm.bind("$destroy", function() {
+          elm.select2("destroy");
+        });
+
+        attrs.$observe('disabled', function (value) {
+          elm.select2('enable', !value);
+        });
+
+        attrs.$observe('readonly', function (value) {
+          elm.select2('readonly', !!value);
+        });
+
+        if (attrs.ngMultiple) {
+          scope.$watch(attrs.ngMultiple, function(newVal) {
+            attrs.$set('multiple', !!newVal);
+            elm.select2(opts);
+          });
+        }
+
+        // Initialize the plugin late so that the injected DOM does not disrupt the template compiler
+        $timeout(function () {
+          elm.select2(opts);
+
+          // Set initial value - I'm not sure about this but it seems to need to be there
+          elm.val(controller.$viewValue);
+          // important!
+          controller.$render();
+
+          // Not sure if I should just check for !isSelect OR if I should check for 'tags' key
+          if (!opts.initSelection && !isSelect) {
+            controller.$setViewValue(
+              convertToAngularModel(elm.select2('data'))
+            );
+          }
+        });
+      };
+    }
+  };
+}]);

data/app/assets/javascripts/faalis/dashboard/locale/translations.js

@@ -0,0 +1,5 @@
+angular.module("Dashboard").run(['gettextCatalog', function (gettextCatalog) {
+    gettextCatalog.setStrings('fa', {"Menu":"منو","Languages":"زبان ها","Dashboard":"بخش کاربری","Change Password":"تغییر کامه عبور","Sign Out":"خروج"});
+    gettextCatalog.currentLanguage = $("html").attr("lang");
+    // gettextCatalog.debug = true;
+}]);

data/app/assets/javascripts/faalis/dashboard/modules/anim.js

@@ -0,0 +1,32 @@
+/* -----------------------------------------------------------------------------
+    Red Base - Basic website skel engine
+    Copyright (C) 2012-2013 Yellowen
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+----------------------------------------------------------------------------- */
+
+var Anim = angular.module("Anim", ["ngAnimate"]);
+
+Anim.animation(".fade_anim", function(){
+    return {
+        leave: function(elem, done){
+            $(elem).fadeOut(500, done);
+        },
+        enter: function(elem, done){
+            $(elem).fadeIn(500, done);
+            return function(cancelled){};
+        }
+    };
+});

data/app/assets/javascripts/faalis/dashboard/modules/api.js

@@ -0,0 +1,32 @@
+/* -----------------------------------------------------------------------------
+    Red Base - Basic website skel engine
+    Copyright (C) 2012-2013 Yellowen
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+----------------------------------------------------------------------------- */
+
+var API = angular.module("API", []);
+
+API.provider("API", function(){
+
+    var _resource;
+    this.resource = function(resource){
+        _resource = resource;
+    };
+
+    this.$get = ["Restangular", function(Restangular){
+        return new Restangular.all(_resource);
+    }];
+});

data/app/assets/javascripts/faalis/dashboard/modules/auth/auth.js

@@ -0,0 +1,34 @@
+/* -----------------------------------------------------------------------------
+    Red Base - Basic website skel engine
+    Copyright (C) 2012-2013 Yellowen
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+----------------------------------------------------------------------------- */
+
+var Auth = angular.module("Auth", ["User","Group"]);
+
+Auth.config(["$routeProvider", function($routeProvider){
+    $routeProvider.
+        when("/auth", {
+            templateUrl: template("auth/index")
+        });
+}]);
+
+Auth.controller("AuthMenuController", ["$scope", "gettext", function($scope, gettext){
+    this.menu_items = [
+        {title: gettext("Users"), url: "/auth/users"},
+        {title: gettext("Groups"), url: "/auth/groups"}
+        ];
+}]);

data/app/assets/javascripts/faalis/dashboard/modules/auth/group.js

@@ -0,0 +1,174 @@
+/* -----------------------------------------------------------------------------
+    Red Base - Basic website skel engine
+    Copyright (C) 2012-2013 Yellowen
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+----------------------------------------------------------------------------- */
+
+var Group = angular.module("Group", ["ListView", "Errors"]);
+
+Group.config(["$routeProvider", function($routeProvider){
+    $routeProvider.
+        when("/auth/groups",{
+            templateUrl: template("auth/groups/index"),
+            controller: "GroupsController"
+        }).
+        when("/auth/groups/new",{
+            templateUrl: template("auth/groups/new"),
+            controller: "AddGroupController"
+        }).
+        when("/auth/groups/:id/edit",{
+            templateUrl: template("auth/groups/new"),
+            controller: "AddGroupController"
+        });
+
+}]);
+
+Group.controller("GroupsController", ["$scope", "gettext", "Restangular", "catch_error", function($scope, gettext, API, catch_error){
+    $scope.details_template = template("auth/groups/details");
+
+    $scope.buttons = [
+        {
+            title: gettext("new"),
+            icon: "fa fa-plus",
+            classes: "btn tiny green",
+            route: "#/auth/groups/new"
+
+        }
+    ];
+
+    $scope.on_delete = function(groups){
+
+        var query = [];
+        groups.forEach(function(group){
+            query.push(group.id);
+        });
+
+        API.all("groups").customDELETE(query.join(","))
+            .then(function(data) {
+
+                $scope.groups = _.filter($scope.groups, function(x){
+                    return !(query.indexOf(x.id) != -1);
+                });
+                success_message(data.msg);
+            })
+            .catch(catch_error);
+
+    };
+
+
+    API.all("groups").getList()
+        .then(function(data){
+            $scope.groups = data;
+        })
+        .catch(catch_error);
+
+}]);
+
+Group.controller("AddGroupController", ["Restangular", "$scope", "$location", "$routeParams", "gettext", "catch_error", function(API, $scope, $location, $routeParams, gettext, catch_error){
+
+    $scope.selected_perms = [];
+    $scope.permissions = [];
+    $scope.editing = false;
+
+    $scope.$on("update_perms", function(event) {
+        var sel_perms = [];
+        event.targetScope.selected_perms.forEach(function(perm){
+
+            var tmpobj = _.find(event.targetScope.permissions, function(x) {
+                return perm.name == x.name;
+            });
+
+            if ( tmpobj ) {
+                event.targetScope.select_permission(tmpobj);
+            }
+        });
+
+    });
+
+    $scope.obj_id = null;
+
+    if("id" in $routeParams){
+        $scope.obj_id = $routeParams.id;
+        $scope.editing = true;
+        var obj = API.one("groups", $scope.obj_id).get()
+                .then(function(data) {
+                    $scope.new_name = data.name;
+                    $scope.selected_perms = data.permissions;
+                    $scope.$emit("update_perms");
+                })
+                .catch(catch_error);
+    }
+
+
+    var permissions = API.all('permissions').getList()
+            .then(function(data){
+                $scope.permissions = data;
+                $scope.$emit("update_perms");
+            })
+            .catch(catch_error);
+
+
+    $scope.select_permission = function(perm){
+        if( "is_selected" in perm ){
+            perm.is_selected = ! perm.is_selected;
+            return;
+        }
+        perm.is_selected = true;
+    };
+
+    $scope.is_selected = function(perm){
+        if( "is_selected" in perm ){
+            return perm.is_selected;
+        }
+        return false;
+    };
+
+    $scope.cancel = function(){
+        $(".form input").val("");
+        for(var i = 0; i < $scope.permissions.length;i++) {
+            $scope.permissions[i].is_selected = false;
+        }
+    };
+
+    $scope.save = function(){
+        var permissions = [];
+
+        for(var i = 0; i < $scope.permissions.length;i++) {
+            if ($scope.permissions[i].is_selected){
+                permissions.push($scope.permissions[i].name);
+            }
+        }
+
+        var group = {name: $scope.new_name,
+                     permissions: permissions};
+        if ($scope.obj_id) {
+            API.one("groups", $scope.obj_id).patch(group)
+                .then(function(){
+                    success_message(gettext("Group updated successfully."));
+                    $location.path("/auth/groups");
+                })
+                .catch(catch_error);
+        }
+        else {
+            API.all("groups").post(group).then(function(){
+                success_message(gettext("Group created successfully."));
+                $location.path("/auth/groups");
+
+            }).catch(catch_error);
+        }
+
+    };
+}]);