voltar 0.0.23

data/app/views/voltar/inventory/_index.html.erb

@@ -0,0 +1,160 @@
+<script type="text/ng-template" id='inventory.html'>
+  <div class="bg-light lter b-b wrapper-md">
+    <h1 class="m-n font-thin h3">Inventory</h1>
+    <small class="text-muted">Manage your inventory here</small>
+  </div>
+
+
+  <div class="wrapper-md">
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        
+        <div class='row'>
+        
+          <div class='col-lg-1 wrapper-xs'>
+            <%= select_tag 'search.bus_type', options_from_collection_for_select(BusType.all, :id, :name), { prompt: 'Bus Type', 'data-ng-model' => 'formSearch.bus_type_id_eq', class: 'form-control' } %>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <input type='text' data-ng-model='formSearch.mileage_gteq' class='form-control', placeholder='Mileage from:'>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <input type='text' data-ng-model='formSearch.mileage_lteq' class='form-control', placeholder='Mileage to:'>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <input type='text' data-ng-model='formSearch.passengers_gteq' class='form-control', placeholder='Seats from:'>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <input type='text' data-ng-model='formSearch.passengers_lteq' class='form-control', placeholder='Seats to:'>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <%= select_tag 'search.fuel_type', options_for_select(['Gas', 'Diesel']), { prompt: 'Fuel Type', 'data-ng-model' => 'formSearch.fuel_type_eq', class: 'form-control' } %>
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <select class='form-control' data-ng-model='formSearch.prioritized_at_not_null'>
+              <option value=''>Prioritized</option>
+              <option value='true'>Yes</option>
+              <option value='false'>No</option>
+            </select>  
+          </div>
+
+          <div class='col-lg-1 wrapper-xs'>
+            <button class='btn btn-default' data-ng-click='issueSearch(formSearch)'>
+              <i class='fa fa-search'></i>
+              Filter
+            </button>
+          </div>
+
+        </div>
+
+      </div>
+      <div class="table-responsive" >
+        <table st-table="inventories" class="table table-striped b-t b-light">
+          <thead>
+            <tr>
+              <th>
+                <label class='checkbox i-checks'>
+                  <input type='checkbox'>
+                  <i></i>
+                </label>
+              </th>
+              <th></th>
+              <th>Stock#</th>
+              <th data-st-sort='bus_type_name'>Bus Type</th>
+              <th data-st-sort='passengers'>Passenger</th>
+              <th>Odometer</th>
+              <th>Fuel</th>
+              <th>Wheelchair</th>
+              <th>State/Province</th>
+              <th>List Price</th>
+              <th>Actions</th>
+              <th>Prioritized</th>
+            </tr>
+          </thead>
+          <tbody>
+
+          <tr data-ng-repeat="bus in inventories" data-ng-show='inventories.length'>
+            <td width="2%">
+              <label class='checkbox i-checks'>
+                <input type='checkbox'>
+                <i></i>
+              </label>
+            </td>
+            <td>
+              <a class="pull-left thumb-lg thumb-wrapper m-t-xs">
+                <img ng-src='{{bus.images[0].url}}' >
+              </a>
+            </td>
+            <td>{{bus.stock_id}}</td>
+            <td>{{bus.bus_type_name}}</td>
+            <td>{{bus.passengers}}</td>
+            <td>{{bus.mileage_with_metric}}</td>
+            <td>{{bus.fuel_type}}</td>
+            <td>{{bus.wheelchair_capacity}}</td>
+            <td>{{bus.state_name}}</td>
+            <td>{{bus.list_price | currency}}</td>
+            <td>
+              <div class='btn-group' dropdown>
+                <button type="button" class="btn btn-default dropdown-toggle" aria-haspopup="true" aria-expanded="true">
+                  <span class="caret"></span>
+                </button>
+                <ul class="dropdown-menu" role="menu">
+                  <li>
+                    <a data-ui-sref='app.inventoryEditPage({ inventoryId: bus.id })'>
+                      <span class="glyphicon glyphicon-edit"></span>
+                      <span>Edit</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="" data-ng-click='deleteInventory(bus)'>
+                      <span class="glyphicon glyphicon-remove"></span>
+                      <span>Delete</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="" data-ng-click='markAsSold(bus)'>
+                      <span class="glyphicon glyphicon-usd"></span>
+                      <span>Mark as Sold</span>
+                    </a>
+                  </li>
+                  <li class="divider"></li>
+                  <li>
+                    <a href="" data-ng-click='prioritize(bus)' >
+                      <span class="glyphicon glyphicon-circle-arrow-up"></span>
+                      <span>Prioritize for <%= number_to_currency(Settings.get('priority_listing_price')) %></span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </td>
+            <td><i class='fa' data-ng-class="{ 'fa-check text-success': bus.prioritized, 'fa-circle text-danger': !bus.prioritized }" ></i></td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+      <footer class="panel-footer">
+        <div class="row">
+          <div class="col-sm-4 hidden-xs">
+            <!--<select class="input-sm form-control w-sm inline v-middle">
+              <option value="0">Bulk action</option>
+              <option value="1">Delete selected</option>
+              <option value="2">Bulk edit</option>
+              <option value="3">Export</option>
+            </select>
+            <button class="btn btn-sm btn-default">Apply</button>-->
+          </div>
+          <div class="col-sm-4 text-center">
+            <small class="text-muted inline m-t-sm m-b-sm">{{inventories.meta.page_entries_info}}</small>
+          </div>
+          <div class="col-sm-4 text-right text-center-xs" data-ng-bind-html="inventories.meta.will_paginate" ></div>
+        </div>
+      </footer>
+    </div>
+</div>
+
+</script>

