dashstrap 0.1.0

data/app/views/angular/index.html

@@ -0,0 +1,448 @@
+<!-- Small boxes (Stat box) -->
+<div class="row">
+  <div class="col-lg-3 col-xs-6">
+    <!-- small box -->
+    <div class="small-box bg-aqua">
+      <div class="inner">
+        <h3>
+          150
+        </h3>
+        <p>
+          New Orders
+        </p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-bag"></i>
+      </div>
+      <a href="#" class="small-box-footer">
+        More info <i class="fa fa-arrow-circle-right"></i>
+      </a>
+    </div>
+  </div><!-- ./col -->
+  <div class="col-lg-3 col-xs-6">
+    <!-- small box -->
+    <div class="small-box bg-green">
+      <div class="inner">
+        <h3>
+          53<sup style="font-size: 20px">%</sup>
+        </h3>
+        <p>
+          Bounce Rate
+        </p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-stats-bars"></i>
+      </div>
+      <a href="#" class="small-box-footer">
+        <%= _("More info") %> <i class="fa fa-arrow-circle-right"></i>
+      </a>
+    </div>
+  </div><!-- ./col -->
+  <div class="col-lg-3 col-xs-6">
+    <!-- small box -->
+    <div class="small-box bg-yellow">
+      <div class="inner">
+        <h3>
+          44
+        </h3>
+        <p>
+          User Registrations
+        </p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-person-add"></i>
+      </div>
+      <a href="#" class="small-box-footer">
+        More info <i class="fa fa-arrow-circle-right"></i>
+      </a>
+    </div>
+  </div><!-- ./col -->
+  <div class="col-lg-3 col-xs-6">
+    <!-- small box -->
+    <div class="small-box bg-red">
+      <div class="inner">
+        <h3>
+          65
+        </h3>
+        <p>
+          Unique Visitors
+        </p>
+      </div>
+      <div class="icon">
+        <i class="ion ion-pie-graph"></i>
+      </div>
+      <a href="#" class="small-box-footer">
+        More info <i class="fa fa-arrow-circle-right"></i>
+      </a>
+    </div>
+  </div><!-- ./col -->
+</div><!-- /.row -->
+
+<!-- Main row -->
+<div class="row">
+  <!-- Left col -->
+  <section class="col-lg-7 connectedSortable">
+
+
+    <!-- Custom tabs (Charts with tabs)-->
+    <div class="nav-tabs-custom">
+      <!-- Tabs within a box -->
+      <ul class="nav nav-tabs pull-right">
+        <li class="active"><a href="#revenue-chart" data-toggle="tab"><%= ("Area") %></a></li>
+        <li><a href="#sales-chart" data-toggle="tab"><%= ("Donut") %></a></li>
+        <li class="pull-left header"><i class="fa fa-inbox"></i> <%= ("Sales") %></li>
+      </ul>
+      <div class="tab-content no-padding">
+        <!-- Morris chart - Sales -->
+        <div class="chart tab-pane active" id="revenue-chart" style="position: relative; height: 300px;"></div>
+        <div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"></div>
+      </div>
+    </div><!-- /.nav-tabs-custom -->
+
+    <!-- Chat box -->
+    <div class="box box-success">
+      <div class="box-header">
+        <i class="fa fa-comments-o"></i>
+        <h3 class="box-title">Chat</h3>
+        <div class="box-tools pull-right" data-toggle="tooltip" title="Status">
+          <div class="btn-group" data-toggle="btn-toggle" >
+            <button type="button" class="btn btn-default btn-sm active"><i class="fa fa-square text-green"></i></button>
+            <button type="button" class="btn btn-default btn-sm"><i class="fa fa-square text-red"></i></button>
+          </div>
+        </div>
+      </div>
+      <div class="box-body chat" id="chat-box">
+        <!-- chat item -->
+        <div class="item">
+          <img src="img/avatar.png" alt="user image" class="online"/>
+          <p class="message">
+            <a href="#" class="name">
+              <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 2:15</small>
+              Mike Doe
+            </a>
+            I would like to meet you to discuss the latest news about
+            the arrival of the new theme. They say it is going to be one the
+            best themes on the market
+          </p>
+          <div class="attachment">
+            <h4>Attachments:</h4>
+            <p class="filename">
+              Theme-thumbnail-image.jpg
+            </p>
+            <div class="pull-right">
+              <button class="btn btn-primary btn-sm btn-flat">Open</button>
+            </div>
+          </div><!-- /.attachment -->
+        </div><!-- /.item -->
+        <!-- chat item -->
+        <div class="item">
+          <img src="img/avatar2.png" alt="user image" class="offline"/>
+          <p class="message">
+            <a href="#" class="name">
+              <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:15</small>
+              Jane Doe
+            </a>
+            I would like to meet you to discuss the latest news about
+            the arrival of the new theme. They say it is going to be one the
+            best themes on the market
+          </p>
+        </div><!-- /.item -->
+        <!-- chat item -->
+        <div class="item">
+          <img src="img/avatar3.png" alt="user image" class="offline"/>
+          <p class="message">
+            <a href="#" class="name">
+              <small class="text-muted pull-right"><i class="fa fa-clock-o"></i> 5:30</small>
+              Susan Doe
+            </a>
+            I would like to meet you to discuss the latest news about
+            the arrival of the new theme. They say it is going to be one the
+            best themes on the market
+          </p>
+        </div><!-- /.item -->
+      </div><!-- /.chat -->
+      <div class="box-footer">
+        <div class="input-group">
+          <input class="form-control" placeholder="Type message..."/>
+          <div class="input-group-btn">
+            <button class="btn btn-success"><i class="fa fa-plus"></i></button>
+          </div>
+        </div>
+      </div>
+    </div><!-- /.box (chat box) -->
+
+    <!-- TO DO List -->
+    <div class="box box-primary">
+      <div class="box-header">
+        <i class="ion ion-clipboard"></i>
+        <h3 class="box-title">To Do List</h3>
+        <div class="box-tools pull-right">
+          <ul class="pagination pagination-sm inline">
+            <li><a href="#">&laquo;</a></li>
+            <li><a href="#">1</a></li>
+            <li><a href="#">2</a></li>
+            <li><a href="#">3</a></li>
+            <li><a href="#">&raquo;</a></li>
+          </ul>
+        </div>
+      </div><!-- /.box-header -->
+      <div class="box-body">
+        <ul class="todo-list">
+          <li>
+            <!-- drag handle -->
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <!-- checkbox -->
+            <input type="checkbox" value="" name=""/>
+            <!-- todo text -->
+            <span class="text">Design a nice theme</span>
+            <!-- Emphasis label -->
+            <small class="label label-danger"><i class="fa fa-clock-o"></i> 2 mins</small>
+            <!-- General tools such as edit or delete-->
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+          <li>
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <input type="checkbox" value="" name=""/>
+            <span class="text">Make the theme responsive</span>
+            <small class="label label-info"><i class="fa fa-clock-o"></i> 4 hours</small>
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+          <li>
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <input type="checkbox" value="" name=""/>
+            <span class="text">Let theme shine like a star</span>
+            <small class="label label-warning"><i class="fa fa-clock-o"></i> 1 day</small>
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+          <li>
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <input type="checkbox" value="" name=""/>
+            <span class="text">Let theme shine like a star</span>
+            <small class="label label-success"><i class="fa fa-clock-o"></i> 3 days</small>
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+          <li>
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <input type="checkbox" value="" name=""/>
+            <span class="text">Check your messages and notifications</span>
+            <small class="label label-primary"><i class="fa fa-clock-o"></i> 1 week</small>
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+          <li>
+            <span class="handle">
+              <i class="fa fa-ellipsis-v"></i>
+              <i class="fa fa-ellipsis-v"></i>
+            </span>
+            <input type="checkbox" value="" name=""/>
+            <span class="text">Let theme shine like a star</span>
+            <small class="label label-default"><i class="fa fa-clock-o"></i> 1 month</small>
+            <div class="tools">
+              <i class="fa fa-edit"></i>
+              <i class="fa fa-trash-o"></i>
+            </div>
+          </li>
+        </ul>
+      </div><!-- /.box-body -->
+      <div class="box-footer clearfix no-border">
+        <button class="btn btn-default pull-right"><i class="fa fa-plus"></i> Add item</button>
+      </div>
+    </div><!-- /.box -->
+
+    <!-- quick email widget -->
+    <div class="box box-info">
+      <div class="box-header">
+        <i class="fa fa-envelope"></i>
+        <h3 class="box-title">Quick Email</h3>
+        <!-- tools box -->
+        <div class="pull-right box-tools">
+          <button class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove"><i class="fa fa-times"></i></button>
+        </div><!-- /. tools -->
+      </div>
+      <div class="box-body">
+        <form action="#" method="post">
+          <div class="form-group">
+            <input type="email" class="form-control" name="emailto" placeholder="Email to:"/>
+          </div>
+          <div class="form-group">
+            <input type="text" class="form-control" name="subject" placeholder="Subject"/>
+          </div>
+          <div>
+            <textarea class="textarea" placeholder="Message" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
+          </div>
+        </form>
+      </div>
+      <div class="box-footer clearfix">
+        <button class="pull-right btn btn-default" id="sendEmail">Send <i class="fa fa-arrow-circle-right"></i></button>
+      </div>
+    </div>
+
+  </section><!-- /.Left col -->
+
+  <!-- right col (We are only adding the ID to make the widgets sortable)-->
+  <section class="col-lg-5 connectedSortable">
+
+    <!-- Map box -->
+    <div class="box box-solid bg-light-blue-gradient">
+      <div class="box-header">
+        <!-- tools box -->
+        <div class="pull-right box-tools">
+          <button class="btn btn-primary btn-sm daterange pull-right" data-toggle="tooltip" title="Date range"><i class="fa fa-calendar"></i></button>
+          <button class="btn btn-primary btn-sm pull-right" data-widget='collapse' data-toggle="tooltip" title="Collapse" style="margin-right: 5px;"><i class="fa fa-minus"></i></button>
+        </div><!-- /. tools -->
+
+        <i class="fa fa-map-marker"></i>
+        <h3 class="box-title">
+          Visitors
+        </h3>
+      </div>
+      <div class="box-body">
+        <div id="world-map" style="height: 250px;"></div>
+      </div><!-- /.box-body-->
+      <div class="box-footer no-border">
+        <div class="row">
+          <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
+            <div id="sparkline-1"></div>
+            <div class="knob-label">Visitors</div>
+          </div><!-- ./col -->
+          <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
+            <div id="sparkline-2"></div>
+            <div class="knob-label" translate>Online</div>
+          </div><!-- ./col -->
+          <div class="col-xs-4 text-center">
+            <div id="sparkline-3"></div>
+            <div class="knob-label">Exists</div>
+          </div><!-- ./col -->
+        </div><!-- /.row -->
+      </div>
+    </div>
+    <!-- /.box -->
+
+    <!-- solid sales graph -->
+    <div class="box box-solid bg-teal-gradient">
+      <div class="box-header">
+        <i class="fa fa-th"></i>
+        <h3 class="box-title">Sales Graph</h3>
+        <div class="box-tools pull-right">
+          <button class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+          <button class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+        </div>
+      </div>
+      <div class="box-body border-radius-none">
+        <div class="chart" id="line-chart" style="height: 250px;"></div>
+      </div><!-- /.box-body -->
+      <div class="box-footer no-border">
+        <div class="row">
+          <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
+            <input type="text" class="knob" data-readonly="true" value="20" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+            <div class="knob-label">Mail-Orders</div>
+          </div><!-- ./col -->
+          <div class="col-xs-4 text-center" style="border-right: 1px solid #f4f4f4">
+            <input type="text" class="knob" data-readonly="true" value="50" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+            <div class="knob-label">Online</div>
+          </div><!-- ./col -->
+          <div class="col-xs-4 text-center">
+            <input type="text" class="knob" data-readonly="true" value="30" data-width="60" data-height="60" data-fgColor="#39CCCC"/>
+            <div class="knob-label">In-Store</div>
+          </div><!-- ./col -->
+        </div><!-- /.row -->
+      </div><!-- /.box-footer -->
+    </div><!-- /.box -->
+
+    <!-- Calendar -->
+    <div class="box box-solid bg-green-gradient">
+      <div class="box-header">
+        <i class="fa fa-calendar"></i>
+        <h3 class="box-title">Calendar</h3>
+        <!-- tools box -->
+        <div class="pull-right box-tools">
+          <!-- button with a dropdown -->
+          <div class="btn-group">
+            <button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i></button>
+            <ul class="dropdown-menu pull-right" role="menu">
+              <li><a href="#">Add new event</a></li>
+              <li><a href="#">Clear events</a></li>
+              <li class="divider"></li>
+              <li><a href="#">View calendar</a></li>
+            </ul>
+          </div>
+          <button class="btn btn-success btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
+          <button class="btn btn-success btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>
+        </div><!-- /. tools -->
+      </div><!-- /.box-header -->
+      <div class="box-body no-padding">
+        <!--The calendar -->
+        <div id="calendar" style="width: 100%"></div>
+      </div><!-- /.box-body -->
+      <div class="box-footer text-black">
+        <div class="row">
+          <div class="col-sm-6">
+            <!-- Progress bars -->
+            <div class="clearfix">
+              <span class="pull-left">Task #1</span>
+              <small class="pull-right">90%</small>
+            </div>
+            <div class="progress xs">
+              <div class="progress-bar progress-bar-green" style="width: 90%;"></div>
+            </div>
+
+            <div class="clearfix">
+              <span class="pull-left">Task #2</span>
+              <small class="pull-right">70%</small>
+            </div>
+            <div class="progress xs">
+              <div class="progress-bar progress-bar-green" style="width: 70%;"></div>
+            </div>
+          </div><!-- /.col -->
+          <div class="col-sm-6">
+            <div class="clearfix">
+              <span class="pull-left">Task #3</span>
+              <small class="pull-right">60%</small>
+            </div>
+            <div class="progress xs">
+              <div class="progress-bar progress-bar-green" style="width: 60%;"></div>
+            </div>
+
+            <div class="clearfix">
+              <span class="pull-left">Task #4</span>
+              <small class="pull-right">40%</small>
+            </div>
+            <div class="progress xs">
+              <div class="progress-bar progress-bar-green" style="width: 40%;"></div>
+            </div>
+          </div><!-- /.col -->
+        </div><!-- /.row -->
+      </div>
+    </div><!-- /.box -->
+
+  </section><!-- right col -->
+</div><!-- /.row (main row) -->

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

