dashstrap 0.2.3 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9bd360a97a2a796fc4e2b61f66aa320b5d98e545
-  data.tar.gz: 967bcaaaf0b21cc979d12b268d30f89ac78c452f
+  metadata.gz: a892426fc69b92c0e83de6230b923b98460d2288
+  data.tar.gz: b396bc3b5fa695dea58ec94bc55d50010cb10964
 SHA512:
-  metadata.gz: 447502e6968e6bbac24ece54fdf4e60a4b38bfccf32d30f0cd393a94234b3647b49c7349ccbcf904cf0909165cd10f398b940481a73ce70a3b69f8ef063f0c9e
-  data.tar.gz: 20346467bbb5a918d1cd46e40945e1e23c7c91582a3d7f0a1e790129a9e0f224e855e43d4aaa4bfdea142dd44a52686351a02ede10bcf09fc7638dfe041fb28e
+  metadata.gz: 88beecd69b3379958f70e44b81bf5718233d6486b8ca63665088e893ffcb0c030d40012331a3af77f00d17a169386d60ac2398dc7221b8f7c126daeaa082aa8f
+  data.tar.gz: 7243d2b1714e6fd5ab9512e8f5724ef68f7ea48a33e03d4f8bf164979c88e09c036ab6799e38057dc865a45cf9d101bd08270561ecc42f71de662eecf0c06889

data/.gitignore

@@ -17,3 +17,5 @@ test/version_tmp
 tmp
 **/*/.sass*
 node_modules/
+*~
+**/*/.tern*

data/Gemfile

@@ -2,12 +2,3 @@ source 'https://rubygems.org'
 
 # Specify your gem's dependencies in dashstrap.gemspec
 gemspec
-Faalis = [File.expand_path(File.dirname(__FILE__)),
-          '../Faalis/'].join("/")
-
-group :development, :test do
-  gem 'coffee-rails-source-maps'
-  gem 'sass-rails-source-maps'
-end
-
-gem 'faalis', path: Faalis

data/Rakefile

@@ -1,13 +1,8 @@
 require "bundler/gem_tasks"
 require "bundler/setup"
 require "rails/all"
-require "faalis"
 
 Bundler.require(:defaults)
 #require_relative "./lib/dashstrap"
 require File.expand_path('../lib/dashstrap', __FILE__ )
 Dashstrap::TemplateEngine.load_tasks
-Faalis::Engine.load_tasks
-
-
-require 'gettext_i18n_rails/tasks'

data/app/assets/javascripts/dashstrap/application.js

@@ -1,5 +1,9 @@
-//= require_tree ./modules
 //= require dashstrap/functions
 //= require moment
 //= require moment/fa
 //= require bootstrap-datetimepicker
+//= require bootstrap-datepicker
+//= require rtl/bootstrap-datepicker.fa
+//= require bootstrap-daterangepicker
+//= require jquery-knob
+//= require jquery-sparkline

data/app/assets/javascripts/dashstrap/modules/list-view.js

@@ -171,7 +171,7 @@ ListView.directive('listView', ["$filter", "gettext", "UserPermissions", functio
 
                 }
 
-                delete_method(objects_to_delete);
+                delete_method(objects_to_delete, scope.resource, scope);
             }
 
 
@@ -294,7 +294,6 @@ ListView.directive('listView', ["$filter", "gettext", "UserPermissions", functio
         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);
         };
 
@@ -320,6 +319,12 @@ ListView.directive('listView', ["$filter", "gettext", "UserPermissions", functio
             }
             return true;
         };
+
+        scope.call_func = function(func, args){
+            var star_args = Array.prototype.slice.call (arguments, func.length);
+            console.log(star_args);
+            func.apply(func, star_args);
+        };
     }
 
 