data/app/views/voltar/inventory/_mark_as_sold_dialog.html.erb

@@ -0,0 +1,26 @@
+<script type="text/ng-template" id='markAsSold.html'>
+
+  <div class="modal-header">
+    <h3 class="modal-title text-danger"><i class="fa fa-usd"></i>Mark as Sold</h3>
+  </div>
+
+  <div class="modal-body">
+    
+    <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'Done'} %>
+
+    <div class='input-group'>
+      <label class='control-label'>How much did you sold the <strong>{{inventory.name}}</strong> for?</label>
+    </div>
+
+    <div class='input-group'>
+      <span class="input-group-addon m-b">$</span>
+      <input type='text' class='form-control' data-ng-model='inventory.sold_price'>
+    </div>
+  </div>
+
+  <div class="modal-footer ng-scope">                  
+    <button class="btn btn-default" data-ng-click="cancel()">Cancel</button>
+    <button class="btn btn-primary" data-ng-click="markAsSold(inventory)">Mark As Sold</button>
+  </div>
+
+</script>

data/app/views/voltar/shared/_keen_js.html.haml

@@ -0,0 +1,11 @@
+:plain
+  <script type="text/javascript">
+    !function(a,b){if(void 0===b[a]){b["_"+a]={},b[a]=function(c){b["_"+a].clients=b["_"+a].clients||{},b["_"+a].clients[c.projectId]=this,this._config=c},b[a].ready=function(c){b["_"+a].ready=b["_"+a].ready||[],b["_"+a].ready.push(c)};for(var c=["addEvent","setGlobalProperties","trackExternalLink","on"],d=0;d<c.length;d++){var e=c[d],f=function(a){return function(){return this["_"+a]=this["_"+a]||[],this["_"+a].push(arguments),this}};b[a].prototype[e]=f(e)}var g=document.createElement("script");g.type="text/javascript",g.async=!0,g.src="https://d26b395fwzu5fz.cloudfront.net/3.0.9/keen.min.js";var h=document.getElementsByTagName("script")[0];h.parentNode.insertBefore(g,h)}}("Keen",this);
+
+    var keenClient = new Keen({
+      projectId: "#{ENV['KEEN_PROJECT_ID']}",
+      writeKey: "#{ENV['KEEN_WRITE_KEY']}",
+      readKey: "#{ENV['KEEN_READ_KEY']}"
+    });
+
+  </script>

