voltar 0.0.23

data/app/views/voltar/account/_locations.html.erb

@@ -0,0 +1,135 @@
+<script type="text/ng-template" id='locations.html'>
+    
+  <div class="bg-light lter b-b wrapper-md">
+    <h1 class="m-n font-thin h3">Locations</h1>
+    <small class="text-muted">Manage your locations here</small>
+  </div>
+
+  <div class="wrapper-md" data-ng-controller="LocationsController">
+    
+    <div class='row'>
+      <div class='col-sm-6'>
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold">
+            <span>Locations</span>
+
+            <button class='btn btn-primary btn-xs pull-right' type='submit' data-ng-click='editLocation(null)'>
+              <i class='fa fa-plus'></i>
+              Add New Location
+            </button>
+          </div>
+
+          <div class="panel-body">
+
+            <div class='table-responsive'>
+              <table class='table table-striped b-t b-light'>
+                <thead>
+                  <tr>
+                    <th>Name</th>
+                    <th>Manager</th>
+                    <th>Contact</th>
+                    <th>Last Login</th>
+                    <th>City</th>
+                    <th></th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr data-ng-repeat="location in locations">
+                    <td>{{location.name}}</td>
+                    <td>{{location.managers[0].full_name}}</td>
+                    <td>{{location.phone}}</td>
+                    <td>{{location.managers[0].last_sign_in_at}}</td>
+                    <td>{{location.city}}</td>
+                    <td>
+                      <button class='btn btn-default btn-sm' data-ng-click='editLocation(location)' >
+                        <i class='fa fa-edit'></i>
+                      </button>
+                    </td>
+                  </tr>
+                </tbody>
+
+              </table>
+            </div>
+
+          </div>
+        </div>
+      </div>
+
+
+      <div class="col-sm-6">
+        
+        <div class="panel panel-default" data-ng-show='showLocationForm' >
+          <div class="panel-heading font-bold"><i class="fa fa-user"></i> {{mode}}</div>
+          <div class="panel-body">
+
+            <div class='col-sm-12'>
+              <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'Location record was added/updated successfully!'} %>
+            </div>
+
+            <div class="col-sm-12">
+
+            <form name='addLocationForm'>
+
+              <div class='form-group'>
+                <label>Location Name</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.name'>
+              </div>
+
+              <div class='form-group'>
+                <label>Phone</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.phone'>
+              </div>
+
+              <div class='form-group'>
+                <label>Toll Free</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.toll_free'>
+              </div>
+
+              <div class='form-group'>
+                <label>Fax</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.fax'>
+              </div>
+
+              <div class='form-group'>
+                <label>Address</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.address'>
+              </div>
+
+              <div class='form-group'>
+                <label>City</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.city'>
+              </div>
+
+              <div class='form-group'>
+                <label>Postal Code</label>
+                <input type='text' class='form-control' data-ng-model='selectedLocation.postal_code'>
+              </div>
+
+              <country-province-select resource='selectedLocation'></country-province-select>
+
+              <div class="form-group">
+                
+                <button type="submit" class="btn btn-dark" data-ng-click='showLocationForm = false'>
+                  <span>
+                    Cancel
+                  </span>
+                </button>
+
+                <button type="submit" class="btn btn-primary" data-ng-click='persistLocation(selectedLocation)'>
+                  <span>
+                    Save changes <i class="fa fa-spinner fa-spin" data-ng-if='updatingLocation'></i>
+                  </span>
+                </button>
+              </div>
+
+
+            </div>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+</script>

data/app/views/voltar/account/_managers.html

