dashstrap 0.1.0

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

@@ -0,0 +1,15 @@
+.list-view-table {
+   tr {
+      .row_buttons {
+         padding-right: 1em;
+         text-align: right;
+      }
+
+   }
+
+
+}
+
+.select2-container {
+   width: 100%;
+}

data/app/assets/stylesheets/dashstrap/main.css.scss

@@ -0,0 +1,63 @@
+$tools_link_color: #3f3f3f;
+
+.just-top-padding {
+   padding: inherit !important;
+   padding-top: 0.5em !important;
+}
+
+.box-tools, .box-title {
+   .btn {
+      margin-left: 0.2em;
+      margin-right: 0.2em;
+      a {
+         color: #fff;
+      }
+   }
+   .search-group {
+      margin-left: 0.2em;
+      margin-right: 0.2em;
+   }
+
+}
+
+.list-view-table {
+   tr {
+      th:first-child, td:first-child {
+         width: 2em;
+      }
+      th:last-child, td:last-child {
+         span {
+            cursor: pointer;
+         }
+      }
+
+      &.title-row {
+
+         .tools {
+            visibility: hidden;
+
+            direction: ltr;
+            a {
+               color: $tools_link_color;
+            }
+         }
+
+         &:hover {
+            .tools {
+            visibility: visible;
+            }
+         }
+      }
+   }
+}
+
+.pointer {
+   cursor: pointer;
+}
+
+.pagination_page {
+   width: 8em;
+   padding-left: 1em;
+   padding-right: 1em;
+
+}

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

@@ -0,0 +1,4 @@
+//= require dashstrap/main
+//= require dashstrap/rtl/rtl
+
+

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

@@ -0,0 +1,18 @@
+//= require rtl/bootstrap
+//= require rtl/bootstrap-rtl
+//= require font-awesome
+/*
+ionicons
+morris
+jquery-jvectormap-1.2.2
+datepicker3.css
+daterangepicker-bs3
+bootstrap3-wysihtml5
+*/
+
+//= require rtl/AdminLTE
+//= require dashstrap/share
+//= require dashstrap/main
+//= require dashstrap/rtl/rtl
+//= require select2/select2
+//= require select2/select2-bootstrap

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

@@ -0,0 +1,38 @@
+@font-face {
+   font-family: 'yekan';
+   src: font-url('/fonts/BYekan.eot');
+   src: font-url("/fonts/Yekan.eot#iefix") format('embedded-opentype'),
+      font-url("/fonts/Yekan.woff") format('woff'),
+        font-url("/fonts/Yekan.ttf") format('truetype');
+}
+
+
+div, p, h1,h2,h3,h4,h5,h6,a{
+   font-family: 'yekan', tahoma;
+}
+
+.logo{
+   font-family: 'yekan', tahoma !important;
+}
+
+.list-view-table {
+   tr {
+      .row_buttons {
+         padding-left: 1em;
+         text-align: left;
+      }
+
+      &.title-row {
+
+         .tools {
+
+            .tool {
+               margin-left:2em;
+
+            }
+         }
+
+      }
+
+   }
+}

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

@@ -0,0 +1,7 @@
+.sidebar .sidebar-menu .treeview-menu {
+   display: block;
+}
+
+.point {
+   cursor: pointer;
+}

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

@@ -0,0 +1,4 @@
+//= require bootstrap
+//= require font-awesome
+//= require AdminLTE
+//= require simple/share

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

@@ -0,0 +1,5 @@
+//= require simple/rtl/rtl
+//= require bootstrap
+//= require font-awesome
+//= require AdminLTE
+//= require simple/share

data/app/assets/stylesheets/simple/rtl/rtl.scss

@@ -0,0 +1,16 @@
+@font-face {
+   font-family: 'yekan';
+   src: font-url('/fonts/BYekan.eot');
+   src: font-url("/fonts/Yekan.eot#iefix") format('embedded-opentype'),
+      font-url("/fonts/Yekan.woff") format('woff'),
+        font-url("/fonts/Yekan.ttf") format('truetype');
+}
+
+
+div, p, h1,h2,h3,h4,h5,h6,a{
+   font-family: 'yekan', tahoma;
+}
+
+.logo{
+   font-family: 'yekan', tahoma !important;
+}

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