data/app/views/voltar/shared/_voltar_app.html.erb

@@ -0,0 +1,83 @@
+<script type="text/ng-template" id="app.html">
+
+  <!-- navbar -->
+  <div data-ng-include=" 'header.html' " class="app-header navbar">
+  </div>
+  <!-- / navbar -->
+
+  <!-- menu -->
+  <div data-ng-include=" 'aside.html' " class="app-aside hidden-xs {{app.settings.asideColor}}">
+  </div>
+  <!-- / menu -->
+
+  <!-- content -->
+  <div class="app-content">
+    <div ui-butterbar></div>
+    <a href class="off-screen-toggle hide" ui-toggle-class="off-screen" data-target=".app-aside" ></a>
+    <div class="app-content-body" ui-view></div>
+    <div data-ng-include=" 'spinner.html' " data-ng-show='globalLoading' >
+    </div>
+  </div>
+  <!-- /content -->
+
+  <!-- aside right -->
+  <div class="app-aside-right pos-fix no-padder w-md w-auto-xs bg-white b-l animated fadeInRight hide">
+    <div class="vbox">
+      <div class="wrapper b-b b-t b-light m-b">
+        <a href class="pull-right text-muted text-md" ui-toggle-class="show" target=".app-aside-right"><i class="icon-close"></i></a>
+        Chat
+      </div>
+      <div class="row-row">
+        <div class="cell">
+          <div class="cell-inner padder">
+            <!-- chat list -->
+            <div class="m-b">
+              <a href class="pull-left thumb-xs avatar"><img  alt="..."></a>
+              <div class="clear">
+                <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
+                  <span class="arrow left pull-up"></span>
+                  <p class="m-b-none">Hi John, Whats up...</p>
+                </div>
+                <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i> 2 minutes ago</small>
+              </div>
+            </div>
+            <div class="m-b">
+              <a href class="pull-right thumb-xs avatar"><img class="img-circle" alt="..."></a>
+              <div class="clear">
+                <div class="pos-rlt wrapper-sm bg-light r m-r-sm">
+                  <span class="arrow right pull-up arrow-light"></span>
+                  <p class="m-b-none">Lorem ipsum dolor :)</p>
+                </div>
+                <small class="text-muted">1 minutes ago</small>
+              </div>
+            </div>
+            <div class="m-b">
+              <a href class="pull-left thumb-xs avatar"><img alt="..."></a>
+              <div class="clear">
+                <div class="pos-rlt wrapper-sm b b-light r m-l-sm">
+                  <span class="arrow left pull-up"></span>
+                  <p class="m-b-none">Great!</p>
+                </div>
+                <small class="text-muted m-l-sm"><i class="fa fa-ok text-success"></i>Just Now</small>
+              </div>
+            </div>
+            <!-- / chat list -->
+          </div>
+        </div>
+      </div>
+      <div class="wrapper m-t b-t b-light">
+        <form class="m-b-none">
+          <div class="input-group">
+            <input type="text" class="form-control" placeholder="Say something">
+            <span class="input-group-btn">
+              <button class="btn btn-default" type="button">SEND</button>
+            </span>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <!-- / aside right -->
+
+  <%= render partial: 'voltar/shared/voltar_footer' %>
+</script>

data/app/views/voltar/shared/_voltar_aside.html.erb