@@ -0,0 +1,134 @@
+<script type="text/ng-template" id='managers.html'>
+  
+  <div class="bg-light lter b-b wrapper-md">
+    <h1 class="m-n font-thin h3">Team Users</h1>
+    <small class="text-muted">Manage your team here.</small>
+  </div>
+
+  <div class="wrapper-md" data-ng-controller="ManagersController">
+    
+    <div class='row'>
+      <div class='col-sm-6'>
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold">
+            <span>Team Users</span>
+            <button class='btn btn-primary btn-xs pull-right' type='submit' data-ng-click='editTeamUser(null)'>
+              <i class='fa fa-plus'></i>
+              Add New User
+            </button>
+          </div>
+          <div class="panel-body">
+
+            <div class='table-responsive'>
+              <table class='table table-striped b-t b-light'>
+                <thead>
+                  <tr>
+                    <th>Full Name</th>
+                    <th>Email</th>
+                    <th>Last Login</th>
+                    <th>City</th>
+                    <th></th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr data-ng-repeat="user in managers">
+                    <td>{{user.first_name}} {{user.last_name}}</td>
+                    <td>{{user.email}}</td>
+                    <td>{{user.last_sign_in_at}}</td>
+                    <td>{{user.city}}</td>
+                    <td>
+                      <button class='btn btn-default btn-sm' data-ng-click='editTeamUser(user)' >
+                        <i class='fa fa-edit'></i>
+                      </button>
+                    </td>
+                  </tr>
+                </tbody>
+
+              </table>
+            </div>
+
+          </div>
+        </div>
+      </div>
+
+
+      <div class="col-sm-6">
+        
+        <div class="panel panel-default" data-ng-show='showTeamUserForm' >
+          <div class="panel-heading font-bold"><i class="fa fa-user"></i> {{mode}}</div>
+          <div class="panel-body">
+
+            <div class='col-sm-12'>
+              <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'User was added/updated successfully!'} %>
+            </div>
+
+            <div class="col-sm-12">
+
+            <form name='addTeamUserForm'>
+
+              <div class='form-group'>
+                <label>First Name</label>
+                <input type='text' class='form-control' data-ng-model='selectedTeamUser.first_name'>
+                <input type='hidden' class='form-control' data-ng-model='selectedTeamUser.accepts_terms'>
+              </div>
+
+              <div class='form-group'>
+                <label>Last Name</label>
+                <input type='text' class='form-control' data-ng-model='selectedTeamUser.last_name'>
+              </div>
+
+              <div class='form-group'>
+                <label>Email</label>
+                <input type='text' class='form-control' data-ng-model='selectedTeamUser.email'>
+              </div>
+
+              <div class='form-group'>
+                <label>Password</label>
+                <input type='password' class='form-control' data-ng-model='selectedTeamUser.password'>
+              </div>
+
+              <div class='form-group'>
+                <label>Confirm Password</label>
+                <input type='password' class='form-control' data-ng-model='selectedTeamUser.password_confirmation'>
+              </div>
+
+              <div class='form-group'>
+                <label>City</label>
+                <input type='text' class='form-control' data-ng-model='selectedTeamUser.city'>
+              </div>
+
+              <country-province-select resource='selectedTeamUser'></country-province-select>
+
+              <div class='form-group'>
+                <label>Postal Code</label>
+                <input type='text' class='form-control' data-ng-model='selectedTeamUser.postal_code'>
+              </div>
+
+              <div class="form-group">
+                
+                <button type="submit" class="btn btn-dark" data-ng-click='showTeamUserForm = false;'>
+                  <span>
+                    Cancel
+                  </span>
+                </button>
+
+                <button type="submit" class="btn btn-primary" data-ng-click='persistTeamUser(selectedTeamUser)'>
+                  <span>
+                    Save changes <i class="fa fa-spinner fa-spin" data-ng-if='updatingTeamUser'></i>
+                  </span>
+                </button>
+              </div>
+
+
+            </div>
+
+          </div>
+        </div>
+      </div>
+
+
+    </div>
+
+
+</script>

data/app/views/voltar/account/_password.html.erb

@@ -0,0 +1,57 @@
+<script type="text/ng-template" id='password.html'>
+    
+  <div class="bg-light lter b-b wrapper-md">
+    <h1 class="m-n font-thin h3">Update Password</h1>
+    <small class="text-muted">Manage your password here</small>
+  </div>
+
+  <div class="wrapper-md" data-ng-controller="PasswordController">
+    
+    <div class='row'>
+      <div class="col-sm-6">
+        
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold"><i class="fa fa-user"></i> UPDATE YOUR PASSWORD</div>
+          <div class="panel-body">
+
+            <div class='col-sm-12'>
+              <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'Your password was updated successfully!'} %>
+            </div>
+
+            <div class="col-sm-12">
+
+            <form name='updatePasswordForm'>
+
+              <div class='form-group'>
+                <label>Current Password</label>
+                <input type='password' class='form-control' data-ng-model='dealer.current_password'>
+              </div>
+
+              <div class='form-group'>
+                <label>Password</label>
+                <input type='password' class='form-control' data-ng-model='dealer.password'>
+              </div>
+
+              <div class='form-group'>
+                <label>Confirm Password</label>
+                <input type='password' class='form-control' data-ng-model='dealer.password_confirmation'>
+              </div>
+
+              <div class="form-group">
+                <button type="submit" class="btn btn-primary" data-ng-click='updatePassword(dealer)'>
+                  <span>
+                    Save changes <i class="fa fa-spinner fa-spin" data-ng-if='updatingPassword'></i>
+                  </span>
+                </button>
+              </div>
+
+
+            </div>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+</script>