@@ -369,7 +374,12 @@ ListView.directive('listView', ["$filter", "gettext", "UserPermissions", functio
             delete_title: "=deleteTitle",
 
             //Badge operation function
-            badge_processor: '=badgeProcessor'
+            badge_processor: '=badgeProcessor',
+
+            //Tools operation function
+            tools_processor: '=toolsProcessor',
+
+            resource: '='
 
         },
         link: link

data/app/assets/javascripts/dashstrap/modules/modules.js

@@ -4,7 +4,7 @@ var Modules = angular.module("Modules", ["ngRoute", "ngAnimate"]);
 add_dependency("Modules");
 
 // This controller is responsible to parse modules and load them
-Modules.controller("ModulesController", ["$location", "$scope", "$controller", "UserPermissions", function($location, $scope, $controller, User){
+Modules.controller("ModulesController", ["$location", "$scope", "$controller", "UserPermissions", "gettext", function($location, $scope, $controller, User, gettext){
 
     var that = this;
     this.modules = _.filter(DModules, function(module){
@@ -17,7 +17,7 @@ Modules.controller("ModulesController", ["$location", "$scope", "$controller", "
             // ```javascript
             ///    <modulename>MenuController
             ///```
-            var menu_items = $controller(camelCase(module.resource) + "MenuController", {$scope: $scope}).menu_items;
+            var menu_items = $controller(camelCase(module.resource) + "MenuController", {$scope: $scope, gettext: gettext}).menu_items;
             module.menu_items = [];
 
             // Iterate over submenu items

data/app/assets/stylesheets/dashstrap/dashboard/ltr/application.css

@@ -9,4 +9,8 @@ daterangepicker-bs3
 bootstrap3-wysihtml5
 */
 //= require AdminLTE
-//= require dashstrap/dashboard/share
+//= require dashstrap/dashboard/share
+//= require_self
+.fa {
+   padding-right: 0.4em;
+}

data/app/assets/stylesheets/dashstrap/dashboard/rtl/application.css

@@ -10,4 +10,8 @@ daterangepicker-bs3
 bootstrap3-wysihtml5
 */
 //= require rtl/AdminLTE
-//= require dashstrap/dashboard/share
+//= require dashstrap/dashboard/share
+//= require_self
+.fa {
+   padding-left: 0.4em;
+}

data/app/assets/stylesheets/dashstrap/dashboard/share.scss

@@ -4,4 +4,4 @@
 
 .point {
    cursor: pointer;
-}
+}

data/app/assets/stylesheets/dashstrap/ltr/application.css

@@ -13,7 +13,7 @@ bootstrap3-wysihtml5
 //= require dashstrap/share
 //= require dashstrap/main
 //= require dashstrap/ltr/ltr
-//= require select2/select2
-//= require select2/select2-bootstrap
+//= require select2
+//= require select2-bootstrap
 //= require bootstrap-datetimepicker
-//= require angular-loading-bar/loading-bar
+//= require bootstrap-daterangepicker

data/app/assets/stylesheets/dashstrap/rtl/application.css

@@ -1,3 +1,4 @@
+
 //= require rtl/bootstrap
 //= require rtl/bootstrap-rtl
 //= require font-awesome
@@ -14,7 +15,7 @@ bootstrap3-wysihtml5
 //= require dashstrap/share
 //= require dashstrap/main
 //= require dashstrap/rtl/rtl
-//= require select2/select2
-//= require select2/select2-bootstrap
+//= require select2
+//= require select2-bootstrap
 //= require bootstrap-datetimepicker
-//= require angular-loading-bar/loading-bar
+//= require bootstrap-daterangepicker

data/app/assets/stylesheets/dashstrap/share.scss

@@ -1,7 +1,45 @@
+@import "variables";
 .sidebar .sidebar-menu .treeview-menu {
    display: block;
+
 }
 
 .point {
    cursor: pointer;
-}
+
+}
+
+.box {
+     .box-header {
+        a.btn-success{
+              color: white;
+        }
+     }
+
+     .box-body{
+        .btn-user{
+
+          i.btn-remove{
+             color: $red-rb;
+           }
+
+          i.btn-remove:hover{
+             color: $red-rb-light;
+          }
+
+          i.change-pass{
+            color: $green;
+
+          }
+          i.change-pass:hover{
+            color: $green-light;
+
+          }
+
+          a{
+            padding-right: 1em;
+          }
+        }
+
+      }
+}

data/app/assets/stylesheets/dashstrap/variables.scss

@@ -0,0 +1,5 @@
+$green: #00A65A;
+$green-light: #28D887;
+
+$red-rb: #DC1E1E;
+$red-rb-light: #F03232;

data/app/views/angular/auth/groups/index.html.slim

@@ -1,4 +1,2 @@
-h1
-  |aaa
 div[ui-view]
-  list-view buttons="buttons" objects="groups" title-attribute="'name'" details-template="details_template" item-per-page="10" on_delete="on_delete"
+  list-view buttons="buttons" objects="groups" title-attribute="'name'" details-template="details_template" item-per-page="10" on_delete="on_delete" model="'Faalis::Group'" resource="__resource__"

data/app/views/angular/auth/groups/new.html.slim

@@ -58,3 +58,15 @@
                     form.form-inline
                         span.col-sm-3 ng-repeat="action in  perm"
                           boolean-field field-name="action.humanize()" model="selected_permissions[model][action]" label="{{ action.humanize() | translate }}"
+
+.row
+  .col-sm-2
+    button.btn.btn-primary.btn-block type="submit" ng-click="save()" ng-disabled="form.$invalid"
+      i.fa.fa-check
+      = _('Save')
+
+  .col-sm-2
+
+    button.btn.btn-danger.btn-block type="submit" ng-click="cancel()"
+      i.fa.fa-times
+      = _('Cancel')

data/app/views/angular/auth/users/index.html.slim

@@ -0,0 +1,2 @@
+div[ui-view]
+  list-view buttons="buttons" objects="groups" title-attribute="'name'" details-template="details_template" item-per-page="10" on_delete="on_delete" model="'Faalis::User'" resource="__resource__"

data/app/views/angular/list-view/index.html

@@ -16,13 +16,8 @@
           <button data-ng-repeat="button in buttons" class="{{ button.classes }} pull-right btn" type="button" if-user="has_permission(button)"><a  object-action object="button"><i class="{{ button.icon }}"></i> {{ button.title | translate }}</a></button>
         </div>
 
-
         <div class="box-tools">
 
-          <div class="input-group pull-right input-group-sm search-group col-sm-2"  ng-if="search !== true">
-            <input type="search" class="form-control " ng-model="searchterm" placeholder="{{ 'Search' | translate}} ...">
-            <span class="input-group-addon"><i class="fa fa-search"></i></span>
-          </div>
           <span ng-if="!button_on_left">
             <button data-ng-repeat="button in buttons" class="{{ button.classes }} pull-right btn" type="button" if-user="has_permission(button)"><a  object-action object="button"><i class="{{ button.icon }}"></i> {{ button.title | translate }}</a></button>
           </span>
@@ -43,18 +38,21 @@
               <th></th>
             </tr>
 
-            <tr ng-repeat-start="object in get_current_page() track by $index" class='title-row'>
+            <tr ng-repeat-start="object in get_current_page() track by $index" class='title-row' id="tr-{{ object.id }}">
 
               <td>
                 <i ng-click="select_item(object)" ng-class="{fa:true, 'fa-check-square':object.is_selected, 'fa-square':!object.is_selected, pointer:true}"></i>
               </td>
 
               <td>
-                {{ get_attr(object, title_attr) }}
+                <a href="{{ resource.edit_link(object) }}" ng-if="resource != undefined">
+                   {{ get_attr(object, title_attr) }}
+                </a>
+                <span ng-if="resource == undefined">{{ get_attr(object, title_attr) }}</span>
               </td>
 
               <td>
-                <div class="pull-left" ng-init = "badges = badge_processor(object)" >
+                <div class="pull-left" ng-init = "badges = badge_processor(object);tools = tools_processor(object)" >
                   <span ng-repeat="badge in badges" class="badge {{badge.color}}"  title="{{badge.text}}">
                     <i ng-show="badge.icon !== undefined" class="{{badge.icon}}"></i>{{badge.text}}
                   </span>
@@ -64,15 +62,18 @@
               <td class="row_buttons">
                 <div class="tools" >
                   <div class="pull-right">
-
                     <span ng-repeat="tool in tools">
+                      <a href="{{ tool.url }}" class="pointer tool" ng-if="tool.url != undefined">
+                        <i class="{{ tool.icon }} "> </i>
+                        <span translate>{{ tool.text }}</span>
+                      </a>
 
-                      <a href="{{ tool.url(object) }}" class="pointer tool" ng-if="tool.url !== undefined">
+                      <a href="{{ tool.url_provider(object) }}" class="pointer tool" ng-if="tool.url_provider != undefined">
                         <i class="{{ tool.icon }} "> </i>
                         <span translate>{{ tool.text }}</span>
                       </a>
 
-                      <span ng-click="tool.callback(object)" class="pointer tool" ng-if="tool.callback !== undefined">
+                      <span ng-click="call_func(tool.callback, object)" class="pointer tool" ng-if="tool.callback != undefined">
                         <span translate>{{ tool.text }}</span>
                         <i class="{{ tool.icon }}"></i>
                       </span>

data/app/views/dashstrap/shared/_content_header.html.slim

@@ -0,0 +1,14 @@
+// Content Header (Page header) -->
+section.content-header
+  h1
+    span
+      = @dashboard_section_title || _('Dashboard')
+    small
+      = @dashboard_section_slug || Faalis::Engine.try(:slug)  || 'SLUG'
+
+  ol.breadcrumb
+    li
+      a href="#"
+        i.fa.fa-dashboard
+          | Home
+    li.active

data/app/views/dashstrap/shared/_header.html.erb

@@ -0,0 +1,273 @@
+<header class="header">
+  <!-- header logo: style can be found in header.less -->
+  <a href="/" class="logo">
+    <!-- Add the class icon to your logo image or logo icon to add the margining -->
+    <%= Faalis::Engine.site_title %>
+  </a>
+  <!-- Header Navbar: style can be found in header.less -->
+  <nav class="navbar navbar-static-top" role="navigation">
+    <!-- Sidebar toggle button-->
+    <div class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </div>
+    <div class="navbar-right">
+      <ul class="nav navbar-nav">
+        <!-- Messages: style can be found in dropdown.less-->
+        <li class="dropdown messages-menu">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-envelope"></i>
+            <span class="label label-success">4</span>
+          </a>
+          <ul class="dropdown-menu">
+            <li class="header">-You have 4 messages</li>
+            <li>
+              <!-- inner menu: contains the actual data -->
+              <ul class="menu">
+                <li><!-- start message -->
+                  <a href="#">
+                    <div class="pull-left">
+                      <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="User Image"/>
+                    </div>
+                    <h4>
+                      Support Team
+                      <small><i class="fa fa-clock-o"></i> 5 mins</small>
+                    </h4>
+                    <p>Why not buy a new awesome theme?</p>
+                  </a>
+                </li>
+
+                <!-- end message -->
+                <li>
+                  <a href="#">
+                    <div class="pull-left">
+                      <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="user image"/>
+                    </div>
+                    <h4>
+                      AdminLTE Design Team
+                      <small><i class="fa fa-clock-o"></i> 2 hours</small>
+                    </h4>
+                    <p>Why not buy a new awesome theme?</p>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <div class="pull-left">
+                      <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="user image"/>
+                    </div>
+                    <h4>
+                      Developers
+                      <small><i class="fa fa-clock-o"></i> Today</small>
+                    </h4>
+                    <p>Why not buy a new awesome theme?</p>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <div class="pull-left">
+                      <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="user image"/>
+                    </div>
+                    <h4>
+                      Sales Department
+                      <small><i class="fa fa-clock-o"></i> Yesterday</small>
+                    </h4>
+                    <p>Why not buy a new awesome theme?</p>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <div class="pull-left">
+                      <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="user image"/>
+                    </div>
+                    <h4>
+                      Reviewers
+                      <small><i class="fa fa-clock-o"></i> 2 days</small>
+                    </h4>
+                    <p>Why not buy a new awesome theme?</p>
+                  </a>
+                </li>
+              </ul>
+            </li>
+            <li class="footer"><a href="#">See All Messages</a></li>
+          </ul>
+        </li>
+        <!-- Notifications: style can be found in dropdown.less -->
+        <li class="dropdown notifications-menu">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-warning"></i>
+            <span class="label label-warning">10</span>
+          </a>
+          <ul class="dropdown-menu">
+            <li class="header">You have 10 notifications</li>
+            <li>
+              <!-- inner menu: contains the actual data -->
+              <ul class="menu">
+                <li>
+                  <a href="#">
+                    <i class="ion ion-ios7-people info"></i> 5 new members joined today
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <i class="fa fa-users warning"></i> 5 new members joined
+                  </a>
+                </li>
+
+                <li>
+                  <a href="#">
+                    <i class="ion ion-ios7-cart success"></i> 25 sales made
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <i class="ion ion-ios7-person danger"></i> You changed your username
+                  </a>
+                </li>
+              </ul>
+            </li>
+            <li class="footer"><a href="#">View all</a></li>
+          </ul>
+        </li>
+
+        <li class="dropdown messages-menu">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-flag"></i>
+          </a>
+          <ul class="dropdown-menu">
+            <li class="header" traslate>Select language"</li>
+            <li>
+              <ul class="menu">
+                <% ::I18n.available_locales.each do |locale| %>
+                <li><!-- Task item -->
+                  <a href="<%= "/#{locale.to_s}/#{Faalis::Engine.dashboard_namespace.to_s}/" %>">
+                    <h4>
+                      <%= locale.upcase %>
+                    </h4>
+                  </a>
+                </li><!-- end task item -->
+                <% end %>
+              </ul>
+            </li>
+          </ul>
+        </li>
+        <!-- Tasks: style can be found in dropdown.less -->
+        <li class="dropdown tasks-menu">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-tasks"></i>
+            <span class="label label-danger">9</span>
+          </a>
+          <ul class="dropdown-menu">
+            <li class="header">You have 9 tasks</li>
+            <li>
+              <!-- inner menu: contains the actual data -->
+              <ul class="menu">
+                <li><!-- Task item -->
+                  <a href="#">
+                    <h3>
+                      Design some buttons
+                      <small class="pull-right">20%</small>
+                    </h3>
+                    <div class="progress xs">
+                      <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                        <span class="sr-only">20% Complete</span>
+                      </div>
+                    </div>
+                  </a>
+                </li><!-- end task item -->
+                <li><!-- Task item -->
+                  <a href="#">
+                    <h3>
+                      Create a nice theme
+                      <small class="pull-right">40%</small>
+                    </h3>
+                    <div class="progress xs">
+                      <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                        <span class="sr-only">40% Complete</span>
+                      </div>
+                    </div>
+                  </a>
+                </li><!-- end task item -->
+                <li><!-- Task item -->
+                  <a href="#">
+                    <h3>
+                      Some task I need to do
+                      <small class="pull-right">60%</small>
+                    </h3>
+                    <div class="progress xs">
+                      <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                        <span class="sr-only">60% Complete</span>
+                      </div>
+                    </div>
+                  </a>
+                </li><!-- end task item -->
+                <li><!-- Task item -->
+                  <a href="#">
+                    <h3>
+                      Make beautiful transitions
+                      <small class="pull-right">80%</small>
+                    </h3>
+                    <div class="progress xs">
+                      <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
+                        <span class="sr-only">80% Complete</span>
+                      </div>
+                    </div>
+                  </a>
+                </li><!-- end task item -->
+              </ul>
+            </li>
+            <li class="footer">
+              <a href="#"><%= _("View all tasks") %></a>
+            </li>
+          </ul>
+        </li>
+
+        <!-- User Account: style can be found in dropdown.less -->
+        <li class="dropdown user user-menu">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="glyphicon glyphicon-user"></i>
+            <span> <%= current_user.name %> <i class="caret"></i></span>
+          </a>
+          <ul class="dropdown-menu">
+            <!-- User image -->
+            <li class="user-header bg-light-blue">
+              <img src="<%= asset_path 'avatar.jpg' %>" class="img-circle" alt="User Image" />
+              <p>
+
+                <%= current_user.name %>
+                <small>Member since Nov. 2012</small>
+              </p>
+            </li>
+            <!-- Menu Body -->
+            <li class="user-body">
+              <div class="col-xs-4 text-center">
+                <a href="#"><%= _("Followers") %></a>
+              </div>
+              <div class="col-xs-4 text-center">
+                <a href="#"><%= _("Sales") %></a>
+              </div>
+              <div class="col-xs-4 text-center">
+                <a href="#"><%= _("Friends") %></a>
+              </div>
+            </li>
+            <!-- Menu Footer-->
+            <li class="user-footer">
+              <div class="pull-left">
+                <a href="#" class="btn btn-default btn-flat"><%= _("Profile") %></a>
+              </div>
+              <div class="pull-right">
+                <a href="#" class="btn btn-default btn-flat"><%= _("Sign out") %></a>
+              </div>
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>