faalis 0.7.0

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

@@ -0,0 +1,59 @@
+/* -----------------------------------------------------------------------------
+    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 Profile = angular.module("Profile", []);
+
+Profile.config(["$routeProvider", function($routeProvider){
+
+    $routeProvider.
+        when("/auth/profile/edit",{
+            templateUrl: template("auth/profile/edit"),
+            controller: "ProfileController"
+        });
+}]);
+
+
+
+Profile.controller("ProfileController",  ["$scope","Restangular","$location" ,"$routeParams", "gettext", "catch_error", function($scope, API, $location , $routeParams, gettext, catch_error){
+    var obj = API.one("profile").get()
+            .then(function(data){
+                $scope.first_name = data.first_name;
+                $scope.last_name = data.last_name;
+                $scope.email = data.email;
+
+            });
+    $scope.save = function() {
+        var user = {
+            first_name: $scope.first_name,
+            last_name: $scope.last_name,
+            email: $scope.email,
+            password: $scope.password,
+            password_confirmation: $scope.password_confirmation
+        };
+        API.one("profile").patch(user).then(function(){
+            success_message(gettext("Profile updated successfully."));
+        }).catch(catch_error);
+    };
+
+    $scope.cancel = function(){
+        $(".form input").val("");
+        $location.path("/");
+    };
+
+}]);

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

@@ -0,0 +1,123 @@
+/* -----------------------------------------------------------------------------
+    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", "Errors"]);
+
+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", "catch_error",
+                                    function($scope, API, gettext, catch_error){
+
+    $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 tiny 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", "catch_error", function($scope, API, $location , $routeParams, gettext, catch_error){
+
+    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.cancel = function(){
+        $(".form input").val("");
+        $location.path("auth/users");
+    };
+}]);

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

@@ -0,0 +1,47 @@
+/* -----------------------------------------------------------------------------
+ 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 Errors = angular.module("Errors", []);
+
+Errors.factory('catch_error', ["gettext", function(gettext) {
+    return function(error) {
+
+        if ("data" in error) {
+            if ((typeof(error.data) == "object") && ("fields" in error.data)) {
+                _.each(error.data.fields, function(value, key) {
+                    $("#id_" + key).addClass("input-error");
+                    _.each(value, function(x){
+                        $("#id_" + key + "_msg").append(value);
+                        $("#id_" + key + "_msg").addClass("error");
+
+                    });
+                });
+                error_message(gettext("Validation error. Fixup errors first."));
+                return;
+            }
+            if ((typeof(error.data) == "object") && ("error" in error.data)) {
+                console.log(error.data.error);
+                error_message(error.data.error);
+                return;
+            }
+        }
+        console.log(error);
+        error_message(gettext("Unkown error: please try again or contact to administrator."));
+
+    };
+}]);

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

@@ -0,0 +1,44 @@
+/* -----------------------------------------------------------------------------
+    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 Filter = angular.module("Filter", ["Errors"]);
+
+/*
+ * <filter></filter> directive defination
+ */
+Filter.directive('filter', ["catch_error", "gettext", function(catch_error, gettext) {
+
+    function link(scope, element, attrs){
+        var config = scope.config;
+        config.list.getList().then(function(data){
+            scope.result = data;
+        }, catch_error);
+    }
+    // Actual object of <filter> directive
+    return {
+        templateUrl: template("filter/index"),
+        restrict: "E",
+        transclude: true,
+        scope: {
+            result: "=",
+            config: "="
+        },
+        link: link
+    };
+}]);

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

@@ -0,0 +1,310 @@
+/* -----------------------------------------------------------------------------
+    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", ['ngGrid']);
+
+/*
+ * <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;
+        scope.list_view = true;
+        scope.grid_view = false;
+
+        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  || [];
+        };
+        scope.grid_options = {
+            data: 'objects',
+            headerRowHeight: 30,
+            rowHeight: 30,
+            enablePaging: true,
+            afterSelectionChange: function(rowitem, event){
+                console.dir(rowitem);
+                console.dir(event);
+            },
+            columnDefs: scope.column_defs
+        };
+        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",
+
+            // Search input
+            search: "=",
+
+            // Grid columns
+            column_defs: "=columnDefs",
+            // On delete method
+            on_delete: "=onDelete"
+        },
+        link: link
+    };
+}]);