angular.module('app').run(['$templateCache', function(t) {t.put('/app/admin/admin.html','<section id="admin-view" class="mainbar" data-ng-controller="admin as vm">    <section class="matter">        <div class="container">                        <div class="row">                <div class="col-md-9">                    <div class="widget wblue">                        <div data-cc-widget-header title="Mechanics" allow-collapse="true"></div>                                                                            <div class="widget-content text-info">                            <button type="button" class="btn btn-default btn-sm pull-right" ng-click="vm.addMechanic($event)">                                <span class="glyphicon glyphicon-plus" aria-hidden="true" ></span> Add Mechanic                            </button>                            <br/>                            <table class="table table-condensed table-striped table-hover table-responsive">                                <thead>                                    <tr>                                        <th>First Name</th>                                        <th>Last Name</th>                                        <!--<th>Status</th>-->                                        <!--<th>Qualifications</th>-->                                        <th>Actions</th>                                    </tr>                                </thead>                                <tbody>                                    <tr data-ng-repeat="m in vm.mechanics" data-ng-click="vm.clickMechanicTable(m)">                                        <td>{{m.customer.firstName}}</td>                                        <td>{{m.customer.lastName}}</td>                                        <!--<td>{{m.status}}</td>-->                                        <!--<td>{{m.qualifications}}</td>-->                                        <td> <button type="button" title="Remove mechanic" class="btn btn-default btn-sm pull-right" ng-click="vm.delMechanic($event, m)">                                                 <span class="glyphicon glyphicon-trash" aria-hidden="true" ></span>                                              </button></td>                                    </tr>                                </tbody>                            </table>                        </div>                        <div class="widget-foot">                            <div class="clearfix"></div>                        </div>                    </div>                </div>                        </div>            <div class="row">                           <div class="col-md-9">                    <div class="widget wblue">                        <div data-cc-widget-header title="Account Profile"                             allow-collapse="true"></div>                        <div class="widget-content">                                                        <ng-form name="accountForm" ng-submit="submitForm()" novalidate>                                                                                                <div class="row">                                    <div class="form-group col-md-7" ng-class="{ \'has-error\' :accountForm.companyName.$invalid && !accountForm.companyName.$pristine }">                                        <label class="control-label">Company Name</label>                                        <input type="text" name="companyName" class="form-control input-sm" ng-model="vm.companyDetails.name" placeholder="Your company name" required>                                        <p ng-show="accountForm.companyName.$invalid && !accountForm.companyName.$pristine" class="help-block">Company name is required.</p>                                    </div>                                                                    <div class="form-group col-md-7" ng-class="{ \'has-error\' :accountForm.emailAddress.$invalid && !accountForm.email.$pristine }">                                        <label class="control-label">Company Email Address</label>                                        <input type="email"  name="emailAddress" class="form-control input-sm" ng-model-options="{allowInvalid: true}" ng-model="vm.companyDetails.email" placeholder="Enter your email address" required>                                        <p ng-show="accountForm.emailAddress.$invalid && !accountForm.emailAddress.$pristine" class="help-block">Email address is required.</p>                                    </div>                                    <div class="form-group col-md-7" ng-class="{ \'has-error\' :accountForm.testerNumber.$invalid && !accountForm.testerNumber.$pristine }">                                        <label class="control-label">Tester Number</label>                                        <input type="text" name="testerNumber" class="form-control input-sm" ng-model-options="{allowInvalid: true}" ng-model="vm.companyDetails.testerNumber" placeholder="Enter your roadworthy tester number" required>                                        <p ng-show="accountForm.emailAddress.$invalid && !accountForm.testerNumber.$pristine" class="help-block">Roadworthy Tester Number required.</p>                                    </div>                                                                    </div>                                <div ng-hide="vm.demoOnly" class="row">                                    <div class="form-group col-md-12">                                        <label class="control-label">Account Plan</label>                                        <data-cc-plan-selection selected-plan="vm.companyDetails.plan" avg-inspections="vm.companyDetails.avgInspectionsPerMonth" expanded="vm.updatePlan"></data-cc-plan-selection>                                    </div>                                                                </div>                                                                                                <div ng-hide="vm.demoOnly" class="row">                                    <div class="col-md-7">                                        <data-cc-credit-card-entry ng-hide="vm.isTrialPlan()" selected-plan="vm.companyDetails.plan" payment-token="vm.companyDetails.paymentToken" existing-card="vm.companyDetails.paymentDetails" expanded="vm.cardRequired" is-valid="" card="card"></data-cc-credit-card-entry>                                    </div>                                </div>                                                                    <!--<div class="col-sm-6">                                        <div ng-class="{\'has-error\':(accountForm.password.$invalid && accountForm.password.$dirty) || !accountForm.password.$pristine, \'has-success\':accountForm.password.$valid}" class="form-group">                                            <label class="control-label">Password</label>                                            <input class="form-control" ng-minlength="6" required="required" placeholder="Password" ng-model="user.password" name="password" id="password" type="password"></div>                                        <p ng-show="accountForm.password.$invalid && !accountForm.password.$pristine" class="help-block">Password must be 6 characters.</p>                                    </div>                                                                                                            <div class="col-sm-6">                                        <div ng-class="{\'has-error\':accountForm.confirmPassword.$invalid && accountForm.confirmPassword.$dirty, \'has-success\':accountForm.confirmPassword.$valid}" class="password form-group">                                            <label class="control-label">Confirm Password</label><input class="form-control ng-pristine ng-valid-minlength ng-invalid ng-invalid-required ng-valid-match" ng-minlength="6" required="required" confirm-password="user.password" placeholder="Confirm Password" ng-model="user.confirmPassword" name="confirmPassword" id="confirmPassword" type="password"></div>                                    </div>-->                                <div class="row">                                    <br/>                                    <div data-ng-hide="vm.accountUpdateMessage == \'\'" class="alert alert-danger">                                        {{vm.accountUpdateMessage}}                                    </div>                                </div>                                                                <button type="submit" class="btn btn-primary" ng-disabled="vm.updatingAccount" ng-click="vm.saveChanges()">Save Changes <i ng-show="vm.updatingAccount" class="fa fa-spinner fa-pulse"></i></button>                                    </ng-form>                                                                        </div>                        <div class="widget-foot">                            <div class="clearfix"></div>                        </div>                    </div>                </div>            </div>                                    </div>    </section></section>');t.put('/app/auth/associate.html','<div class="row">    <div class="col-md-2">        &nbsp;    </div>    <div class="col-md-8">        <h3>Associate your {{registerData.provider}} Account</h3>        <hr />        <p class="text-success">You have successfully authenticated with <strong>{{registerData.provider}} </strong>. Please enter a user name below for this site and click the Register button to log in.</p>        <div class="row">            <div class="col-md-3">                &nbsp;            </div>            <div class="col-md-6">                <div class="form-group">                    <input type="text" class="form-control" placeholder="Username" data-ng-model="registerData.userName" required autofocus>                    <button class="btn btn-sm btn-info btn-block" type="button" style="margin-top:10px;" data-ng-click="registerExternal()">Register</button>                </div>                <div data-ng-hide="message == \'\'" data-ng-class="(savedSuccessfully) ? \'alert alert-success\' : \'alert alert-danger\'">                    {{message}}                </div>            </div>            <div class="col-md-3">                &nbsp;            </div>        </div>    </div>    <div class="col-md-2">        &nbsp;    </div></div>');t.put('/app/auth/confirmAccount.html','<section id="confirm-view" class="mainbar" data-ng-controller="confirmAccountController as vm"><section class="matter">    <div class="container">        <div class="row">            <form role="form">                <div class="row">                    <div class="col-md-2">                        &nbsp;                    </div>                    <div class="col-md-4">                        <h2>{{vm.message}}</h2>                        <div data-ng-hide="message == \'\'" class="alert alert-danger">                            {{vm.errorMessage}}                        </div>                    </div>                                   </div>            </form>                        </div>    </div></section>');t.put('/app/auth/forgotPasswordDialog.html','<div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true"></span><span class="sr-only">Close</span></button>    <h4 class="modal-title" id="myModalLabel">Forgot your password</h4>    </div><div class="modal-body">    <div class="row">            <form name="resetPasswordForm" ng-submit="submitForm(resetPasswordForm.$valid)" novalidate> <!-- novalidate prevents HTML5 validation since we will be validating ourselves -->            <div class="row">                                <div class="form-group col-md-12">                    <label>Email Address</label>                    <input type="email" name="emailAddress" class="form-control" ng-model="vm.forgotPasswordModel.email" required>                </div>                         </div>            <div data-ng-hide="vm.errorMessage == \'\'" data-ng-class="(vm.errorMessage == \'\') ? \'alert alert-success\' : \'alert alert-danger\'">                {{vm.errorMessage}}            </div>        </form>    </div></div><div class="modal-footer">    <button type="button" class="btn btn-primary" ng-click="cancel()">Cancel</button>    <button type="button" class="btn btn-primary" ng-click="resetPassword()" ng-disabled="(resetPasswordForm.$dirty && resetPasswordForm.$invalid) || resetPasswordForm.$pristine || vm.busy">Email Reset Link</button></div>');t.put('/app/auth/login.html','<section id="login-view" class="mainbar mainbar-login" data-ng-controller="loginController as vm">    <section class="matter">        <div class="container">            <div class="row">                                                <div ng-show="loading"></div>                <form ng-hide="loading" name="login-form" id="myForm" role="form" method="POST" ng-submit="submit()">                    <div class="row">                                                <div class="col-md-2">                            &nbsp;                        </div>                        <div class="col-md-4">                            <div ng-show="vm.busy" data-cc-spinner="vm.spinnerOptions"></div>                            <h2 class="form-login-heading">Login</h2>                            <input type="text" name="login" class="form-control" placeholder="Username" data-ng-model="loginData.userName" required autofocus>                            <input type="password" name="password" class="form-control top-buffer" placeholder="Password" data-ng-model="loginData.password" required>                            <!--                          <div class="checkbox">                                                              <label>                                                                  <input type="checkbox" data-ng-model="loginData.useRefreshTokens"><strong> Use Refresh Tokens</strong>                                                              </label>                                                          </div>-->                            <button class="btn btn-md btn-info btn-block top-buffer"  data-ng-click="login()" ng-disabled="(loginForm.$dirty && loginForm.$invalid) ||vm.busy || loginForm.$pristine">Login</button>                            <div data-ng-hide="message == \'\'" class="alert alert-danger">                                {{message}}                            </div>                                                                                     <a class="btn btn-sm btn-link top-buffer" href="/#/register">Don\'t already have an account? Click here to create one.</a>                                                        <button class="btn btn-sm btn-link" type="button" data-ng-click="resetPassword()">Forgotten your password? Click here</button>                                                                            <div data-ng-hide="resetPasswordMessage == \'\'" class="alert alert-success">                                {{resetPasswordMessage}}                            </div>                        </div>                                       </div>                </form>                            </div>        </div>            </section></section>');t.put('/app/auth/resetPassword.html','<section id="login-view" class="mainbar" data-ng-controller="resetPasswordController as vm">    <div class="container">        <br/>        <div class="row">             <form name="passwordForm" ng-submit="submitForm(passwordForm.$valid)" novalidate> <!-- novalidate prevents HTML5 validation since we will be validating ourselves -->                <div class="row">                    <div class="col-md-2">                        &nbsp;                    </div>                    <div class="col-md-4">                        <h2 class="form-login-heading">Reset your password</h2>                                                                        <input type="password" class="form-control" placeholder="Password" data-ng-model="vm.resetPasswordModel.newPassword" required autofocus autocomplete="off">                                               <button class="btn btn-md btn-info btn-block" type="submit" data-ng-click="vm.resetPassword()" ng-disabled="(passwordForm.$dirty && passwordForm.$invalid) || vm.updatingPassword || passwordForm.$pristine">Update Password</button>                        <div data-ng-hide="vm.errorMessage == \'\'" class="alert alert-danger">                            {{vm.errorMessage}}                        </div>                                                                    </div>                                   </div>            </form>                        </div>    </div></section>');t.put('/app/auth/signup.html','<section id="login-view" class="mainbar" data-ng-controller="signupController as vm">    <section class="matter">        <div class="container">            <div class="row">                <form role="form-login">                    <div class="row">                        <div class="col-md-2">                            &nbsp;                        </div>                        <div class="col-md-4">                            <h2 class="form-login-heading">Create new account</h2>                            <input type="text" class="form-control" placeholder="Username" data-ng-model="registration.userName" required autofocus>                            <input type="email" class="form-control" placeholder="Email Address" data-ng-model="registration.emailAddress" required>                            <input type="text" class="form-control" placeholder="First Name" data-ng-model="registration.firstName" required>                            <input type="text" class="form-control" placeholder="Last Name" data-ng-model="registration.lastName" required>                            <input type="text" class="form-control" placeholder="Company Name" data-ng-model="registration.companyName" required>                                                                                    <input type="password" class="form-control" placeholder="Password" data-ng-model="registration.password" required>                            <input type="password" class="form-control" placeholder="Confirm Password" data-ng-model="registration.confirmPassword" required>                            <button class="btn btn-lg btn-info btn-block" type="submit" data-ng-click="signUp()">Submit</button>                            <div data-ng-hide="message == \'\'" data-ng-class="(savedSuccessfully) ? \'alert alert-success\' : \'alert alert-danger\'">                                {{message}}                            </div>                                                                                                           </div>                                      </div>                </form>                            </div>        </div>    </section></section>');t.put('/app/dashboard/companySummary.html','    <div class="row">        <div class="col-md-12">            <div class="widget wblue">                <div data-cc-widget-header title="Companies" allow-collapse="true"></div>                                                                    <div class="widget-content text-info">                    <div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div>                    <div class="text-left text-info ">                                                        <table class="table table-responsive table-hover table-striped">                            <thead>                                <tr>                                                                                <th width="20px"></th>                                    <th class="hidden-xs hidden-sm col-md-1">ID</th>                                    <th>Company Name</th>                                    <!--<th>Contact Number</th>-->                                    <th>Email Address</th>                                    <th>Confirmed</th>                                    <th>Inspections</th>                                    <th>Current Plan</th>                                    <th>Plan Expires</th>                                                    <th width="50px"></th>                                </tr>                            </thead>                            <tbody>                                <!--<tr data-ng-repeat="p in vm.companies" ng-class="vm.getTableRowClass(p)" data-ng-click="vm.clickTbl(p)">-->                                <tr data-ng-repeat="p in vm.companies |  orderBy:[\'-inspectionsUpdatedLast7Days\',\'companyName\']">                                                    <!--<td><i class="fa fa-car" ng-show="p.inspectionType == \'RoadworthyInspection\'" title="Roadworthy Inspection" />                                            <i class="fa fa-wrench" ng-show="p.inspectionType == \'WorkshopJob\'" title="Workshop Job" /></td>-->                                    <td></td>                                    <td class="hidden-xs hidden-sm">{{p.id}}</td>                                    <td>{{p.companyName}}</td>                                   <!-- <td>{{p.contactNumber}}</td>-->                                    <td>{{p.emailAddress}}</td>                                    <td>                                        <i style="font-size:1.1em;color:red" ng-show="!p.emailConfirmed" class="fa fa-exclamation-triangle"></i>                                         <i style="font-size:1.1em; color:green" ng-show="p.emailConfirmed" class="fa fa-check ng-hide"></i>                                    </td>                                    <td>{{p.inspectionsUpdatedLast7Days}}/{{p.inspectionsUpdatedLast30Days}}/{{p.inspectionsTotal}}</td>                                    <td>{{p.currentPlan}}</td>                                    <td>{{p.planExpires | date:\'shortDate\'}}</td>                                                    <td>                                        <button ng-hide="p.currentAssignedCompany" class="btn btn-danger" ng-click="vm.impersonateCompany(p.id)">Set</button>                                                                  <!--    <i class="fa fa-camera-retro" ng-show="p.imageCount > 0" title="Has images attached" />                                            <i class="fa fa-thumbs-o-down" ng-show="p.complaint" title="Customer complaint" />                                            -->                                                                                                                    </td>                                </tr>                            </tbody>                        </table>                    </div>                    <!--<div class="widget-foot">-->                    <!--<div class="text-center">                            <div class="clearfix"></div>                            <uib-pagination total-items="vm.paging.totalItems" max-size="vm.paging.maxSize" ng-model="vm.paging.currentPage" ng-change="vm.pageChanged()" rotate="true" items-per-page="vm.paging.pageSize"></pagination>                            <div class="clearfix"></div>                        </div>-->                                            </div>                <div class="widget-foot">                    <div class="clearfix"></div>                </div>            </div>        </div>                </div>    ');t.put('/app/dashboard/dashboard.html','<section id="dashboard-view" class="mainbar" data-ng-controller="dashboard as vm">    <section class="matter">        <div class="container">            <div class="row">                <div class="col-md-12">                    <ul class="today-datas">                        <li class="blightblue">                            <div class="pull-left"><i class="fa fa-plane"></i></div>                            <div class="datas-text pull-right">                                <span class="bold">May 18 - 19, 2015</span> Castle Resort, Neverland                            </div>                            <div class="clearfix"></div>                        </li>                        <li class="borange">                            <div class="pull-left"><i class="fa fa-envelope"></i></div>                            <div class="datas-text pull-right">                                <span class="bold">{{vm.messageCount}}</span> Messages                            </div>                            <div class="clearfix"></div>                        </li>                    </ul>                </div>            </div>            <cc-company-summary control="vm.summaryListControl" criteria="vm.SearchCriteria" auto-load="true"></cc-company-summary>        </div>    </section></section>');t.put('/app/inspection/inspection.html','<section class="mainbar" >        <section class="matter">        <div class="container">            <div class="row">                         <body ng-app="LoadingBarExample" ng-controller="ExampleCtrl">    <div class="jumbotron">      <h1>Angular Loading Bar</h1>      <p>An automatic loading bar using angular interceptors.<small>  It works automatically, so simply include it as a dependency and it will automatically display the progress of your $http requests.</small></p>      <p>        <a href="https://github.com/chieffancypants/angular-loading-bar" class="btn btn-primary btn-lg">          <i class="glyphicon glyphicon-download"></i>&nbsp;&nbsp;Download        </a>        <a href="https://github.com/chieffancypants/angular-loading-bar" class="btn btn-default btn-lg">          <i class="glyphicon glyphicon-random"></i>&nbsp;&nbsp;Fork on GitHub        </a>      </p>    </div>    <div class="examples" ng-hide="fakeIntro">      <!-- <h4>Examples:</h4> -->      <div class="btn-group btn-group-justified">        <a href="#/inpectionDetails" class="btn btn-primary btn-lg" ng-click="start()">          <i class="glyphicon glyphicon-play-circle"></i> <span>cfpLoadingBar.</span>start()        </a>        <a href="#" class="btn btn-primary btn-lg" ng-click="complete()">          <i class="glyphicon glyphicon-play-circle"></i> <span>cfpLoadingBar.</span>complete()        </a>        <a href="#" class="btn btn-primary btn-lg" ng-click="fetch()"><i class="glyphicon glyphicon-play-circle"></i> Real Example <span> (from reddit)</span></a>      </div>    </div>    <h4 class="loading-text" ng-show="subreddit">Showing 100 results for: <span>/r/{{subreddit}}...</span></h4>    <div ng-repeat="post in posts" class="panel panel-default">      <div class="panel-body media">        <span class="badge pull-right">{{post.data.score}}</span>        <div class="pull-left" ng-if="post.data.thumbnail">          <img class="thumbnail" ng-src="{{post.data.thumbnail}}">        </div>        <div class="">          <div class="">            <a href="{{post.data.url}}">{{post.data.title}}</a>            <p class="meta">by {{post.data.author}}</p>            <p class="meta-comments">{{post.data.num_comments}} comments</p>          </div>        </div>      </div>    </div>                                </div>                    </div>                                                </section></section>');t.put('/app/inspections/infoDlg.html','<div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="vm.cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>    <h4 class="modal-title" id="myModalLabel">Getting Started</h4>    </div><div class="modal-body text-center">            <img ng-src="{{vm.getImage()}}" width="{{vm.getSize()}}"/></div><div class="modal-footer">    <button ng-show= "vm.currentPageIndex > 0" type="button" class="btn btn-primary" ng-click="vm.prev()">Previous</button>        <button ng-show= "vm.currentPageIndex < (vm.imgList.length-1)" type="button" class="btn btn-primary" ng-click="vm.next()">Next</button>        <button ng-show= "vm.currentPageIndex >= (vm.imgList.length-1)" type="button" class="btn btn-success" ng-click="vm.next()">Close</button>            </div>');t.put('/app/inspections/inspections.html','<section class="mainbar" data-ng-controller="inspections as vm">    <section class="matter">        <div class="container">                        <div class="row">                                                        <div class="col-md-6">                    <button type="button" analytics-on="click" analytics-event="New Inspection" analytics-category="Inspections" class="btn btn-block col-xs-6 col-md-4 panel-default" ng-click="vm.addItem($event, \'RoadworthyInspection\')"><i class="fa fa-car fa-2x" title="Create Roadworthy Inspection"> Create Inspection</i></button>                </div>                                <div class="col-md-6">                    <button type="button" analytics-on="click" analytics-event="New Job" analytics-category="Inspections" class="btn btn-block col-xs-6 col-md-4 panel-default" ng-click="vm.addItem($event, \'WorkshopJob\')"><i class="fa fa-wrench fa-2x" title="Create Workshop Job"> Create Workshop Job</i></button>                </div>                </div>                                    <div class="row">                <div class="col-md-12">                    <div class="widget wblue">                        <div data-cc-widget-header title="{{vm.title}}" print-element-id="printInspectionSummary"></div>                        <div class="widget-content">                            <div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div>                                                        <div class="row">                                                                <form>                                    <div class="form-group  col-sm-5 col-md-4 col-lg-3">                                        <label for="inputEmail">Inspection Type</label>                                        <select class="form-control" ng-init="vm.SearchCriteria.InspectionType = vm.inspectionTypes[0].id" id="Select1" ng-model="vm.SearchCriteria.InspectionType" ng-options="item.id as item.name for item in vm.inspectionTypes" ng-change="vm.UpdateSummaryList()"></select>                                    </div>                                            <div class="form-group col-sm-7 col-md-8 col-lg-9">                                        <label for="search">Search Inspections</label>                                        <div class="input-group">                                            <div class="input-group-addon"><i class="fa fa-search"></i></div>                                            <input type="search" class="form-control ng-pristine ng-valid ng-touched" placeholder="Search all inspections" ng-model="vm.SearchCriteria.AllFields" ng-model-options="{ updateOn: \'default blur\', debounce: { \'default\': 800, \'blur\': 0 } }" ng-change="vm.UpdateSummaryList()">                                                  </div>                                    </div>                                </form>                            </div>                                                        <cc-inspection-summary control="vm.summaryListControl" criteria="vm.SearchCriteria" auto-load="true"></cc-inspection-summary>                                                    </div>                    </div>                </div>            </div>        </div>    </section></section>');t.put('/app/inspections/inspectionSummary.html','<div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div><!--<div class="row">    <div class="col-md-12">        <div class="pull-right">            <a class="btn btn-success" cc-print print-element-id="printInspectionSummary" value="Print"><span class="glyphicon glyphicon-print"></span><span class="hidden-sm hidden-xs"> Print</span></a>                          </div>    </div></div>--><div id="printInspectionSummary" class="row text-left text-info print-padding-left">    <div class="visible-print text-center">        <h3>{{vm.companyName}} - Partial Inspection Summary</h3>                                <!--<h6>{{vm.searchCriteria.FromDate | date: "shortDate"}} - {{vm.searchCriteria.ToDate | date: "shortDate"}}</h6>-->        <hr/>    </div>        <div class="col-md-12" >        <table class="table table-responsive table-hover table-striped">            <thead>                <tr>                    <th width="20px"></th>                    <th class="hidden-xs col-md-1 hidden-print">First Inspection Date</th>                    <th class="hidden-xs hidden-sm col-md-1 hidden-print">Status</th>                    <th class="hidden-xs hidden-sm col-md-1 hidden-print">Second Inspection Date</th>                    <th class="hidden-xs hidden-sm col-md-1 hidden-print">Status</th>                    <th class="col-md-1 visible-print">First Inspection Date</th>                    <th class="col-md-1 visible-print">Status</th>                    <th class="col-md-1 visible-print">Second Inspection Date</th>                    <th class="col-md-1 visible-print">Status</th>                    <th class="col-md-1">Certificate Number</th>                    <th class="visible-lg visible-print">Mechanic</th>                    <th class="col-md-1">Rego</th>                    <th class="hidden-xs hidden-print">Make</th>                    <th class="hidden-xs hidden-sm hidden-print">Model</th>                    <th class="hidden-xs hidden-sm hidden-print">Customer Name</th>                    <th class="visible-print">Make</th>                    <th class="visible-print">Model</th>                    <th class="visible-print">Customer Name</th>                    <!--<th class="visible-lg">Customer Address</th>-->                    <th width="50px"></th>                                   </tr>            </thead>            <tbody>                <!--<div class="visible-xs" style="height: 20px; overflow:auto;">-->                <tr data-ng-repeat="p in vm.inspections" analytics-on="click" analytics-event="View Details" analytics-category="Inspections" ng-class="vm.getTableRowClass(p)" data-ng-click="vm.clickTbl($event, p)"                    data-context-event="contextmenu"                    data-context-menu="/app/inspections/inspectionSummaryContextMenu.html">                    <td>                        <i class="fa fa-car" ng-show="p.inspectionType == \'RoadworthyInspection\'" title="Roadworthy Inspection" />                        <i class="fa fa-wrench" ng-show="p.inspectionType == \'WorkshopJob\'" title="Workshop Job" />                    </td>                    <td class="hidden-xs hidden-print">{{p.firstInspectionDate | date:\'shortDate\'}}</td>                    <td class="hidden-xs hidden-sm hidden-print"> {{vm.outcomeDescription(p.firstInspectionStatus)}}</td>                    <td class="hidden-xs hidden-sm hidden-print"> {{p.secondInspectionDate | date:\'shortDate\'}}</td>                    <td class="hidden-xs hidden-sm hidden-print"> <div ng-show="p.secondInspectionDate || p.secondInspectionStatus == 6 || p.secondInspectionStatus == 4">{{vm.outcomeDescription(p.secondInspectionStatus)}}</div></td>                    <td class="hidden-xs hidden-sm visible-print">{{p.firstInspectionDate | date:\'shortDate\'}}</td>                    <td class="hidden-xs hidden-sm visible-print"> {{vm.outcomeDescription(p.firstInspectionStatus)}}</td>                    <td class="hidden-xs hidden-sm visible-print"> {{p.secondInspectionDate | date:\'shortDate\'}}</td>                    <td class="hidden-xs hidden-sm visible-print"> <div ng-show="p.secondInspectionDate || p.secondInspectionStatus == 6 || p.secondInspectionStatus == 4">{{vm.outcomeDescription(p.secondInspectionStatus)}}</div></td>                    <td>{{p.roadworthyCertNumber | uppercase}}</td>                    <td class="visible-lg hidden-print">{{p.mechanicName}}</td>                    <td class="visible-print">{{p.mechanicName}}</td>                    <td>{{p.rego | uppercase}}</td>                    <td class="hidden-xs hidden-print">{{p.make}}</td>                    <td class="hidden-xs hidden-sm hidden-print">{{p.model}}</td>                    <td class="hidden-xs hidden-sm hidden-print">{{p.customerName}}</td>                    <td class="visible-print">{{p.make}}</td>                    <td class="hidden-xs hidden-sm visible-print">{{p.model}}</td>                    <td class="hidden-xs hidden-sm visible-print">{{p.customerName}}</td>                    <!--<td class="visible-lg">{{p.customerAddress}}</td>-->                    <td>                        <div class="hidden-print dropdown pull-right" ng-click="$event.originalEvent.dropdown = true">                            <i class="fa fa-caret-down dropdown-toggle fa-fw" id="dropdownMenu1" data-toggle="dropdown" title="Options" />                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1" ng-click="$event.originalEvent.dropdown = true">                                <li><a href="" analytics-on="click" analytics-event="Context View Details" analytics-category="Inspections" data-ng-click="$event.originalEvent.dropdown = false; vm.clickTbl($event, p)">Open inspection details</a></li>                                <li><a href="" analytics-on="click" analytics-event="New From Selected" analytics-category="Inspections" data-ng-click="vm.newInspectionFromSelected(p, true, true)">New inspection from selected</a></li>                                <li><a href="" analytics-on="click" analytics-event="New From Customer" analytics-category="Inspections" data-ng-click="vm.newInspectionFromSelected(p, false, true)">New inspection from customer</a></li>                            </ul>                        </div>                        <i class="fa fa-camera-retro " ng-show="p.imageCount > 0" title="Has images attached"/>                        <i class="fa fa-thumbs-o-down" ng-show="p.complaint" title="Customer complaint"/>                    </td>                                    </tr>            </tbody>        </table>    </div></div>                            <!--<div class="widget-foot">--><div class="text-center hidden-print">    <div class="clearfix"></div>    <uib-pagination total-items="vm.paging.totalItems" max-size="vm.paging.maxSize" ng-model="vm.paging.currentPage" ng-change="vm.pageChanged()" rotate="true" items-per-page="vm.paging.pageSize"></uib-pagination>    <div class="clearfix"></div></div>');t.put('/app/inspections/inspectionSummaryContextMenu.html','<ul class="dropdown-menu context-menu" ng-click="$event.originalEvent.dropdown = true">    <!--<li class="dropdown-header">Inspection Actions</li>-->    <li><a href="" analytics-on="click" analytics-event="Context View Details" analytics-category="Inspections" data-ng-click="$event.originalEvent.dropdown = false; vm.clickTbl($event, p)">Open inspection details</a></li>       <li><a href="" analytics-on="click" analytics-event="New From Selected" analytics-category="Inspections" data-ng-click="vm.newInspectionFromSelected(p, true, true)">New inspection from selected</a></li>    <li><a href="" analytics-on="click" analytics-event="New From Customer" analytics-category="Inspections" data-ng-click="vm.newInspectionFromSelected(p, false, true)">New inspection from customer</a></li></ul>');t.put('/app/layout/shell.html','<div data-ng-controller="shell as vm">        <header class="clearfix">        <div data-ng-include="\'/app/layout/topnav.html\'"></div>    </header>    <section id="content" class="content">        <div data-ng-show="vm.isBusy" class="page-splash dissolve-animation">            <div data-cc-spinner="vm.spinnerOptions"></div>            <div class="page-splash-message page-splash-message-subtle">{{vm.busyMessage}}</div>        </div>        <div data-ng-hide="!authentication.isAuth" data-ng-include="\'/app/layout/sidebar.html\'"></div>        <div data-ng-view class="shuffle-animation"></div>        <ng-atomic-notify></ng-atomic-notify>    </section></div>');t.put('/app/layout/sidebar.html','<div data-cc-sidebar data-ng-controller="sidebar as vm">    <div class="sidebar-filler"></div>    <div class="sidebar-dropdown"><a href="#">Menu</a></div>    <div class="sidebar-inner">        <div class="sidebar-widget">        </div>        <ul class="navi">            <li class="nlightblue fade-selection-animation" data-ng-class="vm.isCurrent(r)"                data-ng-repeat="r in vm.navRoutes">                <a href="#{{r.url}}" data-ng-bind-html="r.config.settings.content"></a>            </li>        </ul>    </div></div>');t.put('/app/layout/topnav.html','    <nav class="navbar navbar-fixed-top navbar-inverse" >        <div data-ng-controller="topnav as vm">            <div class="navbar-header">                <a href="#/" class="navbar-brand"><span class="brand-title">{{vm.title}}</span></a>                <a class="btn navbar-btn navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                </a>            </div>                       <div class="navbar-collapse collapse">                <div class="pull-right navbar-logo">                    <ul class="nav navbar-nav pull-right">                        <li data-ng-hide="authentication.isAuth"> <a href="#/login"><i class="fa fa-sign-in"></i> Sign In</a></li>                        <li data-ng-hide="authentication.isAuth"> <a href="/#/register"><i class="fa fa-lock"></i> Create Account</a></li>                        <li data-ng-hide="!authentication.isAuth" class="hidden-xs hidden-sm">                            <a href="http://vre.vicroads.vic.gov.au/" target="_blank" analytics-on="click" analytics-event="VRE" analytics-category="External">                                Vehicle Registration Enquiry                            </a>                        </li>                        <li data-ng-hide="!authentication.isAuth" class="hidden-xs hidden-sm">                            <a href="https://transact.ppsr.gov.au/ppsr/QuickVINSearch" target="_blank" analytics-on="click" analytics-event="VIN Search" analytics-category="External">                                Personal Property Security Register                            </a>                        </li>                        <li class="add-button">                            <a class="add-button" target="_blank" analytics-on="click" analytics-event="A2HS" analytics-category="App">                                <i class="fa fa-home" aria-hidden="true"></i> Add to home screen                            </a>                                                   </li>                                                <!--                    <li data-ng-hide="authentication.isAuth"> <a href="#/login">Login</a></li>                <li data-ng-hide="!authentication.isAuth"><a href="#">Welcome {{authentication.userName}}</a></li>                <li data-ng-hide="!authentication.isAuth"><a href="" data-ng-click="logOut()">Logout</a></li>  -->                        <li data-ng-hide="!authentication.isAuth || vm.isDemoSite" class="dropdown">                            <a href="" class="dropdown-toggle" title="Welcome {{authentication.userName}}" data-toggle="dropdown">Welcome {{authentication.userName + " "}}<i class="fa fa-user fa-lg"></i></a>                            <ul class="dropdown-menu vertical-align">                                <li><a href="#/admin" title="Administration"><i class="fa fa-cog fa-lg"></i> Account Profile</a></li>                                <li class="divider"></li>                                <li><a href="" data-ng-click="logOut()"><i class="fa fa-sign-out fa-lg"></i> Sign Out</a></li>                            </ul>                        </li>                        <li data-ng-show="vm.isDemoSite"> <a href="/" class="btn btn-info"><i class="fa fa-home"></i> Home</a></li>                        <li data-ng-show="vm.isDemoSite"> <a href="/#/register" class="btn btn-success"><i class="fa fa-lock"></i> Create Account</a></li>                        <!--<li><a href="#/" title="Help"><i class="fa fa-info-circle fa-lg"></i></a></li>-->                    </ul>                </div>            </div>        </div>    </nav>');t.put('/app/layout/widgetheader.html','<div class="page-title pull-left">{{title}}</div><small class="page-title-subtle" data-ng-show="subtitle">({{subtitle}})</small><div class="widget-icons pull-right" data-ng-if="allowCollapse">    <a data-cc-widget-minimize></a></div><div class="widget-icons pull-right" data-ng-if="printElementId">    <a class="" cc-print print-element-id="printInspectionSummary" value="Print" title="Print"><span class="glyphicon glyphicon-print"></span></a>                      </div><small class="pull-right page-title-subtle" data-ng-show="rightText">{{rightText}}</small><div class="clearfix"></div>');t.put('/app/login/login.html','<section id="login-view" class="mainbar" data-ng-controller="login as vm">    <section class="matter">        <div class="container">            <h1 class="text-muted">User login</h1>            <hr/>            <form>                <div class="form-group">                    <label for="emailField">Email address</label>                    <input type="email" class="form-control" id="emailField" placeholder="Enter email" required>                </div>                <div class="form-group">                    <label for="passwordField">Email address</label>                    <input type="password" class="form-control" id="passwordField" placeholder="Enter password" required>                </div>                <div class="checkbox">                    <label>                        <input type="checkbox" required/> Remember Me                    </label>                </div>                <button type="submit" class="btn btn-success">Login</button>            </form>        </div>    </section></section>');t.put('/app/partials/widgets/ccDetails.html','<div ng-hide="expanded">    <h5>Payment Details</h5>    <div class="row">        <div class="col-xs-12">            <p>Existing card: xxxx-xxxx-xxxx-{{existingCard.cardLast4}} Expires: {{existingCard.cardExpiryDate | date:\'MMMM / yyyy\'}}</p>                <button type="button" class="btn btn-link" ng-click="expanded = true">Update your payment card</button>                                </div>    </div>    </div><div ng-show="expanded">    <h5>Update your credit card payment details</h5>        <div class="row">            <div class="col-md-12">                        <ng-form name="ccForm" novalidate>                                                    <div class="form-group" ng-class="{ \'has-error\' :ccForm.ccName.$invalid && !ccForm.ccName.$pristine }">                    <label class="control-label">Name on card</label>                    <input type="text" name="ccName" ng-model="card.name" class="form-control" placeholder="Please enter your name" ng-change="updated()" >                    <p ng-show="ccForm.ccName.$invalid && !ccForm.ccName.$pristine" class="help-block">Name required.</p>                </div>                                                                  <div class="form-group" ng-class="{ \'has-error\' :ccForm.ccNumber.$invalid && !ccForm.ccNumber.$pristine }">                    <label class="control-label">{{ccForm.ccNumber.$ccType}} Card number</label>                    <input type="text" name="ccNumber" class="form-control" ng-model="card.number" cc-number cc-type="cardType" placeholder="Please enter your credit card number" ng-change="updated()">                                        <p ng-show="ccForm.ccNumber.$invalid && !ccForm.ccNumber.$pristine " class="help-block">Please check the entered card number</p>                </div>                                              <div class="input-group">                    <div class="row">                                                                        <div class="form-group col-md-4" ng-class="{ \'has-error\' :ccForm.ccExpMonth.$invalid && !ccForm.ccExpMonth.$pristine }">                            <label class="control-label">Expiry Month</label>                                                        <input placeholder="MM" type="text" class="form-control" cc-exp-month name="ccExpMonth" ng-model="card.exp_month" ng-change="updated()">                                                                                  <p ng-show="ccForm.ccExpMonth.$invalid && !ccForm.ccExpMonth.$pristine" class="help-block">Invalid month</p>                                                     </div>                                                <div class="form-group col-md-4" ng-class="{ \'has-error\' :ccForm.ccExpYear.$invalid && !ccForm.ccExpYear.$pristine }">                            <label class="control-label">Expiry Year</label>                            <input placeholder="YY" type="text" class="form-control" cc-exp-year name="ccExpYear" ng-model="card.exp_year" ng-change="updated()">                                                     <p ng-show="ccForm.ccExpYear.$invalid && !ccForm.ccExpYear.$pristine" class="help-block">Invalid Year</p>                        </div>                                        <div class="form-group col-md-4" ng-class="{ \'has-error\' :ccForm.ccCvc.$invalid && !ccForm.ccCvc.$pristine }">                            <label class="control-label">CVC</label>                            <input type="text" class="form-control" id="cvc" cc-cvc cc-type="ccForm.ccNumber.$ccType" name="ccCvc" ng-model="card.cvc" placeholder="CVC" ng-change="updated()">                            <p ng-show="ccForm.ccCvc.$invalid && !ccForm.ccCvc.$pristine" class="help-block">Invalid CVC</p>                        </div>                                            </div>                    <br/>                                </div>                                                    </ng-form>                        <div class="row">                <br/>                <div data-ng-hide="errorMessage == \'\'" class="alert alert-danger">                    {{errorMessage}}                </div>            </div>                    </div>    </div>    <!--    <div class="row"></div>    <div class="modal-footer">        <button ng-show="paymentToken" type="submit" class="btn btn-success" ng-disabled="ccForm.$invalid" ng-click="charge()">Validated <i class="fa fa-check"></i></button>        <button ng-hide="paymentToken" type="submit" class="btn btn-primary" ng-disabled="ccForm.$invalid" ng-click="charge()">Validate Card</button>    </div>  -->                                   </div>    ');t.put('/app/partials/widgets/ccInternalAuditDetails.html','<!--<form name="userForm" autocomplete="off" novalidate>-->    <div class="row">                    <div class="hidden-print form-group col-md-6">                <label for="conductedBy">Conducted By:</label>                <div ng-hide="data.completed" ng-class="{ \'has-error\' : userForm.roadworthyCertNo.$invalid && !userForm.roadworthyCertNo.$pristine }">                    <input type="text" name="conductedBy" class="form-control text-capitalize" id="conductedBy" data-ng-model="data.conductedBy" title="Conducted By" tabindex=1 required>                    <p ng-show="userForm.conductedBy.$invalid && !userForm.conductedBy.$pristine" class="help-block">Conducted by is required.</p>                </div>                <span ng-show="data.completed">{{data.conductedBy}}</span>            </div>    </div>    <table class="table table-condensed table-striped table-responsive">        <thead>            <tr>                <th>Requirement</th>                <th>Confirmed</th>                <th width="40%">Notes</th>            </tr>        </thead>        <tbody>            <tr data-ng-repeat="row in data.internalAuditResults">                <td>{{row.internalAuditRequirement.requirement}}</td>                <!--<td><input type="checkbox" ng-model="row.result" class="form-control"></td>-->                <td>                    <span ng-hide="data.completed" checkbox-zero-one ng-model="row.result" checkbox-id="ost"></span>                    <i ng-show="data.completed && (row.result == 1)" class="fa fa-check-square-o fa-2x" />                </td>                <td><input ng-hide="data.completed" type="text" ng-model="row.note" class="form-control"><span ng-show="data.completed">{{row.note}}</span></td>            </tr>        </tbody>    </table><!--</form>-->');t.put('/app/partials/widgets/ccPlanSelection.html','<div class="text-center row">        <h5>Your monthly inspections: {{avgInspections}}</h5></div>      <br/><div ng-show="expanded" class="row">        <div ng-repeat="plan in planTypes">        <div ng-show="plan.visible" class="col-lg-3 col-sm-6">            <div class="panel" ng-class="{\'panel-primary\':(selectedPlan == plan.id || selectedPlan == plan.yearlyPlanId), \'panel-info\':(selectedPlan != plan.id && selectedPlan != plan.yearlyPlanId)}">                <div class="panel-heading">                    <h3 class="panel-title text-center">{{plan.name}}</h3>                </div>                <div class="panel-body" style="min-height: 180px">                    <div class="text-center text-primary"><b>{{plan.ipm}}</b> inspections per month</div>                    <hr/>                    {{plan.description}}<br/> &nbsp;                </div>                 <div class="panel-footer clearfix">                    <p ng-show="plan.id != selectedPlan && plan.yearlyPlanId != selectedPlan" class="text-center">Select Plan</p>                    <p ng-show="plan.id == selectedPlan || plan.yearlyPlanId == selectedPlan" class="text-center">Selected Plan</p>                    <div class="text-center">                                                <!--  <button ng-show="plan.id == selectedPlan" class="btn" ng-click="selectPlan(plan.id)" ng-class="planClass(plan.id)">Selected</button>                        -->                        <button ng-show="plan.id == 1" class="btn" ng-click="selectPlan(plan.id)" ng-class="planClass(plan.id)">Free</button>                                                                        <button ng-hide="plan.id == 1" class="btn" ng-disabled="!plan.allowed" ng-click="selectPlan(plan.id)" ng-class="planClass(plan.id)">Monthly {{plan.price}}</button>                        <button ng-hide="plan.id == 1" class="btn" ng-disabled="!plan.allowed" ng-click="selectPlan(plan.yearlyPlanId)" ng-class="planClass(getPlanById(plan.yearlyPlanId).id)">Yearly {{getPlanById(plan.yearlyPlanId).price}}</button>                    </div>                </div>            </div>        </div>    </div>             </div><div class="row text-center">    <h5>* Yearly plans receive one month free.</h5></div>');t.put('/app/partials/widgets/dateSelection.html','<p class="input-group" style="overflow: visible">    <input type="text" ng-click="open($event)" class="form-control" uib-datepicker-popup="{{format}}" ng-model="date" is-open="opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />    <span class="input-group-btn">        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>    </span></p>');t.put('/app/partials/widgets/inspectionDetails.html','<div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>        <h4 ng-show="inspection.inspectionType == \'RoadworthyInspection\'" class="modal-title" id="myModalLabel"><i class="fa fa-car"/> Inspection Details</h4>        <h4 ng-show="inspection.inspectionType == \'WorkshopJob\'" class="modal-title" id="H1"><i class="fa fa-wrench"/> Workshop Job Details</h4></div><div class="modal-body">    <div id="printable" class="widget-content">        <div class="visible-print text-center">            <h4 ng-show="inspection.inspectionType == \'RoadworthyInspection\'" >{{companyName}} - Inspection Details</h4>            <h4 ng-show="inspection.inspectionType == \'WorkshopJob\'"><i class="fa fa-wrench"/>{{companyName}} -  Workshop Job Details</h4>                                    <hr/>        </div>            <form name="userForm" ng-submit="submitForm()" autocomplete="off" novalidate>                        <div class="row">                            <div class="row col-md-12">                                    <div class="col-md-3">                                                <p ng-show="inspection.inspectionType == \'RoadworthyInspection\'"><b>Certificate Number</b></p>                        <p ng-show="inspection.inspectionType == \'WorkshopJob\'"><b>Job Number</b></p>                                                    </div>                    <div class="col-md-3">                        <!-- Roadworthy Certificate Number -->                        <div ng-class="{ \'has-error\' : userForm.roadworthyCertNo.$invalid && !userForm.roadworthyCertNo.$pristine }">                                                        <input type="text" name="roadworthyCertNo" class="form-control input-sm text-capitalize" ng-model="inspection.roadworthyCertNumber" required>                            <p ng-show="userForm.roadworthyCertNo.$invalid && !userForm.roadworthyCertNo.$pristine" class="help-block">Roadworthy certificate number is required.</p>                        </div>                                            </div>                                                    <div class="col-md-3"><b>Mechanic</b></div>                    <div class="col-md-3"><select class="form-control input-sm" ng-model="dtPicker.inspection.mechanic" ng-options="mechanic.customer.firstName for mechanic in dtPicker.mechanics"></select></div>                                </div>                                        </div>                                <div class="row">                            <div class="row col-md-12">                                    <div class="col-md-3">                        <b>First Inspection</b>                            </div>                    <div class="col-md-3">                                                <div ng-class="{ \'has-error\' : userForm.firstInspectionDate.$invalid && !userForm.firstInspectionDate.$pristine }">                            <p class="input-group dropdown-big">                                                                <input type="text" name="firstInspectionDate" class="form-control input-sm" uib-datepicker-popup="{{dtPicker.InspectionDtpFormat}}" ng-model="inspection.firstInspectionDate" show-weeks="false" is-open="dtPicker.FirstInspectionDtpOpened" min-date="dtPicker.minDate" max-date="dtPicker.maxDate" datepicker-options="dtPicker.dateOptions" required"/>                                                                <span class="input-group-btn">                                    <button type="button" class="btn btn-default input-sm" ng-click="dtPicker.open($event, \'FirstInspectionDtp\')"><i class="glyphicon glyphicon-calendar"></i></button>                                </span>                                <p ng-show="userForm.firstInspectionDate.$invalid && !userForm.firstInspectionDate.$pristine" class="help-block">Inspection date is required.</p>                            </p>                                                    </div>                    </div>                                                                                                       <div class="col-md-3"><b>Outcome</b></div>                    <div class="col-md-3">                        <select class="form-control input-sm"                                 ng-change="onOutcomeChanged()"                                 ng-model="inspection.firstInspectionStatus"                                 ng-options="item.id as item.name for item in outcomes">                        </select>                                                                                       </div>                                                                                        </div>                                        </div>                        <div class="row" ng-show="isSecondInspectionActivated()">                            <div class="row col-md-12">                                    <div class="col-md-3"><b>Second Inspection</b></div>                    <div class="col-md-3">                        <p class="input-group dropdown-big">                            <input type="text" class="form-control input-sm" uib-datepicker-popup="{{dtPicker.InspectionDtpFormat}}" ng-model="inspection.secondInspectionDate" is-open="dtPicker.SecondInspectionDtpOpened" min-date="dtPicker.minDate" max-date="dtPicker.maxDate" datepicker-options="dtPicker.dateOptions" ng-change="onSecondInspectionDateUpdated()" />                            <span class="input-group-btn">                                <button type="button" class="btn btn-default" ng-click="dtPicker.open($event, \'SecondInspectionDtp\')"><i class="glyphicon glyphicon-calendar"></i></button>                            </span>                        </p>                                            <!--<cc-date-selection id="cc-date-secondInspectionDate" date="inspection.secondInspectionDate"></cc-date-selection>                    -->                    </div>                                                    <div class="col-md-3"><b>Outcome</b></div>                    <div class="col-md-3">                        <select class="form-control" ng-change="onOutcomeChanged()" ng-model="inspection.secondInspectionStatus" ng-options="item.id as item.name for item in outcomes"></select>                     </div>                                </div>                                        </div>                            <br/>            <div class="row">            <div class="col-md-12">            <!--<tabset justified="true">-->            <uib-tabset id="printableTabs" justified="false">            <uib-tab>                <uib-tab-heading>                    <div class="visible-xs-block"><i class="fa fa-car fa-3x" title="Vehicle Details"></i>                    </div>                    <div class="hidden-xs"><i class="fa fa-car" title="Vehicle Details"> Vehicle</i>                    </div>                </uib-tab-heading>                <div class="visible-print"><i class="fa fa-car fa-2x" title="Vehicle Details"> Vehicle</i><hr/>                </div>                <br/>                <!--<form class="form-horizontal">-->                <div class="row">                    <div class="col-md-4">                        <div class="row">                            <div class="col-md-4">                                <label for="inputMake" class="control-label">Make</label>                            </div>                            <div class="col-md-8">                                <div ng-class="{ \'has-error\' : userForm.inputMake.$invalid && !userForm.inputMake.$pristine }">                                    <input id="inputMake" name="inputMake" class="form-control text-capitalize input-sm" type="text" maxlength="50" data-ng-model="inspection.inspectionVehicle.make" title="Vehicle Make" tabindex=1                                           uib-typeahead="vehicle.make for vehicle in vehicleMakes | filter:$viewValue | limitTo:8"/>                                    <p ng-show="userForm.inputMake.$invalid && !userForm.inputMake.$pristine" class="help-block">Invalid Make.</p>                                </div>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label for="inputModel" class="control-label">Model</label>                            </div>                            <div class="col-md-8">                                <div ng-class="{ \'has-error\' : userForm.inputModel.$invalid && !userForm.inputModel.$pristine }">                                    <input id="inputModel" name="inputModel" class="form-control text-capitalize input-sm" type="text" maxlength="50" data-ng-model="inspection.inspectionVehicle.model" title="Vehicle Model" tabindex=2                                           uib-typeahead="model for model in getModels() | filter:$viewValue | limitTo:8"/>                                    <p ng-show="userForm.inputModel.$invalid && !userForm.inputModel.$pristine" class="help-block">Invalid Model.</p>                                </div>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">Type</label>                            </div>                            <div class="col-md-8">                                <div ng-class="{ \'has-error\' : userForm.vehicleTypes.$invalid && !userForm.vehicleTypes.$pristine }">                                    <input id="vehicleTypes" name="vehicleTypes" class="form-control input-sm" type="text" maxlength="50" data-ng-model="inspection.inspectionVehicle.vehicleType" title="Vehicle Type" tabindex=3                                           uib-typeahead="vt for vt in vehicleTypes | filter:$viewValue | limitTo:8"                                           uib-typeahead-editable="true"/>                                    <p ng-show="userForm.vehicleTypes.$invalid && !userForm.vehicleTypes.$pristine" class="help-block">Invalid Vehicle Type.</p>                                </div>                            </div>                        </div>                    </div>                    <div class="col-md-4">                        <div class="row">                            <div class="col-md-4">                                <label for="inputRego" class="control-label">Rego</label>                            </div>                            <div class="col-md-8">                                <div ng-class="{ \'has-error\' : userForm.inputRego.$invalid && !userForm.inputRego.$pristine }">                                    <input type="text" name="inputRego" class="form-control input-sm" id="inputRego" maxlength="50" ng-model="inspection.inspectionVehicle.rego" tabindex=4>                                    <p ng-show="userForm.inputRego.$invalid && !userForm.inputRego.$pristine" class="help-block">Invalid Rego.</p>                                </div>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">VIN</label>                            </div>                            <div class="col-md-8">                                <input type="text" class="form-control input-sm" id="inputVin" maxlength="50" ng-model="inspection.inspectionVehicle.vIN" tabindex=5>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">Engine No</label>                            </div>                            <div class="col-md-8">                                <input type="text" class="form-control input-sm" id="inputEngNo" maxlength="50" ng-model="inspection.inspectionVehicle.engNo" tabindex=6>                            </div>                        </div>                    </div>                    <div class="col-md-4">                        <div class="row">                            <div class="col-md-4">                                <label for="inputBuildDate" class="control-label">Build Date</label>                            </div>                            <div class="col-md-8">                                <p class="input-group dropdown-big hackyhack">                                    <input type="text" class="form-control input-sm" uib-datepicker-popup="MM/yyyy" ng-model="inspection.inspectionVehicle.buildDate" is-open="dtPicker.opened" datepicker-options="{minMode: \'month\'}" datepicker-mode="\'year\'" close-text="Close" tabindex=7/>                                    <span class="input-group-btn">                                                        <button type="button" class="btn btn-default input-sm" ng-click="dtPicker.open($event, \'no\')"><i class="glyphicon glyphicon-calendar" tabindex=-1></i></button>                                                    </span>                                </p>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label text-capitalize">Colour</label>                            </div>                            <div class="col-md-8">                                <input id="vehicleColour" class="form-control input-sm" type="text" maxlength="25" data-ng-model="inspection.inspectionVehicle.colour" title="Vehicle Colour" tabindex=8                                       uib-typeahead="colour for colour in vehicleColours | filter:$viewValue | limitTo:8"                                       uib-typeahead-editable="true"/>                            </div>                        </div>                    </div>                </div>                <div class="row top-buffer">                    <div class="col-md-4">                        <div class="row">                            <div class="form-group col-md-12">                                <label>First Inspection Odo</label>                                <input type="text" class="form-control input-sm" id="inputFirstOdo" ng-model="inspection.inspectionVehicle.odometer" tabindex=9>                            </div>                        </div>                    </div>                    <div class="col-md-4">                        <div class="row">                            <div ng-show="isSecondInspectionActivated()" class="form-group col-md-12">                                <label>Second Inspection Odo</label>                                <input type="text" class="form-control input-sm" id="inputSecondOdo" ng-model="inspection.inspectionVehicle.secondOdometer" tabindex=10>                            </div>                        </div>                    </div>                </div>                <div class="row">                    <div class="form-group col-md-12">                        <label>Notes</label>                        <textarea class="input-sm form-control hidden-print" rows="6" ng-model="inspection.inspectionVehicle.note" tabindex=11></textarea>                        <pre class="visible-print">{{inspection.inspectionVehicle.note}}</pre>                    </div>                </div>            </uib-tab>            <uib-tab>                <uib-tab-heading>                    <div class="visible-xs-block"><i class="fa fa-user fa-3x" title="Customer Details"></i>                    </div>                    <div class="hidden-xs"><i class="fa fa-user" title="Customer Details"> Customer</i>                    </div>                </uib-tab-heading>                <div class="visible-print"><i class="fa fa-user fa-2x" title="Vehicle Details"> Customer</i><hr/>                </div>                <br/>                <div class="row">                    <div class="col-md-5">                        <div class="row">                            <div class="col-md-5">                                <label class="control-label">First Name</label>                            </div>                            <div class="col-md-7">                                <input type="text" class="form-control input-sm" id="Text3" ng-model="inspection.customer.firstName" tabindex=1/>                            </div>                        </div>                        <div class="row">                            <div class="col-md-5">                                <label class="control-label">Last Name</label>                            </div>                            <div class="col-md-7">                                <input type="text" class="form-control text-capitalize input-sm" id="Text4" ng-model="inspection.customer.lastName" tabindex=2/>                            </div>                        </div>                        <div class="row">                            <div class="col-md-5">                                <label class="control-label">Contact Number</label>                            </div>                            <div class="col-md-7">                                <input type="text" class="form-control input-sm" id="Text6" ng-model="inspection.customer.contactNumber" tabindex=3>                            </div>                        </div>                        <div class="row">                            <div class="col-md-5">                                <label class="control-label">License No</label>                            </div>                            <div class="col-md-7">                                <input type="text" class="form-control input-sm" id="Text7" ng-model="inspection.customer.licenseNo" tabindex=4>                            </div>                        </div>                    </div>                    <div class="col-md-7">                        <!--<div class="row">                            <div class="col-md-12">                                <div class="input-group">                                    <div class="input-group-addon"><i class="fa fa-search"></i></div>                                    <input type="search" id="Autocomplete2" placeholder="Search Address" ng-model="autocomplete" class="form-control input-sm" ng-autocomplete options="options" details="details"/>                                </div>                            </div>                        </div>-->                        <div class="row">                            <!--<div class="form-group">-->                            <div class="col-md-4">                                <label class="control-label">Unit / Street No</label>                            </div>                            <!--<div class="col-md-3">                                <input type="text" class="form-control input-sm" id="Text8" ng-model="inspection.customer.address.unitNo" tabindex=5>                            </div>                            <div class="col-md-1">/</div>-->                            <div class="col-md-8">                                <!--<input type="text" class="form-control input-sm" id="Text9" ng-model="inspection.customer.address.streetNo" tabindex=6>-->                                <input type="text" id="Autocomplete3" placeholder="Search for address or unit / street number" ng-model="inspection.customer.address.streetNo" class="form-control input-sm" ng-autocomplete options="options" details="details" tabindex=5/>                            </div>                            <!--</div>-->                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">Street</label>                            </div>                            <div class="col-md-8">                                <input type="text" class="form-control text-capitalize input-sm" id="Text12" ng-model="inspection.customer.address.street" tabindex=6/>                                <!--<input type="text" class="form-control text-capitalize input-sm" id="Text12" ng-model="autocomplete" ng-autocomplete options="options" details="addressDetails"/>-->                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">Suburb</label>                            </div>                            <div class="col-md-8">                                <input type="text" class="form-control text-capitalize input-sm" id="Text13" ng-model="inspection.customer.address.suburb" tabindex=7/>                            </div>                        </div>                        <div class="row">                            <div class="col-md-4">                                <label class="control-label">State / Post Code</label>                            </div>                            <div class="col-md-4">                                <select class="form-control" ng-model="inspection.customer.address.state" ng-options="item.id as item.name for item in states" tabindex=8></select>                            </div>                            <div class="col-md-1">/</div>                            <div class="col-md-3">                                <input type="text" class="form-control input-sm" id="Text14" ng-pattern="onlyNumbers" title="Enter postcode" ng-model="inspection.customer.address.postCode" tabindex=9/>                            </div>                        </div>                    </div>                </div>                <div class="row">                    <div class="form-group col-md-12">                        <label>Notes</label>                        <textarea class="input-sm form-control hidden-print" rows="6" ng-model="inspection.customer.note" tabindex=10></textarea>                        <pre class="visible-print">{{inspection.customer.note}}</pre>                      </div>                </div>                <!--<form class="form-horizontal">-->            </uib-tab>            <uib-tab class="hidden-print"><!-- heading="Images">-->                <uib-tab-heading>                    <div class="visible-xs-block"><i class="fa fa-camera-retro fa-3x" title="Images"></i>                    </div>                    <div class="hidden-xs"><i class="fa fa-camera-retro" title="Images"> Photos</i>                    </div>                </uib-tab-heading>                <div class="hidden-print"id="scrollbox3">                    <!--<div ng-show="images == null" data-cc-spinner="vm.spinnerOptions"></div>-->                    <div ng-repeat="image in images | filter: { isDeleted: false }" class="col-md-3 col-sm-4 col-xs-12" width="100%">                        <div class="hidden-print img-wrap-close">                            <a href="" data-ng-click="deleteImage(image)"><i class="fa fa-trash-o" title="Remove Image"></i></a>                        </div>                        <a ng-if="image.attachmentType == 0" href="{{image.highResUrl}}" target="_blank" analytics-on="click" analytics-event="View Image" analytics-category="Inspection Details">                            <img ng-src="{{image.thumbnailUrl}}" fallback-src loading-src class="img-responsive img-thumbnail" width="100%" />                        </a>                        <video ng-if="image.thumbnailUrl && image.attachmentType == 1" class="img-thumbnail" height="118" controls poster="{{image.thumbnailUrl}}" preload="none" src="{{image.highResUrl | trustUrl}}" type="video/mp4">                            Your browser does not support HTML5 video.                        </video>                    </div>                </div>                <br/>            </uib-tab>            <uib-tab class="hidden-print"><!-- heading="Customer Complaint">-->                <uib-tab-heading>                    <div class="visible-xs-block"><i class="fa fa-thumbs-o-down fa-3x" title="Customer Complaint"></i>                    </div>                    <div class="hidden-xs"><i class="fa fa-thumbs-o-down" title="Customer Complaint"> Customer Complaint</i>                    </div>                </uib-tab-heading>                <br/>                <div class="hidden-print" id="scrollbox4">                    <div class="pull-right"><button type="button" class="btn btn-default" ng-click="clearComplaint()"><i class="fa fa-times" title="Clear customer complaint"> Clear complaint</i></button>                    </div>                    <div class="row top-buffer">                        <div class="form-group col-md-12">                            <label>Complaint Information</label>                            <textarea class="input-sm form-control" rows="6" ng-model="inspection.customerComplaint"></textarea>                        </div>                    </div>                </div>            </uib-tab>            </uib-tabset>            </div>            <!--<div class="col-sm-12 col-md-8">-->            <div class="hidden-print row col-md-12">                <div class="button" ng-file-select ng-model="files" ng-file-change="saveThenUpload($files, $event, [])" ng-hide="uploadingImages" image="image1" resize-max-height="1000" resize-max-width="1000" resize-quality="0.7" resize-type="image/jpg">                                        <div ngf-no-file-drop>File Drag/Drop is not supported for this browser</div>                    <!--<div ngf-drop ngf-select ng-model="files" class="drop-box" ngf-change="onFileSelect($files, $event, $rejectedFiles)" ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="false" accept="image/*">Drop Images here (or click) to attach images to this inspection</div>-->                    <div ngf-drop ngf-select ng-model="files" class="drop-box" ngf-change="saveThenUpload($files, $event, $rejectedFiles)" ngf-drag-over-class="dragover" ngf-multiple="true" ngf-allow-dir="false" accept="video/*|image/*" image="image2" resize-max-height="1000" resize-max-width="1000" resize-quality="0.7" resize-type="image/jpg">Drop Images here (or click) to attach images to this inspection</div>                    <!--<div ng-file-drop ng-file-change="onFileSelect($files, $event, $rejectedFiles)" ng-model="files" class="drop-box" drag-over-class="dragover" multiple="true" allow-dir="false" accept="image/*">                        Drop Images here (or click) to attach images to this inspection                    </div>-->                </div>                <div ngf-no-file-drop>                    <input type="file" ngf-select="saveThenUpload($files, $event, $rejectedFiles)" multiple accept="image/*" image="image1" resize-max-height="1000" resize-max-width="1000" resize-quality="0.7" resize-type="image/jpg">                </div>                                <div class="col-xs-12" ng-show="uploadingImages">                    <div ng-repeat="(id, value) in upload">                        <div ng-if="value.completed != true" class="progress">                            <div ng-class="{ \'progress-bar-success\': value.progress >= 100, \'progress-bar-danger\': value.error != null }" class="progress-bar" role="progressbar" ng-style="{ \'width\': value.progress + \'%\' }">                                <div ng-show="value.progress < 100">Uploading ({{value.file.name}})</div>                                <div ng-show="value.progress >= 100">Processing ({{value.file.name}})</div>                            </div>                        </div>                    </div>                </div>                <div data-ng-hide="fileDropError == \'\'" class="alert alert-danger">                    {{fileDropError}}                </div>            </div>            </div>            <div class="hidden-print">                <div class="row">&nbsp;</div>                <div class="modal-footer">                    <!-- <div class="col-sm-12 col-md-4">-->                    <a class="btn btn-success" cc-print print-element-id="printable" value="Print"><span class="glyphicon glyphicon-print"></span><span class="hidden-sm hidden-xs"> Print</span></a>                    <button type="button" class="btn btn-default" ng-click="cancel()">Close</button>                    <button type="button" class="btn btn-primary" ng-click="save(true)" ng-disabled="(userForm.$dirty && userForm.$invalid) || (userForm.$pristine && !imageAdded) || savingChanges">{{saveButtonText}}</button>                    <!--<button type="submit" class="btn btn-primary" ng-disabled="vm.updatingAccount" ng-click="vm.saveChanges()">Save Changes <i ng-show="vm.updatingAccount" class="fa fa-spinner fa-pulse"></i></button>-->                    <!--<button type="button" class="btn btn-primary" ng-click="save()">Save Changes</button>-->                    <!-- <button type="submit" class="btn btn-primary" ng-disabled="userForm.$invalid">Save Changes</button>-->                    <!--</div>-->                </div>            </div>        </form>    </div></div>');t.put('/app/partials/widgets/internalAuditsSummary.html','<div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div><div class="row text-left text-info print-padding-left">        <div class="col-md-12">        <table class="table table-responsive table-hover table-striped">            <thead>                <tr>                    <th>Date</th>                    <th>Conducted By</th>                    <th>Completed</th>                </tr>            </thead>            <tbody>                <!--<div class="visible-xs" style="height: 20px; overflow:auto;">-->                <tr data-ng-repeat="p in vm.audits" analytics-on="click" analytics-event="View Details" analytics-category="Inspections" ng-class="vm.getTableRowClass(p)" data-ng-click="vm.clickTbl(p)">                    <!--<tr data-ng-repeat="p in vm.inspections" data-ng-click="vm.clickTbl(p)">-->                    <td class="">{{p.date | date:\'short\'}}</td>                    <td class="">{{p.conductedBy}}</td>                    <td class=""><i ng-show="p.isCompleted" class="fa fa-check-square-o" style="font-size:1.1em"></i></td>                </tr>            </tbody>        </table>    </div></div><!--<div class="widget-foot">--><!--<div class="text-center hidden-print">    <div class="clearfix"></div>    <uib-pagination total-items="vm.paging.totalItems" max-size="vm.paging.maxSize" ng-model="vm.paging.currentPage" ng-change="vm.pageChanged()" rotate="true" items-per-page="vm.paging.pageSize"></pagination>    <div class="clearfix"></div></div>-->');t.put('/app/partials/widgets/mechanicDetails.html','<div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>    <h4 class="modal-title" id="myModalLabel">Mechanic Details</h4></div><div class="modal-body">        <form name="userForm" ng-submit="submitForm()" novalidate>        <div class="widget-content">            <div class="form-group" ng-class="{ \'has-error\' :userForm.firstName.$invalid && !userForm.firstName.$pristine }">                <label>First Name</label>                <input type="text" name="firstName" class="form-control input-sm" ng-model="mechanic.customer.firstName" required>                <p ng-show="userForm.firstName.$invalid && !userForm.firstName.$pristine" class="help-block">Mechanics name is required.</p>            </div>            <div class="form-group" ng-class="{ \'has-error\' :userForm.lastName.$invalid && !userForm.lastName.$pristine }">                <label>Last Name</label>                <input type="text" name="lastName" class="form-control input-sm" ng-model="mechanic.customer.lastName" required>                <p ng-show="userForm.lastName.$invalid && !userForm.lastName.$pristine" class="help-block">Mechanics name is required.</p>            </div>            <div class="form-group" ng-class="{ \'has-error\' :userForm.qualifications.$invalid && !userForm.qualifications.$pristine }">                <label>Qualificaitons</label>                                <textarea name="qualifications" class="input-sm form-control" rows="3" ng-model="mechanic.qualifications"></textarea>                    </div>                                                                                            <div class="row"></div>                <div class="modal-footer">                <button type="button" class="btn btn-default" ng-click="cancel()">Close</button>                <!--<button type="button" class="btn btn-primary" ng-click="save()" ng-disabled="(userForm.$dirty && userForm.$invalid) || userForm.$pristine">Save Changes</button>-->                <!--<button type="button" class="btn btn-primary" ng-click="save()">Save Changes</button>-->                  <button type="submit" class="btn btn-primary" ng-disabled="userForm.$invalid" ng-click="save()">Save Changes</button>            </div>                </div>    </form></div>');t.put('/app/partials/widgets/planSelectionDlg.html','<div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>        <h4>Select Plan</h4>          </div><div class="modal-body">        <div class="row">        <div class="widget-content">                <div class="col-lg-3 col-sm-6">                <div class="panel panel-success">                    <div class="panel-heading" >                        <h3 class="panel-title">Starter - Free</h3>                    </div>                    <div class="panel-body">4 inspections per month                        <hr/>                        Just got your license? or want to give Roadworthy Logbook a try first.  This is the plan for you.                    </div>                     <div class="panel-footer clearfix">                        <div class="text-center">                            <button class="btn btn-default" ng-click="selectPlan(vm.planTypes[1])">Select</button>                            <!--<a href="#register" class="btn btn-default" analytics-on="click" analytics-event="Starter" analytics-category="Switch Plan">Get Started</a>-->                        </div>                    </div>                </div>            </div>            <div class="col-lg-3 col-sm-6">                <div class="panel panel-info">                    <div class="panel-heading">                        <h3 class="panel-title">Basic - $14.95</h3>                    </div>                    <div class="panel-body">20 inspections per month                        <hr/>                        For those who only do a handful of inspections each week<br/> &nbsp;                    </div>                     <div class="panel-footer clearfix">                        <div class="text-center page-scroll">                            <!--<a href="#register" class="btn btn-default" analytics-on="click" analytics-event="Register Basic" analytics-category="Pricing">Get Started</a>-->                            <button class="btn btn-default" ng-click="vm.selectPlan(vm.planTypes[2])">Select</button>                        </div>                    </div>                </div>            </div>            <div class="col-lg-3 col-sm-6">                <div class="panel panel-primary">                    <div class="panel-heading">                        <h3 class="panel-title">Standard - $24.95</h3>                    </div>                    <div class="panel-body">                        75 inspections per month                        <hr/>                        This is our recommended plan which suits most people<br/> &nbsp;                    </div>                     <div class="panel-footer clearfix">                        <div class="text-center page-scroll">                            <!--<a href="#register" class="btn btn-default" analytics-on="click" analytics-event="Register Standard" analytics-category="Pricing">Get Started</a>-->                            <button class="btn btn-default" ng-click="vm.selectPlan(vm.planTypes[3])">Select</button>                        </div>                    </div>                </div>            </div>            <div class="col-lg-3 col-sm-6">                <div class="panel panel-info">                    <div class="panel-heading">                        <h3 class="panel-title">Unlimited - $34.95</h3>                    </div>                    <div class="panel-body">Unlimited inspections                        <hr/>                        For those who specialise in roadworthy inspections <br/> &nbsp;                    </div>                     <div class="panel-footer clearfix">                        <div class="text-center page-scroll">                            <!--<a href="#register" class="btn btn-default" analytics-on="click" analytics-event="Register Unlimited" analytics-category="Pricing">Get Started</a>-->                            <button class="btn btn-default" ng-click="vm.selectPlan(vm.planTypes[4])">Select</button>                        </div>                    </div>                </div>            </div>            </div>    </div></div>');t.put('/app/partials/widgets/tab1.html','                            <div class="col-md-12">                                <div class="form-group">                                    <div class="row">                                                                            <label for="inputMake" class="control-label col-md-2">Make</label>                                        <div class="col-md-2"><input type="text" class="form-control text-capitalize input-sm" id="Text5" ng-model="inspection.InspectionVehicle.Make" tabindex=1></div>                                        <label for="inputRego" class="control-label col-md-2">Rego</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="Rego" ng-model="inspection.InspectionVehicle.Rego" tabindex=4>                                        </div>                                                <label for="inputBuildDate" class="control-label col-md-2">Build Date</label>                                        <div class="col-md-2">                                            <p class="input-group">                                                <input type="text" class="form-control input-sm" uib-datepicker-popup="{{dtPicker.monthFormat}}" ng-model="inspection.InspectionVehicle.BuildDate" is-open="dtPicker.opened" min-date="dtPicker.minDate" max-date="dtPicker.maxDate" datepicker-mode="month" datepicker-options="dtPicker.dateOptions" datepicker-mode="year" show-weeks="false" date-disabled="dtPicker.disabled(date, mode)"  close-text="Close"  tabindex=7/>                                                <span class="input-group-btn">                                                    <button type="button" class="btn btn-default" ng-click="dtPicker.open($event, \'no\')"><i class="glyphicon glyphicon-calendar" tabindex=-1></i></button>                                                </span>                                            </p>                                        </div>                                    </div>                                    <div class="row">                                                <label class="control-label text-capitalize col-md-2">Model</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="model" ng-model="inspection.InspectionVehicle.Model" tabindex=2>                                                    </div>                                        <label class="control-label col-md-2">VIN</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="vehicleVIN" ng-model="inspection.InspectionVehicle.VIN" tabindex=5>                                        </div>                                                <label class="control-label text-capitalize col-md-2">Colour</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="vehicleColor" ng-model="inspection.InspectionVehicle.Colour" tabindex=8>                                        </div>                                    </div>                                            <div class="row">                                                <label class="control-label col-md-2">Type</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control text-capitalize input-sm" id="vehicleTypeInput" ng-model="inspection.InspectionVehicle.VehicleType" list="vehicleTypeList"  tabindex=3>                                                        <datalist id="vehicleTypeList">                                                <option value="Sedan">                                                <option value="Hatchback">                                                <option value="Wagon">                                                <option value="Ute">                                              </datalist>                                        </div>                                        <label class="control-label col-md-2">Engine No</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="Text2" ng-model="inspection.InspectionVehicle.EngNo" tabindex=6>                                        </div>                                                       </div>                                            <div class="row">                                                <label class="control-label col-md-2">First Inspection Odo</label>                                        <div class="col-md-2">                                            <input type="text" class="form-control input-sm" id="Text10" ng-model="inspection.InspectionVehicle.Odometer" tabindex=9>                                                    </div>                                                                                <div ng-show="isSecondInspectionActivated()">                                            <label class="control-label col-md-2">Second Inspection Odo</label>                                            <div class="col-md-2">                                                <input type="text" class="form-control input-sm" id="Text11" ng-model="inspection.InspectionVehicle.SecondOdometer" tabindex=10>                                            </div>                                        </div>                                               </div>                                                                                                            <div class="form-group col-md-12">                                        <label>Notes</label>                                        <textarea class="input-sm form-control" rows="6" ng-model="inspection.InspectionVehicle.Note"></textarea>                                                </div>                                                                                                </div>                            </div>');t.put('/app/partials/widgets/tab2.html','                            <div class="col-md-12">                                                                <div class="row">                                            <label class="control-label col-md-2">First Name</label>                                    <div class="col-md-3">                                        <input type="text" class="form-control input-sm" id="Text1" ng-model="inspection.Customer.FirstName">                                                </div>                                    <label class="control-label col-md-2">Unit / Street No</label>                                                                        <div class="col-md-2">                                                                                    <input type="text" class="form-control input-sm" id="unitNo" ng-model="inspection.Customer.CustomerAddress.UnitNo">                                    </div>                                        <div class="col-md-1">/</div>                                    <div class="col-md-2">                                        <input type="text" class="form-control input-sm" id="inputStreetNo" ng-model="inspection.Customer.CustomerAddress.StreetNo">                                    </div>                                                            </div>                                <!--                                <div class="row">                                                                                                            <div class="col-xs-2"><label for="inputFirstName" class="control-label">First Name</label></div>                                                                        <div class="col-xs-3"><input type="text" class="form-control text-capitalize input-sm" id="inputFirstName" ng-model="inspection.Customer.FirstName"></div>                                                                                                                                                                                                                                                                                                              <label class="control-label col-md-2">Unit / Street No</label>                                                                                                                <div class="col-md-2">                                                                            <input type="text" class="form-control input-sm" id="inputStreetNo" ng-model="inspection.Customer.CustomerAddress.UnitNo">                                                                        </div>                                                                            <div class="col-md-1">/</div>                                                                        <div class="col-md-2">                                                                            <input type="text" class="form-control input-sm" id="Text19" ng-model="inspection.Customer.CustomerAddress.StreetNo">                                                                        </div>                                                                                                                                                                                                                              </div>                                    -->                                <div class="row">                                            <label class="control-label col-md-2">Last Name</label>                                    <div class="col-md-3">                                        <input type="text" class="form-control text-capitalize input-sm" id="lastName" ng-model="inspection.Customer.LastName">                                                </div>                                    <label class="control-label col-md-2">Street</label>                                    <div class="col-md-5">                                        <input type="text" class="form-control text-capitalize input-sm" id="streetInput" ng-model="inspection.Customer.CustomerAddress.Street">                                    </div>                                                                           </div>                                        <div class="row">                                            <label class="control-label col-md-2">Contact Number</label>                                                                            <div class="col-md-3">                                        <input type="text" class="form-control input-sm" id="Text15" ng-model="inspection.Customer.ContactNumber">                                                </div>                                    <label class="control-label col-md-2">Suburb</label>                                    <div class="col-md-5">                                        <input type="text" class="form-control text-capitalize input-sm" id="Text16" ng-model="inspection.Customer.CustomerAddress.Suburb">                                    </div>                                                   </div>                                        <div class="row">                                            <label class="control-label col-md-2">License No</label>                                    <div class="col-md-3">                                        <input type="text" class="form-control input-sm" id="Text17" ng-model="inspection.Customer.LicenseNo">                                                </div>                                    <label class="control-label col-md-2">State / Post Code</label>                                                                        <div class="col-md-2">                                        <select class="form-control" ng-model="inspection.Customer.CustomerAddress.State" ng-options="item.id as item.name for item in states"></select>                                     </div>                                        <div class="col-md-1">/</div>                                    <div class="col-md-2">                                        <input type="text" class="form-control input-sm" id="Text18" ng-pattern="onlyNumbers" title="Enter postcode" ng-model="inspection.Customer.CustomerAddress.PostCode">                                                                                                                                                                                                                                                                                                   </div>                                                            </div>                                <div class="form-group col-md-12">                                    <label>Notes</label>                                    <textarea class="input-sm form-control" rows="6" ng-model="inspection.Customer.Note"></textarea>                                                    </div>                                                                                                                        <!--</div>-->                            </div>                            ');t.put('/app/partials/widgets/tab3.html','  <div id="scrollbox3">                                                                <div class="">                                                                                                            <div ng-repeat="image in inspection.InspectionImages">                                        <a href="{{getImageUrl(image.Image_Id, 3096)}}" target="_blank"><img ng-src="{{getImageUrl(image.Image_Id, 150)}}" class="img-responsive img-thumbnail col-md-3 col-sm-4 col-xs-12" width="100%"></a>                                    </div>                                </div>                            </div>');t.put('/app/partials/widgets/tab4.html',' <div id="scrollbox4">                                                                <div class="pull-right"><button type="button" class="btn btn-default" ng-click="clearComplaint()"><i class="fa fa-times" title="Clear customer complaint"> Clear complaint</i></button></div>                                                                                                                                <div class="row">                                     <div class="form-group col-md-12">                                         <label>Complaint Information</label>                                                                                                                          <textarea class="input-sm form-control" rows="6" ng-model="inspection.CustomerComplaint"></textarea>                                                </div>                                </div>                            </div>');t.put('/app/reports/complianceReport.html','<section id="report-view" class="mainbar" data-ng-controller="complianceReport as vm">    <section class="matter">        <div class="container">                            <div class="widget wblue">                <div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div>                <div data-cc-widget-header title="Compliance Report"></div>                                                             <div class="row widget-content text-info">                    <div class="form">                        <div class="row">                            <div class="col-md-4">                                <label for="fromDate">Start Date</label>                                <cc-date-selection id="Cc-date-selection1" date="vm.searchCriteria.FromDate"></cc-date-selection>                                                </div>                            <div class="col-md-4">                                <label for="toDate">End Date</label>                                <cc-date-selection id="Cc-date-selection2" date="vm.searchCriteria.ToDate"></cc-date-selection>                            </div>                        </div>                        <br/>                        <div class="row">                            <div class="col-md-12">                                <button type="button" id="Button1" class="btn btn-primary" ng-disabled="vm.isInvalid()" ng-click="vm.generateReport()">Generate Report</button>                                                                 <a class="btn btn-success" ng-show="vm.reportGenerated" cc-print print-element-id="printable" value="Print"><span class="glyphicon glyphicon-print"></span><span class="hidden-sm hidden-xs"> Print Summary</span></a>                                              </div>                        </div>                    </div>                                                              </div>                                <div id="printable">                    <div id="printable" class="row widget-content text-info" ng-show="vm.reportGenerated">                                            <div class="col-md-12">                            <div class="visible-print text-center">                                <h3>{{vm.companyName}} - Inspection Audit</h3>                                   <h4>Tester Number: {{vm.testerNumber}}</h4>                                                     <h6>{{vm.searchCriteria.FromDate | date: "shortDate"}} - {{vm.searchCriteria.ToDate | date: "shortDate"}}</h6>                                <hr/>                            </div>                            <h4>Summary</h4>                            <table class="table table-condensed table-striped table-responsive">                                <thead>                                    <tr>                                        <th>Description</th>                                        <th>Number</th>                                    </tr>                                </thead>                                <tbody>                                    <tr data-ng-repeat="row in vm.data | orderBy: \'order\'" >                                        <td>{{row.description}}</td>                                        <td>{{row.count}}</td>                                    </tr>                                </tbody>                            </table>                        </div>                    </div>                                                        <div class="row widget-content text-info" ng-show="vm.reportGenerated">                        <h3>Inspections</h3>                        <cc-inspection-summary control="vm.summaryListControl" criteria="vm.searchCriteria" page-size="999"></cc-inspection-summary>                                       </div>                                    <div class="widget-foot">                        <div class="clearfix"></div>                    </div>                </div>                        </div>           </div>                                            </section></section>');t.put('/app/reports/internalAuditDetailsDlg.html','<form name="userForm" autocomplete="off" novalidate>    <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>        <h4 class="modal-title" id="myModalLabel"><i class="fa fa-check-square-o" /> Licensed Vehicle Tester Audit Checklist: {{internalAuditData.date |  date:\'short\'}}</h4>    </div>    <div class="modal-body ativa-scroll" style="min-height:350px" data-cc-modal-scroll>        <div ng-show="loading" data-cc-spinner="vm.spinnerOptions" style="min-height=500px">Loading audit details...</div>        <div ng-show="!loading" id="printable" class="widget-content">            <div class="visible-print text-center">                <h3>{{companyName}} - Internal Workshop Audit</h3>                <h4>Tester Number: {{testerNumber}}</h4>                <h6>Conducted By: {{internalAuditData.conductedBy}} - {{internalAuditData.date |  date:\'shortDate\'}}</h6>                <hr />            </div>            <cc-internal-audit-details data="internalAuditData">        </div>    </div>    <div class="modal-footer">        <!--<button type="button" class="btn btn-primary" ng-click="save()" ng-disabled="(userForm.$dirty && userForm.$invalid) || (userForm.$pristine && !imageAdded) || savingChanges">{{saveButtonText}}</button>-->        <a class="btn btn-success" ng-disabled="(userForm.$dirty && userForm.$invalid) || savingChanges" cc-print print-element-id="printable" value="Print"><span class="glyphicon glyphicon-print"></span><span class="hidden-sm hidden-xs"> Print</span></a>        <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>        <button ng-hide="completed" type="button" class="btn btn-primary" ng-click="complete()" ng-disabled="(userForm.$dirty && userForm.$invalid) || savingChanges">{{saveButtonText}}</button>    </div></form>');t.put('/app/reports/internalAudits.html','<section class="mainbar" data-ng-controller="internalAuditsController as vm">    <section class="matter">        <div class="container">                        <div class="row">                <div class="col-md-9">                    <div class="widget wblue">                        <div data-cc-widget-header title="{{vm.title}}"></div>                        <div class="widget-content">                            <div ng-show="vm.isBusy" data-cc-spinner="vm.spinnerOptions"></div>                            <button type="button" class="btn btn-default btn-sm pull-right" ng-click="vm.addItem($event)">                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Perform Audit                            </button>                            <br />                            <cc-internal-audit-summary control="vm.summaryListControl" criteria="vm.SearchCriteria" auto-load="true"></cc-internal-audit-summary>                                                    </div>                    </div>                </div>            </div>        </div>    </section></section>');}]);