red_base 0.5.1 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 35cc494517908d2e1afe73aa4b648b0c9a959295
-  data.tar.gz: fe6fc890fc0176912c16d9f8fba46cc6c04bd9d8
+  metadata.gz: 625f6ddeb49abf49aaa741b3ee142d807727c1bb
+  data.tar.gz: 710c799f08341f0c52a92cf5fc3de86b173c6979
 SHA512:
-  metadata.gz: a46e85f90b450957e6981b512b88feafe8f213ff53dcc3b17a39ceda9dea245cdaaeda565aff7de8d5cbddf985640db3e8e5a8bb3d2bcd61bc5fe5a26fbf09f5
-  data.tar.gz: 088f67b8ae3f099145572400e3e92b3359f780f4183ce1027524517bfc8b2695e3ca9040a69091265f3d4f44c3a287d3d8a49df37a40078f8b51c26765ae00df
+  metadata.gz: 510f3184262feb9d751988935abe7c74aec8ae2e928ae1e1e1838b390fee83d76e29c5667f9e575bdb585e2f68b1f86bbbefd40289bad98bc3c1c7f1370c8a0a
+  data.tar.gz: d731ba3e54fc1e09403ecb960dcce8c0c83a07d9e46de4ae3f30177a5e3b5dda4f7e3207bc6649b0d95e3ee7775b300db403f71b3b78a8d5aa1994179c6db7a7

data/README.md