@@ -0,0 +1,11 @@
+#rememberme {
+   input {
+      display: inline;
+   }
+}
+
+.form-box {
+   .alert {
+      margin-left: 0;
+   }
+}

data/app/views/angular/auth/groups/details.html

@@ -0,0 +1,21 @@
+<div class="details">
+<p>
+  <b translate>Group Name :</b>{{this.object.name}}
+</p>
+
+<p>
+  <b translate>Permissions :</b>
+  <ul>
+      <li ng-repeat="perm in this.object.permissions">{{ perm.string_repr }}</li>
+  </ul>
+</p>
+
+<ul class="button-group float-right">
+  <a ng-href="#/auth/groups/{{ this.object.id }}/edit" class="small">
+    <span class="fa fa-edit"></span> <span translated>Edit</span>
+  </a>
+  <!--<a ng-href="#/auth/groups/{{ this.object.id }}" class="small">
+    <span class="fa fa-eye"></span><span translated>Show</span>-->
+  </a>
+</ul>
+</div>

data/app/views/angular/auth/groups/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"

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

@@ -0,0 +1,44 @@
+.row
+  .col-sm-12.col-lg-9
+    .box.box-primary
+      .box-header
+        .box-title ng-if="!editing"
+          = _('New Group')
+
+        .box-title ng-if="editing"
+          = _('Edit Group')
+
+      form[name="new_group" role="form"  novalidate]
+        .box-body
+          .row
+            .col-sm-12.col-lg-6
+                label for="group_name"
+                  = ('Group name')
+
+                input#group_name.form-control[placeholder==(_('Enter the name of group you want to create')) ng-model="new_name" type="text" required]
+
+        .box-footer
+          .row
+            .col-sm-12
+              button.btn.btn-primary type="submit" ng-click="save()" ng-disabled="form.$invalid"
+                span
+                  i.fa.fa-check
+                = _('Save')
+
+              button.btn.btn-danger type="submit" ng-click="cancel()"
+                i.fa.fa-times
+                = _('Cancel')
+  .col-sm-12.col-lg-3
+    .box
+      .box-header
+        .box-title
+          = _('Groups to use as template')
+.row
+  .col-sm-9
+    .box.box-warning
+      .box-header
+        .box-title
+          = _("Permissions")
+
+      .box-body
+        .row

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

@@ -0,0 +1,30 @@
+<div class="row clearmargin">
+
+  <div class="columns large-5 small-offset-1 clearpadding">
+
+    <a href="#/auth/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" translate>Users</span>
+      </div>
+
+    </div>
+    </a>
+
+  </div>
+
+
+  <div class="columns large-5 clearpadding">
+
+    <a href="#/auth/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" translate>Groups</span>
+        </div>
+      </div>
+    </a>
+  </div>
+
+</div>

data/app/views/angular/auth/profile/edit.html

@@ -0,0 +1,54 @@
+<div class="newform">
+  <fieldset class="form">
+
+    <legend translate>Edit Profile</legend>
+
+    <div class="row">
+      <div class="small-4 columns">
+        <label for="first_name" translate>First Name :</label>
+        <input  id="id_first_name" type="text" name="first_name"  required ng-model="first_name" required>
+        <small id="id_first_name_msg"></small>
+      </div>
+
+      <div class="small-4 columns float-left small-offset-2">
+        <label for="last_name" translate>Last Name :</label>
+        <input  id="id_last_name" type="text" name="last_name"  required ng-model="last_name">
+        <small id="id_last_name_msg"></small>
+
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="small-4 columns">
+        <label for="password" translate>Password :</label>
+        <input  id="id_password" type="password" name="password"  required ng-model="password" required>
+        <small id="id_first_name_msg"></small>
+      </div>
+
+      <div class="small-4 columns float-left small-offset-2">
+        <label for="password_confirmation" translate>Confirm Password :</label>
+        <input  id="id_password_confirmation" type="password" name="password_confirmation"  required ng-model="password_confirmation">
+        <small id="id_password_confirmation_msg"></small>
+
+      </div>
+    </div>
+    <div class="row">
+
+      <div class="small-4 columns">
+        <label for="email" translate>E-mail :</label>
+        <input  id="id_email" type="email" name="email" required ng-model="email">
+        <small id="id_email_msg"></small>
+
+      </div>
+    </div>
+
+  </fieldset>
+
+  <div class="row">
+    <div class="small-4 columns">
+      <button ng-click="save()" class="btn small green" ng-disabled="form.first_name.$pristine || form.first_name.$dirty && form.fist_name.$invalid"><i class="fa fa-check"></i> <span translate>Save</span></button>
+      <button ng-click="cancel()" class="btn small red"><i class="fa fa-times"></i> <span translate>Cancel</span></button>
+    </div>
+  </div>
+
+</div>