@@ -0,0 +1,161 @@
+
+<div class="row  clearmargin" data-ng-transclude>
+</div>
+
+
+
+
+
+
+<div class="row">
+  <div class="col-xs-12">
+    <div class="box">
+      <div class="box-header">
+        <h3 class="box-title" ng-if="button_on_left == false">
+          <!--TITLE -->
+          {{ list_title }}
+        </h3>
+
+        <div class="box-title" ng-if="button_on_left == true">
+          <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>
+        </div>
+
+
+      </div><!-- /.box-header -->
+
+      <div class="box-body table-responsive just-top-padding">
+
+        <table class="table table-hover list-view-table"  ng-if="get_current_page().length > 0">
+
+          <tbody>
+            <tr>
+              <th><i ng-click="select_all()" ng-class="{fa:true, 'fa-square':!is_all_selected, 'fa-check-square':is_all_selected, pointer:true}"></i></th>
+              <th>{{ title_attr }}</th>
+              <th></th>
+              <th></th>
+            </tr>
+
+            <tr ng-repeat-start="object in get_current_page() track by $index" class='title-row'>
+
+              <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) }}
+              </td>
+
+              <td>
+                <div class="pull-left" ng-init = "badges = badge_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>
+
+                </div>
+              </td>
+              <td class="row_buttons">
+                <div class="tools" >
+                  <div class="pull-right" ng-init = "tools = tools_processor(object)" >
+
+                    <span ng-repeat="tool in tools">
+
+                      <a href="{{ tool.url }}" class="pointer tool" ng-if="tool.url !== undefined">
+                        <span translate>{{ tool.text }}</span>
+                        <i class="{{ tool.icon }} "> </i>
+                      </a>
+
+                      <span ng-click="tool.callback(object)" class="pointer tool" ng-if="tool.callback !== undefined">
+                        <span translate>{{ tool.text }}</span>
+                        <i class="{{ tool.icon }}"></i>
+                      </span>
+                    </span>
+
+                    <span ng-if="tool.toggle-details !== undefined" ng-click="toggle_details(object)" class="pointer tool" >
+                      <span translate>View</span>
+                      <i class="{{ handle_icon }} {{ handle_icon_expand(object) }} handle fa"></i>
+                    </span>
+
+                  </div>
+              </td>
+
+            </tr>
+            <tr ng-show="should_view(object)" ng-repeat-end>
+              <td  colspan="20" class="details">
+                <div ng-include="details_template">
+                </div>
+              </td>
+            </tr>
+
+
+          </tbody>
+        </table>
+
+        <table class="table table-hover list-view-table" ng-show="get_current_page().length == 0">
+          <tbody>
+            <tr>
+              <td colspan="40" style="text-align: center;">
+                <span translate>There is no data!</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+                </div><!-- /.box-body -->
+
+                <!-- Box fotter -->
+                <div class="box-footer clearfix">
+                  <span ng-if="has_pagination()">
+                    <ul class="pagination pagination-sm no-margin pull-left">
+                      <li><a  ng-click="go_to_first_page()">
+                        <i class="fa {{ first_page_icon }}"></i>
+                      </a></li>
+
+                      <li><a ng-click="go_to_prev_page()">
+                        <i class="fa {{ prev_page_icon }}" ></i>
+                      </a></li>
+
+
+                      <li><a ng-click="go_to_next_page()">
+                        <i class="fa {{ next_page_icon }}"></i>
+                      </a></li>
+                      <li><a ng-click="go_to_last_page()">
+                        <i class="fa {{ last_page_icon }}"></i>
+                      </a></li>
+                    </ul>
+
+                    <div class="input-group input-group-sm pagination_page pull-left">
+                      <input type="text" class="pagination_input form-control" ng-model="targetpage" ng-keypress="go_to_page($event, targetpage)" tabindex="3" value="{{current_page()}}" novalidate>
+                      <span class="input-group-btn">
+                        <button class="btn btn-info btn-flat" ng-click="go_to_page($event, targetpage)" type="button" translate>Go!</button>
+                      </span>
+                    </div>
+                  </span>
+                  <span class="footer-info">
+                    <span class="badge bg-red" title="{{ 'Current Page' | translate }}"><i class="fa fa-file-o"></i> {{ current_page() }}</span>
+                    <span class="badge bg-yellow" title="{{ 'Total Pages' | translate}}"><i class="fa fa-files-o"></i> {{ total_pages() }}</span>
+                    <span class="badge bg-green" title="{{ 'Item(s)' | translate }}"><i class="fa fa-list-ul"></i> {{ objects_count() }}</span>
+                    <span class="badge bg-blue" title="{{ 'Selected' | translate }}"><i class="fa {{ hand_icon }}"></i> {{ selected_count() }}</span>
+                  </span>
+
+                  <div class="pull-right">
+                    <span class="btn btn-sm bg-olive" ng-click="toggle_select()" translate>Toggle Select</span>
+                    <span ng-if="can('destroy', permission_model)"  ng-click="delete_items()"><span class="btn btn-sm btn-danger">{{delete_title || "Delete"}}</span></span>
+
+                  </div>
+                </div>
+                <!-- end of box footer -->
+
+      </div><!-- /.box -->
+    </div>
+  </div>

