red_base 0.5.0

data/app/assets/javascripts/red_base/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/red_base/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/red_base/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/red_base/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/red_base/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"]);
+
+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", function($scope, gettext, API){
+    $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", function(API, $scope, $location, $routeParams, gettext){
+
+    $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);
+        }
+
+    };
+}]);

data/app/assets/javascripts/red_base/dashboard/modules/auth/user.js

@@ -0,0 +1,122 @@
+/* -----------------------------------------------------------------------------
+    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 User = angular.module("User", ["ListView"]);
+
+User.config(["$routeProvider", function($routeProvider){
+
+    $routeProvider.
+        when("/auth/users", {
+            templateUrl: template("auth/users/index"),
+            controller: "UsersController"
+        }).
+        when("/auth/users/new",{
+            templateUrl: template("auth/users/new"),
+            controller: "AddUsersController"
+        }).
+        when("/auth/users/:id/edit",{
+            templateUrl: template("auth/users/new"),
+            controller: "AddUsersController"
+        });
+}]);
+
+User.controller("UsersController", ["$scope", "Restangular","gettext",
+                                    function($scope, API, gettext){
+
+    $scope.details_template = template("auth/users/details");
+
+    API.all("users").getList().then(function(data){
+        $scope.users = data;
+    });
+
+    $scope.buttons = [
+        {
+            title: gettext("New"),
+            icon: "fa fa-plus",
+            classes: "btn small green",
+            route: "#/auth/users/new"
+        }
+    ];
+
+
+    $scope.on_delete = function(users){
+        var query = [];
+        users.forEach(function(user){
+            query.push(user.id);
+        });
+
+        API.all("users").customDELETE(query.join(","))
+            .then(function(data) {
+
+                $scope.users = _.filter($scope.users, function(x){
+                    return !(query.indexOf(x.id) != -1);
+                });
+                success_message(data.msg);
+            })
+            .catch(catch_error);
+
+    };
+
+
+}]);
+
+
+User.controller("AddUsersController", ["$scope","Restangular","$location" ,"$routeParams", "gettext" ,function($scope, API, $location , $routeParams, gettext){
+
+    API.all("groups").getList().then(
+        function(data){
+            $scope.groups = data;
+        });
+
+    $scope.obj_id = null;
+    if("id" in $routeParams){
+        $scope.obj_id = $routeParams.id;
+        var obj = API.one("users", $scope.obj_id).get()
+                .then(function(data){
+                    $scope.first_name = data.first_name;
+                    $scope.last_name = data.last_name;
+                    $scope.email = data.email;
+                    $scope.group = data.group;
+                    $scope.password = data.password;
+                });
+    }
+    $scope.save = function() {
+        var user = {
+            first_name: $scope.first_name,
+            last_name: $scope.last_name,
+            email: $scope.email,
+            password: $scope.password,
+            group: $scope.group
+        };
+        if ($scope.obj_id){
+            API.one("users",$scope.obj_id).patch(user).then(function(){
+                success_message(gettext("User updated successfully."));
+                $location.path("/auth/users");
+                });
+        }else{
+            API.all("users").post(user).then(function(){
+                success_message(gettext("User created Successfully"));
+                //$location.path("/auth/users");
+            }).catch(catch_error);
+        }
+    };
+
+    $scope.cansel = function(){
+        $(".form input").val("");
+    };
+}]);

data/app/assets/javascripts/red_base/dashboard/modules/list-view.js

@@ -0,0 +1,293 @@
+/* -----------------------------------------------------------------------------
+    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 ListView = angular.module("ListView", []);
+
+/*
+ * <element object-action></element> directive defination
+ */
+ListView.directive("objectAction", function(){
+
+    function link(scope, element, attrs){
+
+        var object = scope.object;
+        var action = scope.action;
+
+        if ("route" in object){
+            element.attr("href", object.route);
+        }
+        else if ("action" in object) {
+            element.on("click", object.action);
+        }
+    }
+
+    // Actual object
+    return {
+        restrict: "A",
+        scope: {
+            object: "="
+        },
+        link: link
+    };
+
+});
+
+
+/*
+ * <list-view></list-view> directive defination
+ */
+ListView.directive('listView', ["$filter", "gettext", function($filter, gettext) {
+
+    function link(scope, element, attrs){
+        var ltr = is_ltr();
+        var _item_per_page = parseInt(scope.item_per_page, 10) || 10;
+        var _current_page = 1;
+
+        var filtered_objects = function(){
+            var filterby = {};
+            filterby[scope.title_attr] = scope.searchterm;
+            var result =  $filter('filter')(scope.objects, filterby, function(expected, actual){
+                var re = new RegExp(".*" + actual + ".*", "ig");
+                scope.go_to_first_page();
+                if( expected.match(re) ){
+                    return true;
+                }
+                return false;
+            });
+            // TODO: Double check this or condition
+            return result  || [];
+        };
+
+        var delete_method = scope.on_delete || function(x){
+            console.log( "undefined on delete method" );
+        };
+
+        scope.is_ltr = ltr;
+        scope.handle_icon = ltr ? "fa-angle-right" : "fa-angle-left";
+        scope.first_page_icon = ltr ? "fa-angle-double-left" : "fa-angle-double-right";
+        scope.last_page_icon = ltr ? "fa-angle-double-right" : "fa-angle-double-left";
+        scope.prev_page_icon = ltr ? "fa-angle-left" : "fa-angle-right";
+        scope.next_page_icon = ltr ? "fa-angle-right" : "fa-angle-left";
+        scope.hand_icon = ltr ? "fa-hand-o-right" : "fa-hand-o-left";
+        scope.is_all_selected = false;
+
+        scope.handle_icon_expand = function(object){
+            if(scope.should_view(object)) {
+                return ltr ? "fa-rotate-90" : "fa-rotate-270";
+            }
+            return "";
+        };
+
+        // View an item details
+        scope.toggle_details = function(object){
+            if ("view_details" in object){
+                object.view_details = ! object.view_details;
+            }
+            else {
+                object.view_details = true;
+            }
+        };
+
+        // Should we open details section
+        scope.should_view = function(object){
+            if ("view_details" in object) {
+                return object.view_details;
+
+            }
+            return false;
+        };
+
+        scope.delete_items = function(){
+            var len = scope.selected_count();
+            var objects_to_delete = [];
+
+            if( confirm(gettext("Are sure you want to delete ") + len + gettext(" item(s)?")) ){
+                var objects_list = filtered_objects();
+
+                for(i = 0 ; i < objects_list.length; i++){
+
+                    if (objects_list[i].is_selected === true) {
+                        objects_to_delete.push(objects_list[i]);
+                    }
+
+                }
+
+                delete_method(objects_to_delete);
+            }
+
+
+        };
+        // Selection related methods -----------------------------------
+        // Select a row in table
+        scope.select_item = function(object) {
+            if ("is_selected" in object) {
+                object.is_selected = ! object.is_selected;
+            }
+            else {
+                object.is_selected = true;
+            }
+
+        };
+
+        scope.toggle_select = function (){
+            var objects_list = filtered_objects();
+
+            for(i = 0 ; i < objects_list.length; i++){
+                objects_list[i].is_selected = ! objects_list[i].is_selected;
+            }
+        };
+
+        scope.toggle_select = function (){
+            var objects_list = filtered_objects();
+
+            for(i = 0 ; i < objects_list.length; i++){
+                objects_list[i].is_selected = ! objects_list[i].is_selected;
+            }
+        };
+
+        scope.select_all = function (){
+            var objects_list = filtered_objects();
+
+            for(i = 0 ; i < objects_list.length; i++){
+                objects_list[i].is_selected = ! scope.is_all_selected;
+            }
+
+            scope.is_all_selected = ! scope.is_all_selected;
+
+        };
+
+        scope.selected_count = function(){
+            var myobjects = filtered_objects();
+            var count = 0;
+            for(i = 0; i < myobjects.length; i++) {
+                if("is_selected" in myobjects[i]){
+                    if(myobjects[i].is_selected) {
+                        count++;
+                    }
+                }
+
+            }
+            return count;
+        };
+        // Pagination methods ---------------------------------
+
+        scope.has_pagination = function(){
+            return scope.total_pages() > 1 ? true : false;
+        };
+
+        scope.total_pages = function(){
+            var len = filtered_objects().length;
+            var pages = parseInt(len / _item_per_page, 10);
+
+            if (len % _item_per_page > 0 || len < _item_per_page) {
+                pages++;
+            }
+
+            return pages;
+        };
+
+        scope.current_page = function(){
+            return _current_page;
+        };
+
+        scope.go_to_next_page = function(){
+            if (_current_page < scope.total_pages()) {
+                _current_page++;
+            }
+            else {
+                _current_page = scope.total_pages();
+            }
+        };
+
+        scope.go_to_prev_page = function(){
+            if (_current_page > 1) {
+                _current_page--;
+            }
+            else {
+                _current_page = 1;
+            }
+        };
+
+        scope.go_to_last_page = function(){
+            _current_page = scope.total_pages();
+        };
+
+        scope.go_to_first_page = function(){
+            _current_page = 1;
+        };
+
+        scope.go_to_page = function($event, value){
+            if( $event.which == 13 ){
+
+                var page = parseInt(value, 10);
+
+                if (page > 0 && page <= scope.total_pages()) {
+                    _current_page = page;
+                }
+                else {
+                    value = _current_page;
+                }
+
+            }
+
+        };
+
+        scope.get_current_page = function(){
+            var start = (scope.current_page() * _item_per_page) - _item_per_page;
+            var end = (scope.current_page() * _item_per_page);
+
+            return filtered_objects().slice(start, end);
+        };
+
+        scope.objects_count = function(){
+            return filtered_objects().length;
+        };
+        // ----------------------------------------------------
+        // TODO: create some methods in scope for those buttons
+        //       which need to call a method instead of changing location
+    }
+
+
+    // Actual object of <list-view> directive
+    return {
+        templateUrl: template("list-view/index"),
+        restrict: "E",
+        transclude: true,
+        scope: {
+            // Header section custom buttons
+            buttons: "=buttons",
+
+            // Objects which should listed
+            objects: "=",
+
+            // Object attribute which should show as title in main li
+            title_attr: "=titleAttribute",
+
+            // Template address for details section
+            details_template: "=detailsTemplate",
+
+            // Number of item per pages
+            item_per_page: "=itemPerPage",
+
+            // On delete method
+            on_delete: "=onDelete"
+        },
+        link: link
+    };
+}]);