data/app/views/angular/auth/users/details.html

@@ -0,0 +1,28 @@
+<div class="details">
+<p >
+  <b translate>First Name :</b>{{this.object.first_name}}
+</p>
+
+<p>
+  <b translate>Last Name :</b>{{this.object.last_name}}
+</p>
+
+<p>
+  <b translate>E-mail :</b>{{this.object.email}}
+</p>
+<p>
+  <b translate>Group :</b>{{this.object.group.name}}
+</p>
+
+<ul class="button-group float-right">
+    <a href="#/auth/users/{{this.object.id}}/reply" class="small">
+    <span class="fa fa-edit"></span> <span translated>Edit</span>
+    </a>
+    <a href="" class="small">
+      <span class="fa fa-eye"></span><span translated>Show</span>
+    </a>
+    <a href="" class="small">
+      <span class="fa fa-check-circle-o"></span><span translated>Active</span>
+    </a>
+</ul>
+</div>

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

@@ -0,0 +1,6 @@
+<list-view buttons="buttons" objects="users" title-attribute="'email'" details-template="details_template" item-per-page="10" on_delete="on_delete">
+
+  <div class="small-6 column text-left clearpadding">
+    <h3><i class="fa fa-group"></i> <span translate>Users</span></h3>
+  </div>
+</list-view>

data/app/views/angular/auth/users/new.html

@@ -0,0 +1,57 @@
+<div class="newform">
+  <form novalidate name="form">
+  <fieldset class="form">
+
+    <legend translate>New User</legend>
+
+    <div class="row">
+      <div class="small-4 columns">
+        <label for="first_name" translate>First Name :</label>
+        <input  id="id_first_name" type="text" name="first_name"  required ng-model="first_name">
+        <small id="id_first_name_msg"></small>
+      </div>
+
+      <div class="small-4 columns float-left small-offset-2">
+        <label for="last_name" translate>Last Name :</label>
+        <input  id="id_last_name" type="text" name="last_name"  required ng-model="last_name">
+        <small id="id_last_name_msg"></small>
+
+      </div>
+    </div>
+    <div class="row">
+      <div class="small-4 columns">
+        <label for="password" translate>Password :</label>
+        <input  id="id_password" type="password" name="password" required ng-model="password">
+        <small id="id_password_msg"></small>
+
+      </div>
+
+      <div class="small-4 columns float-left small-offset-2">
+        <label for="email" translate>E-mail :</label>
+        <input  id="id_email" type="email" name="email" required ng-model="email">
+        <small id="id_email_msg"></small>
+
+      </div>
+    </div>
+    <div class="row">
+      <div class="small-4 columns">
+        <label for="group" translate>Group :</label>
+        <select  id="id_group" name="group" required ng-model="group">
+          <option  ng-repeat="item in groups" value="{{item.id}}" ng-select="item.id === group">{{item.name}}</option>
+        </select>
+        <small id="id_group_msg"></small>
+
+      </div>
+
+    </div>
+
+  </fieldset>
+
+  <div class="row">
+    <div class="small-4 columns">
+      <button ng-click="save()" class="btn small green" ng-disabled="form.$invalid || !form.$dirty"><i class="fa fa-check"></i> <span translate>Save</span></button>
+      <button ng-click="cancel()" class="btn small red"><i class="fa fa-times"></i> <span translate>Cancel</span></button>
+    </div>
+  </div>
+</form>
+</div>

data/app/views/angular/fields/accordion/accordion-group.html

@@ -0,0 +1,10 @@
+<div class="panel panel-default">
+  <div class="panel-heading">
+    <h4 class="panel-title">
+      <a href class="accordion-toggle" ng-click="toggleOpen()" accordion-transclude="heading"><span ng-class="{'text-muted': isDisabled}">{{heading}}</span></a>
+    </h4>
+  </div>
+  <div class="panel-collapse" collapse="!isOpen">
+	  <div class="panel-body" ng-transclude></div>
+  </div>
+</div>

