red_base 0.5.0

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

@@ -0,0 +1,41 @@
+/* -----------------------------------------------------------------------------
+    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 Logs = angular.module("Logs", []);
+
+Logs.config(["$routeProvider", function($routeProvider){
+
+    $routeProvider.
+        when("/logs/", {
+            templateUrl: template("logs/index"),
+            controller: "LogsController"
+        });
+}]);
+
+Logs.controller("LogsController", ["$scope", "Restangular","$sce",
+                                    function($scope, API, $sce){
+
+    API.all("logs").getList().then(function(data){
+        var content = data.content;
+        content = content.replace(/\n/gm, "<br />");
+        content = content.replace(/\t/gm, "&nbsp;");
+        content = content.replace(/\x1B\[([0-9]{1,2}(;[0-9]{1,2})?)?[m|K]/gm, "");
+        $scope.logs = $sce.trustAsHtml(content);
+    });
+
+}]);

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

@@ -0,0 +1,50 @@
+/* -----------------------------------------------------------------------------
+    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 Modules = angular.module("Modules", ["ngRoute", "ngAnimate"]);
+
+Modules.controller("ModulesController", ["$location", "$scope", "$controller", function($location, $scope, $controller){
+    var that = this;
+    this.modules = _.filter(DModules, function(module){
+        if (module.sidemenu === true) {
+            module.menu_items = $controller(camelCase(module.resource) + "MenuController", {$scope: $scope}).menu_items;
+            module.show_menu = false;
+        }
+        return module.sidemenu || false;
+    });
+
+    this.on_click = function(url){
+        $location.path(url);
+    };
+    this.view_menu = function(module) {
+        module.show_menu = !module.show_menu;
+    };
+}]);
+
+Modules.animation(".slide", function(){
+    return {
+        leave: function(elem, done){
+            $(elem).slideUp(700, done);
+        },
+        enter: function(elem, done){
+            $(elem).slideDown(700, done);
+            return function(cancelled){};
+        }
+    };
+});

data/app/assets/javascripts/red_base/dashboard/modules/nav.js.erb

@@ -0,0 +1,92 @@
+/* -----------------------------------------------------------------------------
+    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 Nav = angular.module("Navigation", ["ngAnimate"]);
+
+Nav.controller("NavigationController", ["$location", "gettext", "$interval",  function($location, gettext, $interval){
+
+    this.menu_items = [
+        {
+            title: gettext("Messages"),
+            icon: "fa fa-comments",
+            url: "/user/comments"
+        },
+        {
+            title: gettext("Languages"),
+            icon: "fa fa-flag",
+            items: [
+                    <% ::I18n.available_locales.each do |locale| %>
+                    {
+                        url: '<%= "/#{locale.to_s}/#{RedBase::Engine.dashboard_namespace.to_s}/" %>',
+                        title: "<%=locale %>"
+                    },
+                    <% end %>
+            ]
+        },
+        {
+            title: gettext("User"),
+            icon: "fa fa-user",
+            items: [
+                {
+                    title: gettext("Logout"),
+                    icon: "fa fa-power-off",
+                    url: "/users/sign_out",
+                    method: "delete"
+                },
+                {
+                    title: gettext("Change Password"),
+                    icon: "fa fa-exchange",
+                    url: "#"
+                }
+            ]
+        }
+    ];
+
+    this.on_click = function(menu_item){
+        if ("url" in menu_item) {
+            $location.path(menu_item.url);
+            return;
+        }
+        this.menu_clicked = false;
+        var that = this;
+        $interval(function(){
+            that.menu_clicked = false;
+        }, 5000, 1);
+        if ("items" in menu_item) {
+            this.submenu_items = menu_item.items;
+            this.menu_clicked = true;
+
+        }
+    };
+    this.view_menu = function(module) {
+        module.show_menu = !module.show_menu;
+    };
+}]);
+
+Nav.animation(".subnav", function(){
+    return {
+        leave: function(elem, done){
+            $("#subnav").slideUp(700, done);
+        },
+        enter: function(elem, done){
+            $("#subnav").slideDown(700, done);
+            return function(cancelled){};
+        }
+    };
+});

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

@@ -0,0 +1,42 @@
+<div id="content" class="">
+  <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 search-bar">
+          <div class="small-5 columns text-right float-right">
+            <div class="row collapse">
+
+              <div class="small-12 columns ">
+                <input type="search" class="append" placeholder="search ..."/>
+                <span class="append radius"><i class="fa fa-search"></i></span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+
+        <div class="row content">
+          {{ outlet }}
+        </div>
+
+      </section>
+
+    </div>
+  </section>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/auth/groups/details.handlebars.erb

@@ -0,0 +1,15 @@
+<p>{{_ 'ID'}}: <strong>{{ id }}</strong></p>
+<p>{{_ 'Name'}}: <strong>{{ name }}</strong></p>
+<div class="row">
+  <div class="small-12 column text-right">
+<ul class="button-group float-right">
+    {{#link-to user.edit class=" small"}}
+    <span class="fa fa-edit"></span> {{_ 'Edit'}}
+    {{/link-to}}
+    {{#link-to user.show class="small"}}
+    <span class="fa fa-eye"> {{_ 'Show'}}{{/link-to}}
+    {{#link-to user.show class="small"}}
+    <span class="fa fa-check-circle-o"> {{_ 'Active'}}{{/link-to}}
+</ul>
+  </div>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/auth/groups/index.handlebars.erb

@@ -0,0 +1,7 @@
+<div class="row  clearmargin">
+  <div class="small-6 column text-left clearpadding">
+  <h3><i class="fa fa-group"></i> {{_ 'Groups'}}</h3>
+  </div>
+</div>
+
+{{list-view model=model title_field="name" delete_items="delete_items" buttons=buttons details_template="auth/groups/details" items_per_page=5}}

data/app/assets/javascripts/red_base/dashboard/templates/auth/groups/new.handlebars.erb

@@ -0,0 +1,39 @@
+<div class="newform">
+  <fieldset class="form">
+
+  <legend>{{_ 'New Group'}}</legend>
+
+  <div class="row">
+    <div class="small-4 columns">
+      <label >{{_ 'Name'}}:</label>
+      {{input  id="new_name" type="text" value=new_name class=""}}
+      <small></small>
+    </div>
+  </div>
+
+  <div class="row">
+    <label for="permissions">{{_ "Permissions"}}:</label>
+
+    <div class="small-10 columns permissions">
+
+      <div class="row">
+        <div id="permissions" class="small-8 columns field">
+          <ul>
+            {{#each permission in permissions}}
+              <li {{bind-attr id=permission.name class=permission.is_selected:selected}} {{action 'select_permission' permission}}><i {{bind-attr class=":fa :fa-check permission.is_selected:green-text:hide"}}></i> {{ permission.string }} </li>
+            {{/each}}
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  </fieldset>
+
+
+  <div class="row">
+      <div class="small-6 columns">
+          <button class="btn small green" {{action "save_group"}}><i class="fa fa-check"></i> {{_ "Save"}}</button>
+          <button class="btn small red" {{action "cancel"}}><i class="fa fa-times"></i> {{_ "Cancel"}}</button>
+      </div>
+  </div>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/auth/index.handlebars.erb

@@ -0,0 +1,31 @@
+<div class="row clearmargin">
+
+  <div class="columns large-5 small-offset-1 clearpadding">
+    {{#link-to 'users'}}
+    <div class="widget red">
+
+      <div class="text-center">
+        <span class="icon text-4x"><i class="fa fa-user"></i></span>
+        <span class="text-2x">{{_ 'Users'}}</span>
+      </div>
+
+    </div>
+    {{/link-to}}
+  </div>
+
+
+  <div class="columns large-5 clearpadding">
+    {{#link-to 'groups'}}<div class="widget blue">
+
+      <div class=" text-center">
+        <span class="icon text-4x"><i class="fa fa-group"></i></span>
+        <span class="text-2x">{{_ 'Groups'}}</span>
+      </div>
+
+
+    </div>{{/link-to}}
+  </div>
+
+</div>
+
+{{outlet}}

data/app/assets/javascripts/red_base/dashboard/templates/auth/users/details.handlebars.erb

@@ -0,0 +1,15 @@
+<p>{{_ 'ID'}}: <strong>{{ id }}</strong></p>
+<p>{{_ 'Email'}}: <strong>{{ email }}</strong></p>
+<div class="row">
+  <div class="small-12 column text-right">
+<ul class="button-group float-right">
+    {{#link-to user.edit class=" small"}}
+    <span class="fa fa-edit"></span> {{_ 'Edit'}}
+    {{/link-to}}
+    {{#link-to user.show class="small"}}
+    <span class="fa fa-eye"> {{_ 'Show'}}{{/link-to}}
+    {{#link-to user.show class="small"}}
+    <span class="fa fa-check-circle-o"> {{_ 'Active'}}{{/link-to}}
+</ul>
+  </div>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/auth/users/index.handlebars.erb

@@ -0,0 +1,11 @@
+
+<div class="row  clearmargin">
+  <div class="small-6 column text-left clearpadding">
+  <h3><i class="fa fa-group"></i> {{_ 'Users'}}</h3>
+  </div>
+</div>
+
+{{ outlet }}
+
+
+{{list-view model=model title_field="email" buttons=buttons delete_items="delete_items" details_template="auth/users/details" items_per_page=10}}

data/app/assets/javascripts/red_base/dashboard/templates/auth/users/new.handlebars.erb

@@ -0,0 +1,33 @@
+<div class="newform">
+  <fieldset class="form">
+
+    <legend>{{_ 'New User'}}</legend>
+
+    <div class="row">
+      <div class="small-6 columns">
+        <label for="first_name" >{{_ 'First Name'}}:</label>
+        {{input value=first_name id="first_name" type="text" name="first_name" value=first_name class="small-8 columns"}}
+      </div>
+
+      <div class="small-6 columns">
+        <label for="last_name" >{{_ 'Last Name'}}:</label>
+        {{input value=last_name id="last_name" type="text" name="last_name" value=last_name class="small-8 columns"}}
+      </div>
+
+      <div class="small-6 columns float-left">
+        <label for="email" >{{_ 'E-mail'}}:</label>
+        {{input value=email id="email" type="text" name="email" value=email class="small-8 columns"}}
+      </div>
+
+    </div>
+
+  </fieldset>
+
+
+  <div class="row">
+    <div class="small-6 columns">
+      <button class="btn small green" {{action "add_user"}}><i class="fa fa-check"></i> {{_ "Save"}}</button>
+      <button class="btn small red"><i class="fa fa-times"></i> {{_ "Cancel"}}</button>
+    </div>
+  </div>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/components/list-view.handlebars.erb

@@ -0,0 +1,59 @@
+<ul>
+  <li class="table-header">
+    <div class="small-6 columns text-left">
+        {{#each button in action_buttons }}
+          <span {{bind-attr class=button.classes }}">{{#link-to button.route }}<i {{bind-attr class=button.icon }}"></i> {{ button.label }}{{/link-to}}</span>
+        {{/each}}
+    </div>
+    <div class="small-4 columns text-right search-bar">
+      <input type="search" class="append " placeholder="{{_ 'Search'}} ..."/>
+      <span class="append radius"><i class="fa fa-search"></i></span>
+    </div>
+
+  </li>
+  {{#unless model}}
+    <li>{{_ 'There is not record'}}</li>
+  {{/unless}}
+  {{#each record in this_page}}
+    <li {{bind-attr class="record.is_selected:selected :pointer"}}>
+      {{#if is_ltr}}
+        <i {{action "toggle_details" record}} {{bind-attr class="record.view_details:fa-rotate-90 :handle :fa :fa-angle-right"}}></i>
+      {{else}}
+        <i {{action "toggle_details" record}} {{bind-attr class="record.view_details:fa-rotate-270 :handle :fa :fa-angle-left"}}></i>
+      {{/if}}
+      <div class="title" {{ action "select_item" record}}> {{ __title__  record title_field}}</div>
+
+      {{#if details_template}}
+        <div {{bind-attr class="record.view_details:show_details:hide_details :details"}}>
+          {{ dynamic_render details_template record }}
+        </div>
+      {{/if}}
+    </li>
+  {{/each}}
+  <li class="table-summery">
+    <div class="small-6 columns">
+        <div class="pagination">
+          {{# if has_pagination}}
+
+            <i {{bind-attr class=":fa is_ltr:fa-angle-double-left:fa-angle-double-right"}} {{ action go_to_first_page }}></i>
+            <i {{bind-attr class=":fa is_ltr:fa-angle-left:fa-angle-right"}} {{ action go_to_prev_page }}></i>
+            {{ input type="text" class="pagination_input"  insert-newline="go_to_page"}}
+            <i {{bind-attr class=":fa is_ltr:fa-angle-right:fa-angle-left"}} {{ action go_to_next_page }}></i>
+            <i {{bind-attr class=":fa is_ltr:fa-angle-double-right:fa-angle-double-left"}} {{ action go_to_last_page }}></i>
+
+            <span class="elabel rounded lightergray" {{bind-attr title="asd"}}"><i class="fa fa-file-o"></i> {{ current_page }}</span>
+            <span class="elabel rounded lightergray" title="{{_ 'Total Pages'}}"><i class="fa fa-files-o"></i> {{ total_pages }}</span>
+        {{/if}}
+        <span class="elabel rounded lightergray" title="<%= _("Item(s)") %>"><i class="fa fa-list-ul"></i> {{count}}</span>
+        <span class="elabel rounded lightergray" title="{{_ 'Selected'}}"><i {{bind-attr class=":fa is_ltr:fa-hand-o-right:fa-hand-o-left"}}></i> {{ selected_count }}
+        </span>
+        </div>
+
+    </div>
+    <div class="small-6 columns text-right">
+      <span class="btn yellow tiny" {{ action "toggle_select" model}}>{{_ 'Toggle Select'}}</span>
+      <span class="btn blue tiny" {{ action "select_all" model}}>{{_ 'Select All'}}</span>
+      <span class="btn red tiny" {{ action 'delete_items' model}}>{{_ 'Delete'}}</span>
+    </div>
+  </li>
+</ul>

data/app/assets/javascripts/red_base/dashboard/templates/components/model-form.handlebars.erb

@@ -0,0 +1,3 @@
+{{#each field in fields}}
+  {{input value=field}}
+{{/each}}

data/app/assets/javascripts/red_base/dashboard/templates/modules.handlebars.erb

@@ -0,0 +1,15 @@
+
+<ul>
+
+  {{#view Dashboard.LinkView route="widgets" content="" classes=""}}<i class="fa fa-dashboard"></i> {{_ 'Dashboard'}}{{/view}}
+
+  {{#each}}
+      {{#view Dashboard.LinkView resource=resource route=resource content=""}}<i {{bind-attr class=icon }}></i> {{ title }}{{/view}}
+  {{/each}}
+
+</ul>
+
+<div class="brand">
+  <h1><%= RedBase::Engine.site_title %></h1>
+  <span>{{_ 'Some slug'}}</span>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/navigation.handlebars.erb

@@ -0,0 +1,43 @@
+<% environment.context_class.instance_eval { include ActionView::Helpers::UrlHelper } %>
+<% url = RedBase::Engine.routes.url_helpers %>
+
+<div class="">
+  <div class="">
+    <nav class="clearpadding top-bar">
+      <section class="top-bar-section">
+      <ul class="title-area">
+        <li><a href="#"><i class="fa-cog fa icon-medium fa-2x"></i></a></li>
+        <!-- Title Area -->
+        <li class="name brand">
+          <h1><%= RedBase::Engine.site_title %></h1>
+
+        </li>
+        <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
+        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
+      </ul>
+
+</section>
+      <section class="top-bar-section">
+        <ul class="float-right">
+          <li class="has-dropdown"><a href="#"> {{_ 'Languages'}}</a>
+         <ul class="dropdown">
+         <% ::I18n.available_locales.each do |locale| %>
+         <li><a href="<%= "/#{locale.to_s}/#{RedBase::Engine.dashboard_namespace.to_s}/" %>"><%= locale %></a></li>
+        <% end %>
+          </ul>
+          </li>
+
+          <li class="has-dropdown"><a href="#">User{{ current_user.first_name }} {{ current_user.last_name }}</a>
+
+          <ul class="dropdown">
+            <li><a href="">Dashboard</a></li>
+            <li><a href="">Change Password</a></li>
+            <li><a href="<%= url.destroy_user_session_path %>" data-method="delete">Sign Out</a></li>
+          </ul>
+          </li>
+        </ul>
+</section>
+
+</nav>
+</div>
+</div>

data/app/assets/javascripts/red_base/dashboard/templates/widgets.handlebars

@@ -0,0 +1,23 @@
+<h2>{{_ 'Dashboard'}} </h2>
+
+<div class="row clearmargin">
+  <div class="columns large-6 clearpadding">
+    <div class="widget blue">
+      sdfsd
+    </div>
+  </div>
+
+
+  <div class="row clearmargin">
+    <div class="columns large-3 clearpadding">
+      <div class="widget green">
+
+      </div>
+    </div>
+    <div class="columns large-3 clearpadding">
+      <div class="widget yellow">
+
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,17 @@
+//<% environment.context_class.instance_eval { include ActionView::Helpers::UrlHelper } %>
+//<% url = RedBase::Engine.routes.url_helpers %>
+
+// Prefix url of API
+window.API_PREFIX = "/api/v1/";
+// Modules is an array of dashboard modules
+window.DModules = [];
+
+// This variable will contains all the modules name which should be loaded
+// as Dashboard application dependency
+window.dashboard_dependencies = [];
+// Template prefix
+window.templates_path = "/templates/";
+
+// Any element of this queue will be appear as error after load event
+window.ErrorQueue = [];
+window.DashboardURL = "<%= url.dashboard_path %>";

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

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

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

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

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

@@ -0,0 +1,13 @@
+window._ = function (str, options) {
+    var lang = $("html").attr("lang");
+    if (lang in I18n) {
+        if (str in I18n[lang]) {
+            if(I18n[lang][str] !== "") {
+                return I18n[lang][str];
+            }
+            return str;
+        }
+    }
+    console.log("I18n: Can't find translation for '" + str + "' in '" + lang + "'");
+    return str;
+};

data/app/assets/javascripts/red_base/locale/en.json

@@ -0,0 +1,27 @@
+{
+  "Given page does not exists": "",
+  "New": "",
+  "Activate": "",
+  "Selected record(s) removed successfully.": "",
+  "Can not connect to remote, please try again": "",
+  "Dashboard": "",
+  "Some slug": "",
+  "Search": "",
+  "There is not record": "",
+  "Current Page": "",
+  "Total Pages": "",
+  "Selected": "",
+  "Toggle Select": "",
+  "Select All": "",
+  "Delete": "",
+  "Languages": "",
+  "ID": "",
+  "Email": "",
+  "Edit": "",
+  "Show": "",
+  "Active": "",
+  "New User": "",
+  "Users": "",
+  "Name": "",
+  "Groups": ""
+}

data/app/assets/javascripts/red_base/locale/fa.json

@@ -0,0 +1,27 @@
+{
+  "Given page does not exists": "صفحه مورد نظر موجود نمی باشد.",
+  "New": "جدید",
+  "Activate": "فعال کردن",
+  "Selected record(s) removed successfully.": "رکورد های انتخاب شده با موفقیت حدف شد.",
+  "Can not connect to remote, please try again": "ارتیاط با سرور بر قرار نشد دوباره تلاش کنید.",
+  "Dashboard": "بخش کاربری",
+  "Some slug": "",
+  "Search": "جستو جو",
+  "There is not record": "رکوردی موجود نمی باشد",
+  "Current Page": "صفحه جاری",
+  "Total Pages": "کل صفحات",
+  "Selected": "انتخاب شده",
+  "Toggle Select": "بر عکس",
+  "Select All": "انتخاب همه",
+  "Delete": "حذف",
+  "Languages": "زبان ها",
+  "ID": "شناسه",
+  "Email": "ایمیل",
+  "Edit": "ویرایش",
+  "Show": "نمایش",
+  "Active": "فعال",
+  "New User": "کاربر جدید",
+  "Users": "کاربران",
+  "Name": "نام",
+  "Groups": "گروه ها"
+}

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

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.