@@ -0,0 +1,71 @@
+<script type="text/ng-template" id='aside.html'>
+  <div class="app-aside hidden-xs bg-white b-r">
+    <div class="aside-wrap ng-scope">
+      <div class="navi-wrap">
+
+        <nav class="navi" >
+          <ul class="nav">
+
+            <li>
+              <a ui-sref='app.dashboard' class="auto">      
+                <span class="pull-right text-muted">
+
+                </span>
+                <i class="glyphicon glyphicon-stats icon text-primary-dker"></i>
+                <span class="font-bold" >Dashboard</span>
+              </a>
+            </li>
+
+            <li >
+              <a ui-sref='app.inventory' >
+                <i class="glyphicon glyphicon-list icon text-info-dker"></i>
+                <span class="font-bold" >Inventory</span>
+              </a>
+            </li>
+
+            <li>
+              <a href="#">
+                <span class="pull-right text-muted">
+                  <i class="fa fa-fw fa-angle-right text"></i>
+                  <i class="fa fa-fw fa-angle-down text-active"></i>
+                </span>
+                <i class="icon-user icon text-success-lter"></i>
+                <span >Account</span>
+              </a>
+              <ul class="nav nav-sub dk">
+
+                <li>
+                  <a ui-sref='app.profile'>
+                    <span>Profile</span>
+                  </a>
+                </li>
+
+                <li >
+                  <a ui-sref='app.password'>
+                    <span>Password</span>
+                  </a>
+                </li>
+                <li >
+                  <a ui-sref='app.locations' >
+                    <span>Locations</span>
+                  </a>
+                </li>
+                <li >
+                  <a ui-sref='app.managers' >
+                    <span>Users</span>
+                  </a>
+                </li>
+                <li >
+                  <a ui-sref='app.billing' >
+                    <span>Billing</span>
+                  </a>
+                </li>
+              </ul>
+            </li>
+
+          </ul>  
+        </nav>
+      </div>
+    </div>
+  </div>
+</script>  

data/app/views/voltar/shared/_voltar_footer.html.erb

@@ -0,0 +1,13 @@
+<div class="app-footer wrapper b-t bg-light ng-scope">
+  
+  <span class="pull-right">
+    <a href="" ui-scroll="app" class="m-l-sm text-muted">
+      version: <%= Voltar::VERSION %>
+      <i class="fa fa-long-arrow-up"></i>
+    </a>
+  </span>
+  
+  © 2014. Made with
+  <span class="love">♥</span> in Toronto by
+  <a href="http://metawarelabs.com/?utm_source=shopbuses_voltar">Metaware Labs Inc.</a>
+</div>

data/app/views/voltar/shared/_voltar_header.html.erb