data/app/views/angular/fields/accordion/accordion.html

@@ -0,0 +1 @@
+<div class="panel-group" ng-transclude></div>

data/app/views/angular/fields/alert/alert.html

@@ -0,0 +1,7 @@
+<div class="alert" ng-class="['alert-' + (type || 'warning'), closeable ? 'alert-dismissable' : null]" role="alert">
+    <button ng-show="closeable" type="button" class="close" ng-click="close()">
+        <span aria-hidden="true">&times;</span>
+        <span class="sr-only">Close</span>
+    </button>
+    <div ng-transclude></div>
+</div>

data/app/views/angular/fields/boolean/boolean.html

@@ -0,0 +1,4 @@
+<div class="boolean-field">
+  <input id="{{ element_id }}" ng-model="model" name="{{ field }}" ng-required="required" type="checkbox" class="{{cssClasses}}" /> <span class="field-label">{{ label | translate }}</span>
+  <small id="{{ msg_element_id }}"></small>
+</div>

data/app/views/angular/fields/carousel/carousel.html

@@ -0,0 +1,8 @@
+<div ng-mouseenter="pause()" ng-mouseleave="play()" class="carousel" ng-swipe-right="prev()" ng-swipe-left="next()">
+    <ol class="carousel-indicators" ng-show="slides.length > 1">
+        <li ng-repeat="slide in slides track by $index" ng-class="{active: isActive(slide)}" ng-click="select(slide)"></li>
+    </ol>
+    <div class="carousel-inner" ng-transclude></div>
+    <a class="left carousel-control" ng-click="prev()" ng-show="slides.length > 1"><span class="glyphicon glyphicon-chevron-left"></span></a>
+    <a class="right carousel-control" ng-click="next()" ng-show="slides.length > 1"><span class="glyphicon glyphicon-chevron-right"></span></a>
+</div>

data/app/views/angular/fields/carousel/slide.html

@@ -0,0 +1,7 @@
+<div ng-class="{
+    'active': leaving || (active && !entering),
+    'prev': (next || active) && direction=='prev',
+    'next': (next || active) && direction=='next',
+    'right': direction=='prev',
+    'left': direction=='next'
+  }" class="item text-center" ng-transclude></div>

data/app/views/angular/fields/control-combo/control-list.html

@@ -0,0 +1,19 @@
+<div class="row">
+  <table>
+    <thead>
+      <th>
+        <td translate>Facility Name</td>
+        <td translate>Number</td>
+        <td translate>Price?</td>
+        <td translate>Note</td>
+      </th>
+    </thead>
+    <tbody>
+
+      <tr ng-repeat="obj in objects_rows">
+        <ng-include src="config.row_template"></ng-include>
+      </tr>
+    </tbody>
+  </table>
+
+</div>

data/app/views/angular/fields/datepicker/datepicker.html

@@ -0,0 +1,5 @@
+<div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)">
+  <daypicker ng-switch-when="day" tabindex="0"></daypicker>
+  <monthpicker ng-switch-when="month" tabindex="0"></monthpicker>
+  <yearpicker ng-switch-when="year" tabindex="0"></yearpicker>
+</div>

data/app/views/angular/fields/datepicker/day.html

@@ -0,0 +1,21 @@
+<table role="grid" aria-labelledby="{{uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
+  <thead>
+    <tr>
+      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
+      <th colspan="{{5 + showWeeks}}"><button id="{{uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
+      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
+    </tr>
+    <tr>
+      <th ng-show="showWeeks" class="text-center"></th>
+      <th ng-repeat="label in labels track by $index" class="text-center"><small aria-label="{{label.full}}">{{label.abbr}}</small></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr ng-repeat="row in rows track by $index">
+      <td ng-show="showWeeks" class="text-center h6"><em>{{ weekNumbers[$index] }}</em></td>
+      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{dt.uid}}" aria-disabled="{{!!dt.disabled}}">
+        <button type="button" style="width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}">{{dt.label}}</span></button>
+      </td>
+    </tr>
+  </tbody>
+</table>

data/app/views/angular/fields/datepicker/month.html

