faalis 0.7.0

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

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

data/app/assets/javascripts/faalis/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><%= Faalis::Engine.site_title %></h1>
+  <span>{{_ 'Some slug'}}</span>
+</div>

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

@@ -0,0 +1,43 @@
+<% environment.context_class.instance_eval { include ActionView::Helpers::UrlHelper } %>
+<% url = Faalis::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><%= Faalis::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}/#{Faalis::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/faalis/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/faalis/dashboard/variables.js.erb

@@ -0,0 +1,17 @@
+//<% environment.context_class.instance_eval { include ActionView::Helpers::UrlHelper } %>
+//<% url = Faalis::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/faalis/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/faalis/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/faalis/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/faalis/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/faalis/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/faalis/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.

data/app/assets/stylesheets/faalis/base.css.scss

@@ -0,0 +1,264 @@
+//@import 'foundation_and_overrides';
+//@import "foundation";
+//@import "foundation/components/global";
+//@import "foundation/components/alert-boxes";
+@import "faalis/variables";
+@import "faalis/mixins";
+
+table{
+   th{
+      text-align:center !important;
+   }
+   width:90%;
+   margin-left:auto ;
+   margin-right:auto ;
+}
+
+.warning{
+   text-shadow:1px 2px 2px 1px black;
+}
+
+.error{
+   text-shadow:1px 2px 2px 1px black;
+}
+
+.vertical {
+   list-style: none;
+   li {
+      display: inline;
+   }
+}
+
+.inline{
+   display:inline;
+}
+
+.justify{
+   text-align:justify;
+}
+
+
+.header {
+   Background: $headerbg;
+   height: $headerHeight;
+}
+
+footer {
+   Background: $darkbg;
+   width:100%;
+   min-height:60px;
+   position:relative;
+   margin: 0 auto;
+   color:$lightgray;
+
+   div{
+      padding:20px 60px;
+      font-size:14px;
+      a{
+         color:$lightgray;
+      }
+   }
+}
+
+fieldset {
+  border-radius: $border-radius;
+  background: #fff;
+
+  legend {
+    color: $darkgray;
+    padding: 10px 10px 20px 10px;
+    background: none;
+  }
+  .row {
+    padding-bottom: 20px;
+
+  }
+
+}
+
+.form {
+   line-height:25px;
+   img {
+      padding :5px;
+   }
+   .submit{
+      text-align:center;
+   }
+}
+
+
+
+.table {
+   background: white;
+   border-radius: $border-radius;
+   -webkit-font-smoothing: antialiased;
+   width: auto;
+   overflow: auto;
+   display: block;
+   th {
+
+   }
+}
+
+.clearmargin {
+   margin-left: 0 !important;
+   margin-right: 0 !important;
+}
+
+.clearpadding {
+   padding-left: 0 !important;
+   padding-right: 0 !important;
+}
+
+.pointer {
+   cursor: pointer;
+}
+
+.delete-icon {
+   color: $alizarin;
+}
+
+#flash {
+   padding: 10px 5px;
+   border-radius: $border-radius;
+   margin: 10px auto;
+   display: none;
+   cursor: pointer;
+   &.error {
+      background: $alizarin;
+      border: 1px solid darken($alizarin, 5%);
+      color: white;
+   }
+   &.warning {
+      background: $sun_flower;
+      border: 1px solid darken($sun_flower, 5%);
+      color: white;
+
+   }
+   &.success {
+      background: $emerald;
+      border: 1px solid darken($emerald, 5%);
+      color: white;
+
+   }
+}
+
+
+.search-bar{
+  margin-top: 10px;
+  input[type="search"]{
+    border-top-left-radius:5px;
+    border-bottom-left-radius:5px !important;
+  }
+
+  button[type="submit"]{
+    border-top-right-radius:5px !important;
+    border-bottom-right-radius:5px;
+  }
+}
+
+
+#mainloader {
+  .text {
+    margin: 20% auto;
+    width:40%;
+    text-align: center;
+    color: #4f4f4f;
+    h5 { color: #4f4f4f;}
+  }
+}
+
+
+.red {
+  background-color: $alizarin;
+  color: white;
+}
+
+.green {
+  background-color: $emerald;
+  color: white;
+
+}
+
+.yellow {
+  background-color: $sun_flower;
+  color: white;
+}
+
+.blue {
+  background-color: $peter_river;
+  color: white;
+}
+.lightgray {
+  background-color: $lightgray;
+}
+.lightergray {
+  background-color: $lightergray;
+}
+.rounded {
+  border-radius: $border-radius;
+}
+
+.text-4x {
+  font-size: 4em;
+}
+.text-2x {
+  font-size: 2em;
+}
+
+.elabel {
+  font-weight: 500;
+  text-align: center;
+  text-decoration: none;
+  line-height: 1;
+  white-space: nowrap;
+  display: inline-block;
+  position: relative;
+  padding: 0.1875em 0.625em 0.25em;
+  font-size: 0.75em;
+}
+
+.debug_dump {
+  margin: 10px auto;
+  width: 80%;
+  padding: 15px;
+  background: #efefef;
+  border: 1px #dfdfdf solid;
+
+}
+
+input {
+  &.has-error {
+    border: 1px solid $alizarin;
+    &:focus {border: 1px solid $alizarin;}
+  }
+}
+
+.progressbar {
+  width: 100%;
+  height: 3px;
+  background: #eee;
+  border: 1px solid #e0e0e0;
+  text-align: center;
+  font-size: 12px;
+  color: $darkgray;
+
+  .filler {
+    position: absolute;
+    top: 0px;
+    float: left;
+    left: 0;
+    height: 100%;
+  }
+
+}
+
+.progressbar-container {
+  padding-top: 20px;
+}
+.text-error {
+  color: $alizarin;
+}
+.inline {
+  display: inline;
+}