@@ -0,0 +1,156 @@
+<script type='text/ng-template' id='header.html'>
+  <div class="app-header navbar">
+
+    <!-- navbar header -->
+    <div class="navbar-header {{app.settings.navbarHeaderColor}}">
+      <button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
+        <i class="glyphicon glyphicon-cog"></i>
+      </button>
+      <button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
+        <i class="glyphicon glyphicon-align-justify"></i>
+      </button>
+      <!-- brand -->
+      <a href="#/" class="navbar-brand text-lt">
+        <i class="fa fa-truck"></i>
+        <img src="/assets/voltar/a0.jpg" alt="." class="hide">
+        <span class="hidden-folded m-l-xs">Shopbuses</span>
+      </a>
+      <!-- / brand -->
+    </div>
+    <!-- / navbar header -->
+
+    <!-- navbar collapse -->
+    <div class="collapse navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
+      <!-- buttons -->
+      <!-- <div class="nav navbar-nav m-l-sm hidden-xs">
+        <a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">
+          <i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
+        </a>
+        <a href class="btn no-shadow navbar-btn" ui-toggle-class="show" target="#aside-user">
+          <i class="icon-user fa-fw"></i>
+        </a>
+      </div> -->
+      <!-- / buttons -->
+
+      <!-- link and dropdown -->
+      <ul class="nav navbar-nav hidden-sm">
+        <li >
+          <a ui-sref='app.addInventoryPage'>
+            <i class="fa fa-cloud-upload fa-fw"></i> 
+            <span>Upload Inventory</span>
+          </a>
+        </li>
+
+        <!-- <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <i class="fa fa-fw fa-plus visible-xs-inline-block"></i>
+            <span translate="header.navbar.new.NEW">New</span> <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu" role="menu">
+            <li><a href="#" translate="header.navbar.new.PROJECT">Projects</a></li>
+            <li>
+              <a href="#">
+                <span class="badge bg-info pull-right">5</span>
+                <span translate="header.navbar.new.TASK">Task</span>
+              </a>
+            </li>
+            <li><a href="#" translate="header.navbar.new.USER">User</a></li>
+            <li class="divider"></li>
+            <li>
+              <a href="#">
+                <span class="badge bg-danger pull-right">4</span>
+                <span translate="header.navbar.new.EMAIL">Email</span>
+              </a>
+            </li>
+          </ul>
+        </li> -->
+      </ul>
+      <!-- / link and dropdown -->
+
+      <!-- search form -->
+      <form class="navbar-form navbar-form-sm navbar-left shift" ui-shift="prependTo" target=".navbar-collapse" role="search" >
+        <div class="form-group">
+          <div class="input-group">
+            <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control input-sm bg-light no-border rounded padder" placeholder="Search inventory...">
+            <span class="input-group-btn">
+              <button type="submit" class="btn btn-sm bg-light rounded"><i class="fa fa-search"></i></button>
+            </span>
+          </div>
+        </div>
+      </form>
+      <!-- / search form -->
+
+      <!-- nabar right -->
+      <ul class="nav navbar-nav navbar-right">
+        <li class="dropdown">
+          <a href class="dropdown-toggle">
+            <i class="icon-bell fa-fw"></i>
+            <span class="visible-xs-inline">Notifications</span>
+            <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
+          </a>
+          <!-- dropdown -->
+          <div class="dropdown-menu w-xl animated fadeInUp">
+            <div class="panel bg-white">
+              <div class="panel-heading b-light bg-light">
+                <strong>You have <span>2</span> lead notifications</strong>
+              </div>
+              <div class="list-group">
+                <a href class="media list-group-item">
+                  <span class="pull-left thumb-sm">
+                    <img src="/assets/voltar/a1.jpg" alt="..." class="img-circle">
+                  </span>
+                  <span class="media-body block m-b-none">
+                    Use awesome animate.css<br>
+                    <small class="text-muted">10 minutes ago</small>
+                  </span>
+                </a>
+                <a href class="media list-group-item">
+                  <span class="media-body block m-b-none">
+                    1.0 initial released<br>
+                    <small class="text-muted">1 hour ago</small>
+                  </span>
+                </a>
+              </div>
+              <div class="panel-footer text-sm">
+                <a href class="pull-right"><i class="fa fa-cog"></i></a>
+                <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a>
+              </div>
+            </div>
+          </div>
+          <!-- / dropdown -->
+        </li>
+
+        <li class="dropdown">
+          <a href class="dropdown-toggle clear" data-toggle="dropdown">
+            <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
+              <img src="/assets/voltar/a1.jpg" alt="...">
+              <!-- <i class="on md b-white bottom"></i> -->
+            </span>
+            <span class="hidden-sm hidden-md"><%= current_dealer.full_name %></span> <b class="caret"></b>
+          </a>
+          <!-- dropdown -->
+          <ul class="dropdown-menu w">
+            <!-- <li class="wrapper b-b m-b-sm bg-light m-t-n-xs">
+              <div>
+                <p>300mb of 500mb used</p>
+              </div>
+              <progressbar value="60" class="progress-xs m-b-none bg-white"></progressbar>
+            </li> -->
+            
+            <li>
+              <a ui-sref="app.page.profile">Profile</a>
+            </li>
+            <li class="divider"></li>
+            <li>
+              <a href="/dealers/sign_out">Logout</a>
+            </li>
+          </ul>
+          <!-- / dropdown -->
+        </li>
+      </ul>
+      <!-- / navbar right -->
+    </div>
+    <!-- / navbar collapse -->
+
+  </div>
+</script>