data/app/views/angular/modules.html

@@ -0,0 +1,46 @@
+<!-- Left side column. contains the logo and sidebar -->
+<!-- sidebar: style can be found in sidebar.less -->
+<section class="sidebar" data-ng-controller="ModulesController as controller">
+  <!-- Sidebar user panel -->
+  <div class="user-panel">
+    <div class="pull-left image">
+      <!--<img src="img/avatar3.png" class="img-circle" alt="User Image" />-->
+    </div>
+    <div class="pull-left info">
+      <p><%= _("Hello ") %>, <%= current_user.name %> </p>
+
+      <a href="#"><i class="fa fa-circle text-success"></i> <span Translate>Online</span></a>
+    </div>
+  </div>
+  <!-- search form -->
+  <form class="sidebar-form">
+    <div class="input-group">
+      <input type="text" name="q" class="form-control" placeholder="<%= _("Search...") %>"/>
+      <span class="input-group-btn">
+        <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
+      </span>
+    </div>
+  </form>
+
+  <!-- /.search form -->
+  <!-- sidebar menu: : style can be found in sidebar.less -->
+  <ul class="sidebar-menu" >
+    <li class="active">
+      <a href="#/">
+        <i class="fa fa-dashboard"></i> <span translate>Dashboard</span>
+      </a>
+    </li>
+
+    <li data-ng-repeat="module in controller.modules" class="treeview point" ng-click="controller.view_menu(module)">
+      <a>
+        <i class="{{ module.icon }}"></i> <span translate>{{ module.title}}</span>
+        <i class="fa fa-angle-left pull-right"></i>
+      </a>
+
+      <ul class="treeview-menu slide"  ng-if="module.show_menu">
+        <li ng-repeat="menu_item in module.menu_items" ng-click="controller.on_click(menu_item.url)"><a><span>{{ menu_item.title | translate }}</span></a></li>
+      </ul>
+    </li>
+  </ul>
+</section>
+<!-- /.sidebar -->