mno-enterprise-frontend 2.0.0

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

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

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

@@ -0,0 +1,8 @@
+<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/notification-widget.html

@@ -0,0 +1,31 @@
+<div class="notification-widget">
+  <!-- Popup notifications -->
+  <div>
+    <script type="text/ng-template" id="internal-notif-popup-modal.html">
+      <!-- Modal Header -->
+      <div class="modal-header">
+        <div class="close" type="button" ng-click="notifPopup.close()" >×</div>
+
+        <h3>
+          {{notifPopup.model.title}}
+        </h3>
+      </div>
+
+      <!-- Modal Body -->
+      <div class="modal-body scrollable-frame" ng-style="{ maxHeight: windowHeight-200 + 'px' }">
+        <div ng-bind-html="notifPopup.model.content"></div>
+      </div>
+
+      <!-- Modal Footer -->
+      <div class="modal-footer">
+        <button ng-click="notifPopup.close()" class="fbtn fbtn-large fbtn-grey">{{notifPopup.model.dismissText}}</button>
+      </div>
+    </script>
+  </div>
+
+  <!-- Flash Notifications-->
+  <div ng-class="notifWidget.classFor(msgObject)" ng-repeat="msgObject in notifWidget.outboundQueue" id="notification{{$index}}">
+    <button type="button" class="close" ng-click="notifWidget.closeMsg(msgObject)">&times;</button>
+    <div ng-bind-html="msgObject.msg"></div>
+  </div>
+</div>

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

@@ -0,0 +1,55 @@
+<div class="row" style="margin:0px;">
+	
+	<div class="col-md-9" style="padding: 0px 2px;">
+		<div class="input-group text-left" style="width: 100%;">
+			<label>Password</label>
+			<br />
+			
+			<input mno-password-strength password-score="baseObject.$pwdScore" type="{{isShown ? 'text' : 'password'}}", name="{{fieldName}}", ng-model="baseObject.password" ng-change="check()" class="input-group-addon" style="width: 70%;" placeholder="*Choose Password" required/>
+			<span class="input-group-addon pw-strength-indicator" ng-class='baseObject.$pwdScore.class' style="display: inline;">
+	      {{ baseObject.$pwdScore.value }}
+    	</span>
+    </div>
+	</div>
+
+	<div class="col-md-3 text-center" style="padding: 0px 2px;">
+		<label>Show</label>
+		<br />
+		<input type="checkbox" ng-model="isShown" />
+	</div>
+
+</div>
+
+<div class="spacer1" />
+
+<div class="row text-left" style="margin:0px;">
+  <div class="col-sm-6" style="padding: 0px 2px;">
+    <ul style="list-style: none; padding-left: 20px;">
+      <li ng-class="hasEightChars ? 'checked' : 'unchecked'">
+        <i class="fa fa-check-circle" ng-show="hasEightChars" />
+        <i class="fa fa-times-circle" ng-hide="hasEightChars" />
+        Eight characters minimum
+      </li>
+      <li ng-class="hasOneNumber ? 'checked' : 'unchecked'">
+        <i class="fa fa-check-circle" ng-show="hasOneNumber" />
+        <i class="fa fa-times-circle" ng-hide="hasOneNumber" />
+        One number
+      </li>
+    </ul>
+  </div>
+  
+  <div class="col-sm-6 text-left" style="padding: 0px 2px;">
+    <ul style="list-style: none; padding-left: 20px;">
+      <li ng-class="hasOneUpper ? 'checked' : 'unchecked'">
+        <i class="fa fa-check-circle" ng-show="hasOneUpper" />
+        <i class="fa fa-times-circle" ng-hide="hasOneUpper" />
+        One uppercase character
+      </li>
+      <li ng-class="hasOneLower ? 'checked' : 'unchecked'">
+        <i class="fa fa-check-circle" ng-show="hasOneLower" />
+        <i class="fa fa-times-circle" ng-hide="hasOneLower" />
+        One lowercase character
+      </li>
+    </ul>
+  </div>
+</div>

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

@@ -0,0 +1,254 @@
+<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

@@ -0,0 +1,191 @@
+<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>