data/app/views/voltar/account/_profile.html.erb

@@ -0,0 +1,84 @@
+<script type="text/ng-template" id='profile.html'>
+    
+  <div class="bg-light lter b-b wrapper-md">
+    <h1 class="m-n font-thin h3">Profile</h1>
+    <small class="text-muted">Manage your user profile here</small>
+  </div>
+
+  <div class="wrapper-md" data-ng-controller="ProfileController">
+    
+    <div class='row'>
+      <div class="col-sm-6">
+        
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold"><i class="fa fa-user"></i> EDIT YOUR PROFILE:</div>
+          <div class="panel-body">
+
+            <div class='col-sm-12'>
+              <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'Your profile was updated successfully!'} %>
+            </div>
+
+            <div class="col-sm-12">
+
+            <form name='editProfile'>
+
+              <div class='form-group'>
+                <label>Email</label>
+                <input type='text' class='form-control' data-ng-model='dealer.email'>
+              </div>
+
+              <div class='form-group'>
+                <label>First Name</label>
+                <input type='text' class='form-control' data-ng-model='dealer.first_name'>
+              </div>
+
+              <div class='form-group'>
+                <label>Last Name</label>
+                <input type='text' class='form-control' data-ng-model='dealer.last_name'>
+              </div>
+
+              <div class='form-group'>
+                <label>Phone Number</label>
+                <input type='text' class='form-control' data-ng-model='dealer.phone'>
+              </div>
+
+              <div class='form-group'>
+                <label>Dealership Name</label>
+                <input type='text' class='form-control' data-ng-model='dealer.company'>
+              </div>
+
+              <div class='form-group'>
+                <label>Address</label>
+                <input type='text' class='form-control' data-ng-model='dealer.street_address'>
+              </div>
+
+              <div class='form-group'>
+                <label>City</label>
+                <input type='text' class='form-control' data-ng-model='dealer.city'>
+              </div>
+
+              <country-province-select resource='dealer'></country-province-select>
+
+              <div class='form-group'>
+                <label>ZIP/Postal Code</label>
+                <input type='text' class='form-control' data-ng-model='dealer.postal_code'>
+              </div>
+
+              <div class="form-group">
+                <button type="submit" class="btn btn-primary" data-ng-click='updateProfile(dealer)'>
+                  <span>
+                    Save changes <i class="fa fa-spinner fa-spin" data-ng-if='savingProfile'></i>
+                  </span>
+                </button>
+              </div>
+
+
+            </div>
+
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+</script>

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

@@ -0,0 +1,16 @@
+<script type="text/ng-template" id='deleteInventory.html'>
+
+  <div class="modal-header">
+    <h3 class="modal-title text-danger"><i class="fa fa-exclamation-triangle"></i> Really delete {{inventory.name}}?</h3>
+  </div>
+
+  <div class="modal-body">
+    Are you sure you want to perform this action and delete this inventory?
+  </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="yes(inventory)">YES</button>
+  </div>
+
+</script>

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