@@ -0,0 +1,16 @@
+<table role="grid" aria-labelledby="{{uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
+  <thead>
+    <tr>
+      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
+      <th><button id="{{uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
+      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr ng-repeat="row in rows track by $index">
+      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{dt.uid}}" aria-disabled="{{!!dt.disabled}}">
+        <button type="button" style="width:100%;" class="btn btn-default" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="{'text-info': dt.current}">{{dt.label}}</span></button>
+      </td>
+    </tr>
+  </tbody>
+</table>

data/app/views/angular/fields/datepicker/popup.html

@@ -0,0 +1,10 @@
+<ul class="dropdown-menu" ng-style="{display: (isOpen && 'block') || 'none', top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)">
+	<li ng-transclude></li>
+	<li ng-if="showButtonBar" style="padding:10px 9px 2px">
+		<span class="btn-group pull-left">
+			<button type="button" class="btn btn-sm btn-info" ng-click="select('today')">{{ getText('current') }}</button>
+			<button type="button" class="btn btn-sm btn-danger" ng-click="select(null)">{{ getText('clear') }}</button>
+		</span>
+		<button type="button" class="btn btn-sm btn-success pull-right" ng-click="close()">{{ getText('close') }}</button>
+	</li>
+</ul>

data/app/views/angular/fields/datepicker/year.html

@@ -0,0 +1,16 @@
+<table role="grid" aria-labelledby="{{uniqueId}}-title" aria-activedescendant="{{activeDateId}}">
+  <thead>
+    <tr>
+      <th><button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left"></i></button></th>
+      <th colspan="3"><button id="{{uniqueId}}-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" tabindex="-1" style="width:100%;"><strong>{{title}}</strong></button></th>
+      <th><button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-right"></i></button></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr ng-repeat="row in rows track by $index">
+      <td ng-repeat="dt in row track by dt.date" class="text-center" role="gridcell" id="{{dt.uid}}" aria-disabled="{{!!dt.disabled}}">
+        <button type="button" style="width:100%;" class="btn btn-default" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span ng-class="{'text-info': dt.current}">{{dt.label}}</span></button>
+      </td>
+    </tr>
+  </tbody>
+</table>

data/app/views/angular/fields/datetime/datetime.html

@@ -0,0 +1,10 @@
+<div>
+  <!-- TODO: Find out why disable-timepicker and timepicker does not work together -->
+  <div ng-if="timepicker">
+    <quick-datepicker disable-timepicker="true" id="{{ element_id }}" ng-model="model" class="{{cssClasses}}" ng-required="required" name="{{ field }}" placeholder="{{ 'Click to pick a date' | translate }}" />
+  </div>
+  <div ng-if="!timepicker">
+    <quick-datepicker  id="{{ element_id }}" ng-model="model" class="{{cssClasses}}" ng-required="required" name="{{ field }}" placeholder="{{ 'Click to pick a date' | translate }}" />
+  </div>
+  <small id="{{ msg_element_id }}"></small>
+</div>

data/app/views/angular/fields/datetime/time.html

@@ -0,0 +1,25 @@
+<div class="timeSelectorDirective" >
+  <div class="section hours">
+    <div class="increase" ng-click="increaseHours()">
+      <i class="icon fa fa-caret-up"></i>
+    </div>
+    <div class="display">
+      <input type="text" ng-model="hours" ng-change="change('hour')">
+    </div>
+    <div class="decrease" ng-click="decreaseHours()">
+      <i class="icon fa fa-caret-down"></i>
+    </div>
+  </div>
+  <div class="section minutes">
+    <div class="increase" ng-click="increaseMinutes()">
+      <i class="icon fa fa-caret-up"></i>
+    </div>
+    <div class="display">
+      <input type="text" ng-model="minutes" ng-model-onblur ng-change="update('minute')">
+    </div>
+    <div class="decrease" ng-click="decreaseMinutes()">
+      <i class="icon fa fa-caret-down">
+      </i>
+    </div>
+  </div>
+</div>

data/app/views/angular/fields/float/float.html

@@ -0,0 +1,4 @@
+<div>
+  <input id="{{ element_id }}" ng-model="model" name="{{ field }}" ng-required="required" type="text" class="{{cssClasses}}" />
+  <small id="{{ msg_element_id }}"></small>
+</div>