mno-enterprise-frontend 2.0.9 → 3.0.0

data/app/assets/templates/mno_enterprise/default_template.html

@@ -1,20 +0,0 @@
-<div modal="modal.isOpen" bs-options="fade">
-  <script type="text/ng-template" id="internal-message-modal.html">
-    <!--Modal Header -->
-    <div class="modal-header">
-      <div class="close" type="button" ng-click="modal.close()" >×</div>
-      <h3>{{modal.title()}}</h3>
-    </div>
-
-     <!--Modal Body -->
-    <div class="modal-body">
-      <div ng-include src="templateUrl()">
-      </div>
-    </div>
-
-    <!--Modal Footer -->
-    <div class="modal-footer">
-      <button class="btn" ng-click="modal.close()">Close</button>
-    </div>
-  </script>
-</div>

data/app/assets/templates/mno_enterprise/maestrano-components/autostop_app.html

@@ -1,42 +0,0 @@
-<!-- Autostop App Modal-->
-<div>
-  <script type="text/ng-template" id="internal-autostop-modal.html">
-    <div style="margin-top:0;" class="autostop-app-modal">
-      <!-- Modal Header -->
-      <div class="modal-header">
-        <h3>
-          {{autostopModal.title}}
-        </h3>
-      </div>
-
-      <!-- Modal Body -->
-      <div class="modal-body">
-        <div class="alert alert-error" ng-show="autostopModal.errors">
-          <button class="close" ng-click="autostopModal.errors=''">×</button>
-          <ul>
-            <li ng-repeat="error in autostopModal.errors">{{error}}</li>
-          </ul>
-        </div>
-        <br/>
-        <h4 class="align-center">Please offline my app if idle for more than:</h4>
-        <br/>
-        <table class="table table-bordered table-duration">
-          <tr>
-            <td ng-repeat="duration in autostopModal.availableDurations()" class="seletable" ng-class="autostopModal.classFor(duration)" ng-click="autostopModal.select(duration)">
-              {{duration}}
-            </td>
-            <td class="type"><b>hours</b></td>
-          </tr>
-        </table>
-        <p class="align-center" ng-bind-html="autostopModal.text()"></p>
-      </div>
-
-      <!-- Modal Footer -->
-      <div class="modal-footer">
-        <button class="btn btn-whited" ng-click="autostopModal.close()" ng-show="!autostopModal.inProgress">Leave default (1h)</button>
-        <button class="btn btn-warning" ng-click="autostopModal.proceed()" ng-disabled="!autostopModal.proceedEnabled()" ng-show="!autostopModal.inProgress">Change</button>
-        <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="autostopModal.inProgress" alt="Loading"/>
-      </div>
-    </div>
-  </script>
-</div>

data/app/assets/templates/mno_enterprise/maestrano-components/currency_widget.html

@@ -1 +0,0 @@
-<select class="select-option select-currency select-picker" ng-model="currentCurrency" ng-options="currency for currency in currencies" ng-change="setCurrency(currentCurrency)" data-style='btn-dark' data-width='100%' data-mobile="true"></select>

data/app/assets/templates/mno_enterprise/maestrano-components/editable.html

@@ -1,28 +0,0 @@
-<span ng-switch="contentType" style="{{customStyle}}">
-  <span ng-switch-when="image">
-    <span class='upload-picture' ng-show="showForm">
-      <span class='input-group'>
-        <input type="file" class="form-control" file-model="model.image">
-        <span class='input-group-addon'>
-          <button ng-click="uploadImage()" class='btn btn-success'>Ok</button>
-        </span>
-      </span>
-    </span>
-    <img ng-src="{{model.orig}}">
-    <br>
-  </span>
-  <span ng-switch-when="banner">
-    <span class='upload-picture' ng-show="showForm">
-      <span class='input-group'>
-        <input type="file" class="form-control" file-model="model.image">
-        <span class='input-group-addon'>
-          <button ng-click="uploadImage()" class='btn btn-success'>Ok</button>
-        </span>
-      </span>
-    </span>
-  </span>
-  <span ng-switch-default>
-    <span editable-textarea='model.value' onaftersave='updateField()' ng-bind-html='model.orig'>
-    </span>
-  </span>
-</span>

data/app/assets/templates/mno_enterprise/maestrano-components/modal-messages/congratulations.html