@@ -1,14 +1,13 @@
-= RedBase
-
-{<img src="https://badge.fury.io/rb/red_base.png" alt="Gem Version" />}[http://badge.fury.io/rb/red_base]
+# RedBase  [![Gem Version](https://badge.fury.io/rb/red_base.png)](http://badge.fury.io/rb/red_base)
 
 RedBase is a ruby on rails engine which provides a basic features of a web application. It provide a very
 robust dashboard subsystem with some fantastic generators which provide rapid productivity.
 
-== Dependencies
+## Dependencies
 
 * Add this to your Gemfile:
 
+```ruby
 group :development, :test do
   gem 'rspec-rails', '~> 3.0.0.beta'
   gem "capybara"
@@ -17,13 +16,14 @@ group :development, :test do
   gem "email_spec"
   gem "cucumber-rails", :require => false
 end
+```
 
-== Installation
+## Installation
 
 1. Add this to your `config/environments/development.rb`
 
 ```ruby
-    config.action_mailer.default_url_options = { :host => 'localhost:3000' }
+config.action_mailer.default_url_options = { :host => 'localhost:3000' }
 ```
 
 In production, :host should be set to the actual host of your application.
@@ -31,10 +31,10 @@ In production, :host should be set to the actual host of your application.
 2. Ensure you have flash messages in app/views/layouts/application.html.erb.
 For example (Only if you want to change default layout):
 
-'''html
-       <p class="notice"><%= notice %></p>
-       <p class="alert"><%= alert %></p>
-'''
+```rhtml
+<p class="notice"><%= notice %></p>
+<p class="alert"><%= alert %></p>
+```
 
 
 3. Perfrom `rails generate red_base:install_all` to copy necessary files.

data/app/assets/javascripts/red_base/dashboard/app.js

@@ -22,7 +22,7 @@
 //= require_self
 //= require ./locale/translations
 
-var dependencies = ["gettext", "Modules", "Navigation", "ngAnimate", "ngRoute", "restangular"].concat(dashboard_dependencies);
+var dependencies = ["gettext", "Modules", "Navigation", "ngAnimate", "ngRoute", "restangular", "ngQuickDate"].concat(dashboard_dependencies);
 
 console.log("Dashboard dependencies:");
 console.log(dependencies);
@@ -37,7 +37,15 @@ Dashboard.config(['$routeProvider', function($routeProvider) {
 
 }]);
 
-Dashboard.config(["RestangularProvider", "$httpProvider", function(RestangularProvider, $httpProvider) {
+Dashboard.config(["RestangularProvider", "$httpProvider", "ngQuickDateDefaultsProvider", function(RestangularProvider, $httpProvider, ngQuickDateDefaultsProvider) {
+
+    ngQuickDateDefaultsProvider.set({
+        closeButtonHtml: "<i class='fa fa-times'></i>",
+        buttonIconHtml: "<i class='fa fa-calendar'></i>",
+        nextLinkHtml: "<i class='fa fa-chevron-right'></i>",
+        prevLinkHtml: "<i class='fa fa-chevron-left'></i>"
+    });
+
     RestangularProvider.setBaseUrl('/api/v1');
 
     $httpProvider.defaults.headers.common.lang = $("html").attr("lang");

data/app/assets/javascripts/red_base/dashboard/lib/ng-quick-date.js

@@ -0,0 +1,297 @@
+(function() {
+  var app;
+
+  app = angular.module("ngQuickDate", []);
+
+  app.provider("ngQuickDateDefaults", function() {
+    return {
+      options: {
+        dateFormat: 'M/d/yyyy',
+        timeFormat: 'h:mm a',
+        labelFormat: null,
+        placeholder: 'Click to Set Date',
+        hoverText: null,
+        buttonIconHtml: null,
+        closeButtonHtml: 'X',
+        nextLinkHtml: 'Next',
+        prevLinkHtml: 'Prev',
+        disableTimepicker: false,
+        disableClearButton: false,
+        dayAbbreviations: ["Su", "M", "Tu", "W", "Th", "F", "Sa"],
+        parseDateFunction: function(str) {
+          var seconds;
+          seconds = Date.parse(str);
+          if (isNaN(seconds)) {
+            return null;
+          } else {
+            return new Date(seconds);
+          }
+        }
+      },
+      $get: function() {
+        return this.options;
+      },
+      set: function(keyOrHash, value) {
+        var k, v, _results;
+        if (typeof keyOrHash === 'object') {
+          _results = [];
+          for (k in keyOrHash) {
+            v = keyOrHash[k];
+            _results.push(this.options[k] = v);
+          }
+          return _results;
+        } else {
+          return this.options[keyOrHash] = value;
+        }
+      }
+    };
+  });
+
+  app.directive("datepicker", [
+    'ngQuickDateDefaults', '$filter', '$sce', function(ngQuickDateDefaults, $filter, $sce) {
+      return {
+        restrict: "E",
+        require: "ngModel",
+        scope: {
+          ngModel: "=",
+          onChange: "&"
+        },
+        replace: true,
+        link: function(scope, element, attrs, ngModel) {
+          var dateToString, datepickerClicked, datesAreEqual, debug, getDaysInMonth, initialize, parseDateString, setCalendarDateFromModel, setCalendarRows, setConfigOptions, setInputDateFromModel;
+          debug = attrs.debug && attrs.debug.length;
+          initialize = function() {
+            scope.toggleCalendar(false);
+            scope.weeks = [];
+            scope.inputDate = null;
+            if (typeof scope.ngModel === 'string') {
+              scope.ngModel = parseDateString(scope.ngModel);
+            }
+            setConfigOptions();
+            setInputDateFromModel();
+            return setCalendarDateFromModel();
+          };
+          setConfigOptions = function() {
+            var key, value;
+            for (key in ngQuickDateDefaults) {
+              value = ngQuickDateDefaults[key];
+              if (key.match(/[Hh]tml/)) {
+                scope[key] = $sce.trustAsHtml(ngQuickDateDefaults[key] || "");
+              } else if (attrs[key]) {
+                scope[key] = attrs[key];
+              } else {
+                scope[key] = ngQuickDateDefaults[key];
+              }
+            }
+            if (!scope.labelFormat) {
+              scope.labelFormat = scope.dateFormat;
+              if (!scope.disableTimepicker) {
+                scope.labelFormat += " " + scope.timeFormat;
+              }
+            }
+            if (attrs.iconClass && attrs.iconClass.length) {
+              return scope.buttonIconHtml = $sce.trustAsHtml("<i ng-show='iconClass' class='" + attrs.iconClass + "'></i>");
+            }
+          };
+          datepickerClicked = false;
+          window.document.addEventListener('click', function(event) {
+            if (!datepickerClicked) {
+              scope.toggleCalendar(false);
+              scope.$apply();
+            }
+            return datepickerClicked = false;
+          });
+          angular.element(element[0])[0].addEventListener('click', function(event) {
+            return datepickerClicked = true;
+          });
+          setInputDateFromModel = function() {
+            if (scope.ngModel) {
+              scope.inputDate = $filter('date')(scope.ngModel, ngQuickDateDefaults.dateFormat);
+              return scope.inputTime = $filter('date')(scope.ngModel, ngQuickDateDefaults.timeFormat);
+            } else {
+              scope.inputDate = null;
+              return scope.inputTime = null;
+            }
+          };
+          setCalendarDateFromModel = function() {
+            var d;
+            d = scope.ngModel ? new Date(scope.ngModel) : new Date();
+            if (d.toString() === "Invalid Date") {
+              d = new Date();
+            }
+            d.setDate(1);
+            return scope.calendarDate = new Date(d);
+          };
+          setCalendarRows = function() {
+            var curDate, d, day, daysInMonth, numRows, offset, row, selected, today, weeks, _i, _j, _ref;
+            offset = scope.calendarDate.getDay();
+            daysInMonth = getDaysInMonth(scope.calendarDate.getFullYear(), scope.calendarDate.getMonth());
+            numRows = Math.ceil((offset + daysInMonth) / 7);
+            weeks = [];
+            curDate = new Date(scope.calendarDate);
+            curDate.setDate(curDate.getDate() + (offset * -1));
+            for (row = _i = 0, _ref = numRows - 1; 0 <= _ref ? _i <= _ref : _i >= _ref; row = 0 <= _ref ? ++_i : --_i) {
+              weeks.push([]);
+              for (day = _j = 0; _j <= 6; day = ++_j) {
+                d = new Date(curDate);
+                selected = scope.ngModel && d && datesAreEqual(d, scope.ngModel);
+                today = datesAreEqual(d, new Date());
+                weeks[row].push({
+                  date: d,
+                  selected: selected,
+                  other: d.getMonth() !== scope.calendarDate.getMonth(),
+                  today: today
+                });
+                curDate.setDate(curDate.getDate() + 1);
+              }
+            }
+            return scope.weeks = weeks;
+          };
+          dateToString = function(date, format) {
+            return $filter('date')(date, format);
+          };
+          parseDateString = ngQuickDateDefaults.parseDateFunction;
+          datesAreEqual = function(d1, d2, compareTimes) {
+            if (compareTimes == null) {
+              compareTimes = false;
+            }
+            if (compareTimes) {
+              return (d1 - d2) === 0;
+            } else {
+              return d1 && d2 && (d1.getYear() === d2.getYear()) && (d1.getMonth() === d2.getMonth()) && (d1.getDate() === d2.getDate());
+            }
+          };
+          getDaysInMonth = function(year, month) {
+            return [31, ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0 ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+          };
+          scope.$watch('ngModel', function(newVal, oldVal) {
+            if (newVal !== oldVal) {
+              setInputDateFromModel();
+              return setCalendarDateFromModel();
+            }
+          });
+          scope.$watch('calendarDate', function(newVal, oldVal) {
+            if (newVal !== oldVal) {
+              return setCalendarRows();
+            }
+          });
+          scope.$watch('calendarShown', function(newVal, oldVal) {
+            var dateInput;
+            dateInput = angular.element(element[0].querySelector(".quickdate-date-input"))[0];
+            return dateInput.select();
+          });
+          scope.mainButtonStr = function() {
+            if (scope.ngModel) {
+              return $filter('date')(scope.ngModel, scope.labelFormat);
+            } else {
+              return scope.placeholder;
+            }
+          };
+          scope.toggleCalendar = function(show) {
+            if (isFinite(show)) {
+              return scope.calendarShown = show;
+            } else {
+              return scope.calendarShown = !scope.calendarShown;
+            }
+          };
+          scope.setDate = function(date, closeCalendar) {
+            var changed;
+            if (closeCalendar == null) {
+              closeCalendar = true;
+            }
+            changed = (!scope.ngModel && date) || (scope.ngModel && !date) || (date.getTime() !== scope.ngModel.getTime());
+            scope.ngModel = date;
+            if (closeCalendar) {
+              scope.toggleCalendar(false);
+            }
+            if (changed && scope.onChange) {
+              return scope.onChange();
+            }
+          };
+          scope.setDateFromInput = function(closeCalendar) {
+            var err, tmpDate, tmpDateAndTime, tmpTime;
+            if (closeCalendar == null) {
+              closeCalendar = false;
+            }
+            try {
+              tmpDate = parseDateString(scope.inputDate);
+              if (!tmpDate) {
+                throw 'Invalid Date';
+              }
+              if (!scope.disableTimepicker && scope.inputTime && scope.inputTime.length && tmpDate) {
+                tmpTime = scope.disableTimepicker ? '00:00:00' : scope.inputTime;
+                tmpDateAndTime = parseDateString("" + scope.inputDate + " " + tmpTime);
+                if (!tmpDateAndTime) {
+                  throw 'Invalid Time';
+                }
+                scope.setDate(tmpDateAndTime, false);
+              } else {
+                scope.setDate(tmpDate, false);
+              }
+              if (closeCalendar) {
+                scope.toggleCalendar(false);
+              }
+              scope.inputDateErr = false;
+              return scope.inputTimeErr = false;
+            } catch (_error) {
+              err = _error;
+              if (err === 'Invalid Date') {
+                return scope.inputDateErr = true;
+              } else if (err === 'Invalid Time') {
+                return scope.inputTimeErr = true;
+              }
+            }
+          };
+          scope.onDateInputTab = function(param) {
+            if (scope.disableTimepicker) {
+              scope.toggleCalendar(false);
+            }
+            return true;
+          };
+          scope.onTimeInputTab = function(param) {
+            scope.toggleCalendar(false);
+            return true;
+          };
+          scope.nextMonth = function() {
+            return scope.calendarDate = new Date(new Date(scope.calendarDate).setMonth(scope.calendarDate.getMonth() + 1));
+          };
+          scope.prevMonth = function() {
+            return scope.calendarDate = new Date(new Date(scope.calendarDate).setMonth(scope.calendarDate.getMonth() - 1));
+          };
+          scope.clear = function() {
+            scope.ngModel = null;
+            return scope.toggleCalendar(false);
+          };
+          initialize();
+          setCalendarRows();
+          if (debug) {
+            return console.log("quick date scope:", scope);
+          }
+        },
+        template: "<div class='quickdate'>\n  <a href='' ng-focus='toggleCalendar(true)' ng-click='toggleCalendar()' class='quickdate-button' title='{{hoverText}}'><div ng-hide='iconClass' ng-bind-html='buttonIconHtml'></div>{{mainButtonStr()}}</a>\n  <div class='quickdate-popup' ng-class='{open: calendarShown}'>\n    <a href='' tabindex='-1' class='quickdate-close' ng-click='toggleCalendar()'><div ng-bind-html='closeButtonHtml'></div></a>\n    <div class='quickdate-text-inputs'>\n      <div class='quickdate-input-wrapper'>\n        <label>Date</label>\n        <input class='quickdate-date-input' name='inputDate' type='text' ng-model='inputDate' placeholder='1/1/2013' ng-blur=\"setDateFromInput()\" ng-enter=\"setDateFromInput(true)\" ng-class=\"{'ng-quick-date-error': inputDateErr}\"  ng-tab='onDateInputTab()' />\n      </div>\n      <div class='quickdate-input-wrapper' ng-hide='disableTimepicker'>\n        <label>Time</label>\n        <input class='quickdate-time-input' name='inputTime' type='text' ng-model='inputTime' placeholder='12:00 PM' ng-blur=\"setDateFromInput(false)\" ng-enter=\"setDateFromInput(true)\" ng-class=\"{'quickdate-error': inputTimeErr}\" ng-tab='onTimeInputTab()'>\n      </div>\n    </div>\n    <div class='quickdate-calendar-header'>\n      <a href='' class='quickdate-prev-month quickdate-action-link' tabindex='-1' ng-click='prevMonth()'><div ng-bind-html='prevLinkHtml'></div></a>\n      <span class='quickdate-month'>{{calendarDate | date:'MMMM yyyy'}}</span>\n      <a href='' class='quickdate-next-month quickdate-action-link' ng-click='nextMonth()' tabindex='-1' ><div ng-bind-html='nextLinkHtml'></div></a>\n    </div>\n    <table class='quickdate-calendar'>\n      <thead>\n        <tr>\n          <th ng-repeat='day in dayAbbreviations'>{{day}}</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr ng-repeat='week in weeks'>\n          <td ng-mousedown='setDate(day.date)' ng-class='{\"other-month\": day.other, \"selected\": day.selected, \"is-today\": day.today}' ng-repeat='day in week'>{{day.date | date:'d'}}</td>\n        </tr>\n      </tbody>\n    </table>\n    <div class='quickdate-popup-footer'>\n      <a href='' class='quickdate-clear' tabindex='-1' ng-hide='disableClearButton' ng-click='clear()'>Clear</a>\n    </div>\n  </div>\n</div>"
+      };
+    }
+  ]);
+
+  app.directive('ngEnter', function() {
+    return function(scope, element, attr) {
+      return element.bind('keydown keypress', function(e) {
+        if (e.which === 13) {
+          scope.$apply(attr.ngEnter);
+          return e.preventDefault();
+        }
+      });
+    };
+  });
+
+  app.directive('ngTab', function() {
+    return function(scope, element, attr) {
+      return element.bind('keydown keypress', function(e) {
+        if (e.which === 9) {
+          return scope.$apply(attr.ngTab);
+        }
+      });
+    };
+  });
+
+}).call(this);

data/app/assets/javascripts/red_base/dashboard/locale/translations.js~

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

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

@@ -111,7 +111,7 @@ User.controller("AddUsersController", ["$scope","Restangular","$location" ,"$rou
         }else{
             API.all("users").post(user).then(function(){
                 success_message(gettext("User created Successfully"));
-                //$location.path("/auth/users");
+                $location.path("/auth/users");
             }).catch(catch_error);
         }
     };

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

@@ -0,0 +1,20 @@
+/* -----------------------------------------------------------------------------
+    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", []);

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

@@ -0,0 +1,4 @@
+        when("/auth/users", {
+            templateUrl: template("auth/users/index"),
+            controller: ""
+        });

data/app/assets/javascripts/red_base/dashboard/templates/application.handlebars.erb~

@@ -0,0 +1,39 @@
+<div id="mainloader">
+  <div class="text">
+    <p><i class="fa fa-spin fa-refresh fa-2x"></i></p>
+    <h5><%= _("Please wait") %> . . .</h5>
+  </div>
+</div>
+<div id="content" class="hide">
+<header>
+  {{ render "navigation" }}
+</header>
+
+<section class="dashboard-body">
+  <div class="row">
+    <aside class="modulebar small-2 columns">
+      {{ render "modules"}}
+    </aside>
+    <section class="small-10 columns dashboard-content">
+
+      <div class="row content">
+        <div id="flash" class="row success">
+          <div class="small-12 columns">
+          </div>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-4 columns text-right search-bar right">
+          <input type="search" class="small-12  columns left" placeholder="Search ..."/>
+        </div>
+      </div>
+      <div class="row content">
+        {{ outlet }}
+      </div>
+
+    </section>
+
+  </div>
+</section>
+</div>