@@ -0,0 +1,244 @@
+<script type="text/ng-template" id='editInventory.html'>
+  <div class="bg-light lter b-b wrapper-md ng-scope">
+    <h1 class="m-n font-thin h3">
+      <button class="btn btn-default" onclick='window.history.back();'>
+        <i class="fa fa-chevron-left"></i> Back 
+      </button> 
+      <span>{{mode}} {{inventory.name}}</span>
+    </h1>
+  </div>
+
+  <div class="wrapper-md" >
+    
+    <div class='row'>
+      <div class="col-sm-6">
+        
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold">
+            <div data-ng-if="mode == 'Editing'">
+              <i class="fa fa-info-circle"></i> VIN: {{inventory.vin}}
+            </div>
+            <div data-ng-if="mode != 'Editing'">
+              <i class="fa fa-info-circle"></i> ADD NEW INVENTORY
+            </div>
+          </div>
+          <div class="panel-body">
+
+            <div class='col-sm-12'>
+              <%= render partial: 'voltar/shared/app/notifications', locals: { success_message: 'Your inventory was updated successfully!'} %>
+            </div>
+
+            <form name='editInventory'>
+
+              <div class='col-sm-12'>
+
+                <div class='form-group' data-ng-if="mode != 'Editing'">
+                  <label>
+                    VIN:
+                    <i>(must be exactly 17 digits)</i>
+                    <i data-ng-if='inventory.vin'>(<strong>{{inventory.vin.length}}</strong> characters so far)</i>
+                  </label>
+                  <input type='text' ng-model='inventory.vin' class='form-control m-b'>
+                </div>
+
+              </div>
+
+              <div class='col-sm-6'>
+                  
+                <div class='form-group'>
+                  <label>Bus Type</label>
+                  <select class='form-control m-b' data-ng-model='inventory.bus_type_id' tabindex=1 data-ui-jq='chosen' data-ng-change='updateBodyMakes(inventory)'>
+                    <option value='{{bus_type.id}}' data-ng-repeat='bus_type in bus_types' >{{bus_type.name}}</option>
+                  </select>
+                </div>
+
+                <div class='form-group'>
+                  <label>Year</label>
+                  <select class='form-control m-b' data-ng-model='inventory.year' data-ui-jq='chosen' tabindex=3>
+                    <option value='{{year}}' data-ng-repeat='year in years' >{{year}}</option>
+                  </select>
+                </div>
+
+                <div class='form-group'>
+                  <label>Chasis Make</label>
+                  <input tabindex=5 class='form-control m-b' type='text' data-ng-model='inventory.chassis_make'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Engine</label>
+                  <input tabindex=7 class='form-control m-b' type='text' data-ng-model='inventory.engine'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Interior Color</label>
+                  <input tabindex=9 class='form-control m-b' type='text' data-ng-model='inventory.interior_color'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Transmission</label>
+                  <select tabindex=11 class='form-control m-b' data-ng-model='inventory.transmission' data-ui-jq='chosen'>
+                    <option value='Automatic'>Automatic</option>
+                    <option value='Manual'>Manual</option>
+                  </select>
+                </div>
+
+                <div class='form-group'>
+                  <label>Youtube Video Link</label>
+                  <input tabindex=14 class='form-control m-b' type='text' data-ng-model='inventory.video_link'>
+                </div>
+
+              </div>
+
+              <div class='col-sm-6'>
+
+                <div class='form-group'>
+                  <label>Body Make</label>
+                  <select tabindex=2 id='body_make_select' class='form-control m-b' data-placeholder='Select a Bus Type first' data-ng-model='inventory.body_make_id' >
+                    <option value='{{body_make.id}}' data-ng-repeat='body_make in body_makes' data-ng-selected='inventory.body_make_id === body_make.id'>{{body_make.name}}</option>
+                  </select>
+                </div>
+
+                <div class='form-group'>
+                  <label>Status</label>
+                  <select tabindex=4 class='form-control m-b' data-ng-model='inventory.status' data-ui-jq='chosen'>
+                    <option value="">Any</option>
+                    <option value="pending">Pending</option>
+                    <option value="attention">Attention</option>
+                    <option value="standard">Standard</option>
+                    <option value="new">New</option>
+                    <option value="sale">Sale</option>
+                  </select>
+                </div>
+
+
+                <div class='form-group'>
+                  <label>Chasis Model</label>
+                  <input tabindex=6 class='form-control m-b' type='text' data-ng-model='inventory.chasis_model'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Body Model</label>
+                  <input tabindex=8 class='form-control m-b' type='text' data-ng-model='inventory.body_model'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Exterior Color</label>
+                  <input tabindex=10 class='form-control m-b' type='text' data-ng-model='inventory.exterior_color'>
+                </div>
+
+                <div class='form-group'>
+                  <label>Mileage</label>
+                  <div>
+                    <input tabindex=12 class='form-control' type='text' data-ng-model='inventory.mileage' style='margin-right: 20px;width: 150px; display: inline;' >
+                    <select tabindex=13 class='form-control w-xs' data-ng-model='inventory.mileage_metric' style='display:inline;' >
+                      <option value='kms'>Kms</option>
+                      <option value='miles'>Miles</option>
+                    </select>
+                  </div>
+                </div>
+
+                <div class='form-group'>
+                  <label>Wheelchair Capacity</label>
+                  <input tabindex=15 class='form-control m-b' type='text' data-ng-model='inventory.wheelchair_capacity'>
+                </div>
+
+              </div>
+
+
+              <div class='col-sm-12'>
+                <div class='form-group'>
+                  <span>Comments/Description:</span>
+                  <div class="form-control" style="overflow:scroll;height:200px;max-height:200px" contenteditable="true" data-ng-model='inventory.vehicle_description' >
+                    {{inventory.vehicle_description}}
+                  </div>
+                </div>
+
+                <div class="well b bg-light lt wrapper-sm m-t" data-ng-show="mode == 'Editing'">Inventory last modified by <strong>{{inventory.last_modified_by}}</strong> on <strong>{{inventory.human_friendly_updated_at}}</strong> 
+                </div>
+              </div>
+
+              <div class="line line-dashed b-b line-lg pull-in"></div>
+
+              <div class="form-group">
+
+              <!-- <p class='alert alert-info' data-ng-show='uploader.queue.length > 0'>
+                You have images that you have selected, but not uploaded yet. <a href='' data-ng-click='uploader.uploadAll()'>Click here</a> to upload these selected images first. Once uploaded, the "Save" button below will become active.
+              </p> -->
+
+                <div class="col-sm-4">
+
+                  <!-- button for saving update to an inventory-->
+                  <button type="submit" class="btn btn-primary" data-ng-click='updateInventory(inventory)' data-ng-show="mode == 'Editing'" data-ng-disabled='uploader.queue.length > 0'>
+                    <span>
+                      Save changes
+                      <i class="fa fa-spinner fa-spin" data-ng-if='savingInventory'></i>
+                    </span>
+                  </button>
+
+                  <!-- button for new inventory-->
+                  <button type="submit" class="btn btn-primary" data-ng-click='addNew(inventory)' data-ng-show="mode != 'Editing'" data-ng-disabled='uploader.queue.length > 0'>
+                    <span>
+                      Save changes 
+                      <i class="fa fa-spinner fa-spin" data-ng-if='savingInventory'></i>
+                    </span>
+                  </button>
+                  
+                </div>
+
+              </div>
+
+            </form>
+
+          </div>
+        </div>
+
+      </div>
+
+
+      <div class='col-sm-6'>
+        <div class="panel panel-default">
+          <div class="panel-heading font-bold"> <i class="fa fa-picture-o"></i> IMAGES</div>
+          <div class="panel-body">
+
+            <div class='col-sm-12 image-row'>
+              <div class='col-sm-4' data-ng-repeat='image in inventory.images'>
+                <img class='thumbnail b b-a wrapper-xs bg-white img-responsive no-radius' data-ng-src='{{image.url_with_host}}' >
+              </div>
+
+              <div class='col-sm-4' data-ng-repeat="item in uploader.queue">
+                <div data-ng-thumb="{ file: item._file, height: '125', width: '160' }" class='thumbnail b b-a wrapper-xs bg-white img-responsive'>
+                </div>
+              </div>
+
+              <div class='col-sm-4' >
+                <div class="b-a b-2x b-dashed wrapper-lg bg-white text-center m-b">
+                    <span class='btn btn-default btn-file'>
+                      <i class="fa fa-plus text"></i>
+                      <span class="text">Add Images</span>
+                      <input type='file' id='addNewImage'  nv-file-select uploader="uploader" multiple>
+                    </span>
+
+                    <button class='btn btn-default' data-ng-show='uploader.getNotUploadedItems().length' data-ng-click='uploader.uploadAll()'>
+                      <i class="fa fa-cloud-upload text"></i>
+                      <span class="text">Upload</span>
+                    </button>
+                </div>
+              </div>
+            </div>
+
+            <div class='col-sm-12' data-ng-show='uploader.progress'>
+              <div class="progress-striped m-b-sm progress" value="dynamic" type="info" data-ng-class="{ active: uploader.progress == 100 }" >
+                <div class="progress-bar progress-bar-info info" role="progressbar"  aria-valuemin="0" aria-valuemax="100" ng-style="{width: uploader.progress + '%'}" aria-valuetext="{{uploader.progress}}%" >
+                </div>
+              </div>
+            </div>
+
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+</script>