@@ -1,8 +0,0 @@
-<div ng-bind-html="modal.body()"></div>
-
-<div class='align-center'>
-  <div class='spacer2'></div>
-  <img ng-src="{{assetPath['jobs/talent.png']}}">
-  <div class='spacer2'></div>
-  <a class='btn btn-success' ng-click="modal.goBackToDashboard()">Go back to my Dashboard</a>
-</div>

data/app/assets/templates/mno_enterprise/maestrano-components/modal-messages/default.html

@@ -1 +0,0 @@
-<div ng-bind-html="modal.body()"></div>

data/app/assets/templates/mno_enterprise/maestrano-components/modal-messages/information.html

@@ -1,8 +0,0 @@
-<div ng-bind-html="modal.body()"></div>
-
-<div class='align-center'>
-  <div class='spacer2'></div>
-  <img ng-src="{{assetPath['jobs/bulb.png']}}">
-  <div class='spacer2'></div>
-  <a class='btn btn-success' ng-click="modal.goBackToDashboard()">Go to the Dashboard</a>
-</div>

data/app/assets/templates/mno_enterprise/maestrano-components/star_wizard.html

@@ -1,254 +0,0 @@
-<div>
-  <script type="text/ng-template" id="internal-star-wizard.html">
-    <!-- Modal Header -->
-    <div class="modal-header">
-      <span>Data Upload Wizard</span>
-      <div class="close" type="button" ng-click="modal.close()" >×</div>
-    </div>
-    <!-- Modal Body -->
-    <div class="modal-body">
-      <div class="star-wizard">
-        <div class='row'>
-          <div class='col-md-12'>
-            <div class='steps'>
-              <div class='step light-color left' ng-class="step == 0 && 'active'">
-                <div class='wrapper'>
-                  <div class='arrow'></div>
-                </div>
-                1
-                <span class='hidden-xs hidden-sm'>- Welcome</span>
-              </div>
-              <div class='step light-color' ng-class="step == 1 && 'active'">
-                <div class='wrapper'>
-                  <div class='arrow'></div>
-                </div>
-                2
-                <span class='hidden-xs hidden-sm'>- Company</span>
-              </div>
-              <div class='step light-color' ng-class="step == 2 && 'active'">
-                <div class='wrapper'>
-                  <div class='arrow'></div>
-                </div>
-                3
-                <span class='hidden-xs hidden-sm'>- Organizations</span>
-              </div>
-              <div class='step light-color' ng-class="step == 3 && 'active'">
-                <div class='wrapper'>
-                  <div class='arrow'></div>
-                </div>
-                4
-                <span class='hidden-xs hidden-sm'>- People</span>
-              </div>
-              <div class='step light-color' ng-class="step == 4 && 'active'">
-                <div class='wrapper'>
-                  <div class='arrow'></div>
-                </div>
-                5
-                <span class='hidden-xs hidden-sm'>- Items</span>
-              </div>
-              <div class='step right light-color' ng-class="step == 5 && 'active'">
-                6
-                <span class='hidden-xs hidden-sm'>- Conclusion</span>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div ng-switch="step">
-          <!-------------------------------------->
-          <!--        CHOOSE ORGANIZATION       -->
-          <!-------------------------------------->
-          <div ng-switch-when="0">
-            <div class='row'>
-              <div class='col-md-12'>
-                <h2>Organization choice</h2>
-                <p>Welcome to the Maestrano Data Upload Wizard. In just a few simple steps, all your data will be securely uploaded. When you launch your organizations applications, all your data will have seamlessly been uploaded for you through Connec!™</p>
-                <p>Select the organization you'd like to upload data to.<p>
-                <p>Please note, you must be either a Super Admin or Admin in your organization to upload data. If you don't have access, please contact your organizations Super Admin or Admin.</p>
-
-                <div class='col-md-6 col-md-offset-3'>
-                  <select class="form-control" ng-model="orgaChoosen.uid" ng-options="orga.uid as orga.name for orga in orgaList">
-                    <option ng-repeat="orga in orgaList">{{orga}}</option>
-                  </select>
-                </div>
-
-                <br><br><br>
-                <div class='align-center'>
-                  <div class='remark'>(If you don't want to upload your data now, click on "Cancel")</div>
-                  <button class='btn btn-success btn-promo arrow-right' ng-click="goToStep(1)" ng-disabled="!orgaChoosen.uid">Next</button>
-                  <button class='btn cancel btn-grey btn-promo' ng-click="modal.close()">Cancel</button>
-                </div>
-                <br>
-                <div class='clearfix'></div>
-              </div>
-            </div>
-          </div>
-
-          <!-------------------------------------->
-          <!--          COMPANY DETAILS         -->
-          <!-------------------------------------->
-          <div ng-switch-when="1">
-            <div class="alert alert-error" ng-show="errors.uploadCompanyDetails">
-              <button class="close" ng-click="errors.uploadCompanyDetails=''">×</button>
-              <ul>
-                <li ng-repeat="error in errors.uploadCompanyDetails">{{error}}</li>
-              </ul>
-            </div>
-            <h2>Your company details</h2>
-            <p>Enter your company details where applicable</p>
-            <form>
-              <div class='row'>
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Name</div>
-                    <input class="form-control" type="text" ng-model="company.name">
-                  </div>
-                  <br>
-                </div>
-
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Email</div>
-                    <input class="form-control" type="text" ng-model="company.contacts.email.emailAddress">
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Currency</div>
-                    <!--TODO-->
-                    <select class="form-control" ng-options="currency for currency in miscellaneous.currencies" ng-model="company.currency"></select>
-                  </div>
-                  <br>
-                </div>
-
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Address</div>
-                    <input class="form-control" type="text" ng-model="company.contacts.address.streetAddress.streetAddress">
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>City</div>
-                    <!--TODO-->
-                    <input type="text" class="form-control" ng-model="company.contacts.address.streetAddress.locality">
-                  </div>
-                  <br>
-                </div>
-
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Country</div>
-                    <select class="form-control" ng-options="country for country in miscellaneous.countries" ng-model="company.contacts.address.streetAddress.country"></select>
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Website</div>
-                    <input type="text" class="form-control" ng-model="company.contacts.website.url">
-                  </div>
-                  <br>
-                </div>
-
-                <div class='col-md-6'>
-                  <div class='input-group'>
-                    <div class='input-group-addon'>Phone</div>
-                    <input class="form-control" type="text" ng-model="company.contacts.telephone.voice">
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-12'>
-                  <div class='input-group'>
-                    <div class='input-group-addon large'>Business Registration Number</div>
-                    <input type="text" class="form-control" ng-model="company.vat_number">
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-12'>
-                  <div class='input-group'>
-                    <div class='input-group-addon large'>Fiscal Year First Month</div>
-                    <!--TODO-->
-                    <select class="form-control" ng-options="month for month in ['January','February','March','April','May','June','July','August','September','October','November','December']" ng-model="company.fiscal_year_first_month"></select>
-                  </div>
-                  <br>
-                </div>
-              </div>
-
-              <div class='row'>
-                <div class='col-md-12'>
-                  <div class='input-group'>
-                    <div class='input-group-addon large'>Your Company Logo</div>
-                    <input type="file" class="form-control" file-model="companyLogo.file">
-                  </div>
-                  <br>
-                </div>
-              </div>
-              <button ng-style="uploadCompanyDetails.loading && {backgroundColor:'white'}" ng-disabled="uploadCompanyDetails.loading"class='btn btn-success btn-promo arrow-right' ng-click="uploadCompanyDetails.perform()" style="width:102px;">
-                <span ng-hide="uploadCompanyDetails.loading">Next</span>
-                <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="uploadCompanyDetails.loading">
-              </button>
-              <button class='btn btn-whited btn-promo arrow-left previous' ng-click="goToStep(0)">Back</button>
-              <div class='clearfix'></div>
-            </form>
-          </div>
-
-          <!-------------------------------------->
-          <!--         ORGA SPREADSHEET         -->
-          <!-------------------------------------->
-          <div ng-switch-when="2">
-            <div mno-upload-spreadsheet=true category="organization" channel-id="orgaChoosen.uid" deferred="deferred['organization']"></div>
-          </div>
-
-          <!-------------------------------------->
-          <!--       PERSON SPREADSHEET         -->
-          <!-------------------------------------->
-          <div ng-switch-when="3">
-            <div mno-upload-spreadsheet=true category="person" channel-id="orgaChoosen.uid" deferred="deferred['person']"></div>
-          </div>
-
-          <!-------------------------------------->
-          <!--         ITEM SPREADSHEET         -->
-          <!-------------------------------------->
-          <div ng-switch-when="4">
-            <div mno-upload-spreadsheet=true category="item" channel-id="orgaChoosen.uid" deferred="deferred['item']"></div>
-          </div>
-
-          <!-------------------------------------->
-          <!--            CONCLUSION            -->
-          <!-------------------------------------->
-          <div ng-switch-when="5">
-            <div class='align-center'>
-              <h2>{{conclusionTitle}}</h2>
-              <p>{{conclusionMessage}}</p>
-              <br><br><br>
-              <a href="" ng-click="modal.close()" class='btn btn-warning btn-promo'>Close</a>
-
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </div>
-    <!-- Modal Footer -->
-    <div class="modal-footer">
-    </div>
-  </script>
-</div>

data/app/assets/templates/mno_enterprise/maestrano-components/upload_spreadsheet.html

@@ -1,191 +0,0 @@
-<div ng-switch="step.title">
-  <!------------------------------------------------------------------------------------>
-  <!------------------------------------------------------------------------------------>
-  <!------------------------------------------------------------------------------------>
-  <div ng-switch-when="upload">
-    <div class="alert alert-error" ng-show="errors.mappingSpreadsheet" style="margin-top:10px;">
-      <button class="close" ng-click="errors.mappingSpreadsheet=null">×</button>
-      <p>{{errors.mappingSpreadsheet}}</p>
-    </div>
-
-    <div ng-switch="category">
-
-      <!------------------>
-      <!-- ORGANIZATION -->
-      <!------------------>
-      <div ng-switch-when="organization">
-        <h2>Upload your contacts that are organizations</h2>
-        <p>In your applications, you can manage organizations. These can be supplier companies, vendor companies, customer companies. The data for organizations typically includes; name, address, number of employees - you can view an example below.</p>
-        <p>You can use our template to upload your data, or simply select your file in .csv format.</p>
-        
-        <br>
-        
-        <div class='col-md-6 col-md-offset-3'>
-          <input class='form-control' type="file" file-model="spreadsheet.file">
-        </div>
-        
-        <br><br><br>
-        <a href="https://s3-ap-southeast-1.amazonaws.com/cdn-prd-maestrano/docs/public/website/Sample+wizard+files+-+organizations_template.csv">Download a template spreadsheet</a>
-        <br>
-        <img ng-src="{{assetPath['star_wizard/organization.png']}}">
-        
-        <br><br>
-        
-        <button class='btn btn-success btn-promo arrow-right' ng-disabled="!spreadsheet.file" ng-click="uploadSpreadsheet()">Upload</button>
-        <button class='btn btn-whited btn-promo skip' ng-click="skipThisStep()">Skip</button>
-        <button class='btn btn-whited btn-promo arrow-left previous' ng-click="goToPreviousStep()">Back</button>
-        
-        <div class='clearfix'></div>
-        
-        
-      </div>
-
-      <!------------------>
-      <!--    PERSON    -->
-      <!------------------>
-      <div ng-switch-when="person">
-        <h2>Upload your contacts that are persons</h2>
-        <p>In your applications, you can manage contacts that are persons. These are real people which belong to organizations, usually your main point of contacts. The data for people typically includes; first name, last name, email - you can view an example below.</p>
-        <p>You can use our template to upload your data, or simply select your file in .csv format.</p>
-        
-        <br>
-        
-        <div class='col-md-6 col-md-offset-3'>
-          <input class='form-control' type="file" file-model="spreadsheet.file">
-        </div>
-        
-        <br><br><br>
-        
-        <a href="https://s3-ap-southeast-1.amazonaws.com/cdn-prd-maestrano/docs/public/website/Sample+wizard+files+-+people_template.csv">Download a template spreadsheet</a>
-        <br>
-        <img ng-src="{{assetPath['star_wizard/person.png']}}">
-        
-        <br><br>
-        
-        <button class='btn btn-success btn-promo arrow-right' ng-disabled="!spreadsheet.file" ng-click="uploadSpreadsheet()">Upload</button>
-        <button class='btn btn-whited btn-promo skip' ng-click="skipThisStep()">Skip</button>
-        <button class='btn btn-whited btn-promo arrow-left previous' ng-click="goToPreviousStep()">Back</button>
-        
-        <div class='clearfix'></div>
-        
-        
-      </div>
-
-      <!------------------>
-      <!--     ITEM     -->
-      <!------------------>
-      <div ng-switch-when="item">
-        <h2>Upload your products and services</h2>
-        <p>In your applications, you can manage products and services. These are the physical products or services your company provides. The data for products and services typically includes; product name, service description, price, stock level - you can view an example below.</p>
-        
-        <br>
-        
-        <div class='col-md-6 col-md-offset-3'>
-          <input class='form-control' type="file" file-model="spreadsheet.file">
-        </div>
-        
-        <br><br><br>
-        <a href="https://s3-ap-southeast-1.amazonaws.com/cdn-prd-maestrano/docs/public/website/Sample+wizard+files+-+products_and_services_template.csv">Download a template spreadsheet</a>
-        <br>
-        <img ng-src="{{assetPath['star_wizard/item.png']}}">
-        
-        <br><br>
-        
-        <button class='btn btn-success btn-promo arrow-right' ng-disabled="!spreadsheet.file" ng-click="uploadSpreadsheet()">Upload</button>
-        <button class='btn btn-whited btn-promo skip' ng-click="skipThisStep()">Skip</button>
-        <button class='btn btn-whited btn-promo arrow-left previous' ng-click="goToPreviousStep()">Back</button>
-        
-        <div class='clearfix'></div>
-        
-        
-      </div>
-
-    </div>
-
-  </div>
-
-  <!------------------------------------------------------------------------------------>
-  <!------------------------------------------------------------------------------------>
-  <!------------------------------------------------------------------------------------>
-
-  <div ng-switch-when="mapping">
-
-
-    <div ng-switch="mappingStep.title">
-
-      <!------------------>
-      <!--   MAPPING    -->
-      <!------------------>
-      <div ng-switch-when="mapping">
-        <br>
-        <h2>Review your data upload</h2>
-        <p>Before proceeding, make sure that our wizard has correctly matched your spreadsheet headings with Connec! You can modify the matches below before proceeding with your upload.</p>
-        <hr>
-        <form name='form' novalidate>
-          <div class='row'>
-            <div class='col-md-8'>
-              <div class='align-center'><h3>Fields</h3></div>
-            </div>
-            <div class='col-md-4'>
-              <div class='align-center'><h3>First row</h3></div>
-            </div>
-          </div>
-          <br>
-          <div ng-repeat="toMap in spreadsheetData.to_map">
-            <div class='row'>
-              <div class='col-md-8'>
-                <div class='input-group'>
-                  <div class='input-group-addon large'>
-                    {{toMap['name'] | replaceUnderscoreWithSpace | titleize}}
-                    <span ng-show="toMap['required']">(*)</span>
-                  </div>
-                  <select class='form-control' ng-required="{{toMap['required']}}" ng-model="mapping[toMap['path']]" ng-options="header[1] as header[0] for header in spreadsheetData.header"></select>
-                </div>
-              </div>
-              <div class='col-md-4'><div class='align-center'>{{spreadsheetData.field_examples[mapping[toMap['path']]] || 'empty'}}</div></div>
-            </div>
-            <br>
-          </div>
-          
-          <button ng-disabled="form.$invalid" class="btn btn-success btn-promo arrow-right" ng-click="mapSpreadsheet()">Ok</button>
-          
-          <div class='clearfix'></div>
-        </form>
-      </div>
-
-      <!------------------>
-      <!--   WAITING    -->
-      <!------------------>
-      <div ng-switch-when="waiting">
-        <div class='align-center'>
-          <h2>Loading</h2>
-          <p>Connec! is uploading your data in your applications!</p>
-          <br>
-          <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}">
-        </div>
-      </div>
-
-      <!------------------>
-      <!--    ERROR     -->
-      <!------------------>
-      <div ng-switch-when="error">
-        <h2>Error</h2>
-        <div class="alert alert-error" ng-show="errors.upload">
-          <button class="close" ng-click="errors.upload=null">×</button>
-          <ul>
-            <li ng-repeat="error in errors.upload">#{{error._row_id}} - {{error.message}}</li>
-          </ul>
-        </div>
-        <p>You can continue your upload with the above error(s) or go back and try again.</p>
-        <p>Do you want to force the upload?</p>
-        <button ng-click="mapSpreadsheet(true);" class='btn btn-warning btn-promo'>Upload anyway</button>
-        <button ng-click="step.title = 'upload'; mappingStep.title = 'mapping'" class='btn btn-success btn-promo skip'>Review and Try Again</button>
-        <div class='clearfix'></div>
-
-      </div>
-
-    </div>
-
-  </div>
-
-</div>