mno-enterprise-frontend 2.0.0

data/app/assets/templates/mno_enterprise/dashboard/organization/billing.html

@@ -0,0 +1,37 @@
+<div class="row">
+  <div class="col-md-12">
+    <p>
+      Your billing for the current invoicing period is:
+      <b>{{ billing.current.value | currency: billing.current.options.symbol }} ({{ billing.current.options.iso_code }})</b>
+    </p>
+  </div>
+</div>
+
+<div class="row" ng-show="isCreditShown()">
+  <div class="col-md-12">
+    <p>
+      You have <b>{{ billing.credit.value | currency: billing.credit.options.symbol }} ({{ billing.credit.options.iso_code }})</b> credit on your account to be used for the next payment. Note that this credit account will also be linked to any organization you create.
+    </p>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-md-12">
+    <p>
+      <small>
+        <em>
+          Note that the amount for your current invoicing period is indicative and might not reflect the latest changes in your current billing.
+        </em>
+      </small>
+    </p>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-md-12">
+    <h5>About our billing cycle</h5>
+    <p>
+      Our invoicing period runs from the 25th of the previous month to the 24th of the current month. Any amount due (current spending minus credit) is charged on the 2nd of the following month.
+    </p>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/organization/credit-card.html

@@ -0,0 +1,156 @@
+<!--
+  Credit Card Form
+-->
+<div class="row">
+  <h4 class="cc-header">
+    Credit Card Details
+    <small>
+      <em class="text-muted">
+      - This is a secured, 128-bit SSL encrypted credit card form
+      </em>
+    </small>
+  </h4>
+  
+  <div class="clearfix"></div>
+  <hr>
+  <form name="forms.creditCard" role="form" novalidate class="form-horizontal">
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Title</label>
+      <div class="col-sm-4">
+        <select class="form-control" ng-model="model.title" ng-options="label for label in config.validTitles" required>
+          <option value='' disabled selected style='display:none;'>-- SELECT --</option>
+        </select>
+        <div class="select fa fa-caret-down"></div>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Name on card</label>
+    
+      <div class="col-sm-4">
+        <input type="text" class="form-control" placeholder="Name" ng-model="model.first_name" required/>
+      </div>
+      <div class="col-sm-5">
+        <input type="text" class="form-control" placeholder="Surname" ng-model="model.last_name"  required/>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Card Number</label>
+      <div class="col-sm-9">
+        <input type="text" class="form-control" ng-model="model.number" required/>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">CVV</label>
+      <div class="col-sm-3">
+        <input type="text" class="form-control" ng-model="model.verification_value" required/>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Country</label>
+      <div class="col-sm-6">
+        <select class="form-control" ng-model="model.country" ng-options="country.val as country.label for country in config.validCountries" required>
+          <option value='' disabled selected style='display:none;'>-- SELECT --</option>
+        </select>
+        <div class="select fa fa-caret-down"></div>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Expiry</label>
+      <div class="col-sm-3">
+        <select class="form-control" ng-model="model.month" ng-options="label for label in config.validMonths" required>
+          <option value='' disabled selected style='display:none;'>-- MONTH --</option>
+        </select>
+        <div class="select fa fa-caret-down"></div>
+      </div>
+    
+      <div class="col-sm-3">
+        <select class="form-control" ng-model="model.year" ng-options="label for label in config.validYears" required>
+          <option value='' disabled selected style='display:none;'>-- YEAR --</option>
+        </select>
+        <div class="select fa fa-caret-down"></div>
+      </div>
+    </div>
+  
+    <!-- End: ccViewForm Details -->
+  </form>
+</div>
+
+<!-- 
+  Billing Address 
+-->
+<div class="row">
+  
+  <h4 class="cc-header">Billing Address</h4>
+  <hr>
+  <form name="forms.billingAddress" novalidate class="form-horizontal">
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Street Address</label>
+      <div class="col-sm-9">
+        <input type="text" class="form-control" ng-model="model.billing_address" required/>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">City</label>
+      <div class="col-sm-4">
+        <input type="text" class="form-control" ng-model="model.billing_city" required/>
+      </div>
+    
+      <label class="col-sm-1 control-label">Postcode</label>
+      <div class="col-sm-4">
+        <input type="text" class="form-control" ng-model="model.billing_postcode" required/>
+      </div>
+    </div>
+  
+    <div class="form-group">
+      <label class="col-sm-2 control-label">Country</label>
+      <div class="col-sm-6">
+        <select class="form-control" ng-model="model.billing_country" ng-options="country.val as country.label for country in config.validCountries" required>
+          <option value='' disabled selected style='display:none;'>-- SELECT --</option>
+        </select>
+        <div class="select fa fa-caret-down"></div>
+      </div>
+    </div>
+  
+    <!-- End: Billing Address -->
+  </form>
+</div>
+
+<!-- 
+  Error messages 
+-->
+<div class="row">
+  <div class="alert alert-error" ng-show="errors">
+    <button class="close" ng-click="errors=''">×</button>
+    <ul>
+      <li ng-repeat="error in errors">{{error}}</li>
+    </ul>
+  </div>
+</div>
+
+<!--
+  Action buttons
+-->
+<div class="row text-right" ng-show="isLoading">
+  <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" alt="Loading"/>
+</div>
+<div class="row text-right" ng-show="!isLoading">
+  <div class="col-md-4 col-md-offset-8">
+    <button ng-click="cancel()" class="btn btn-shaded btn-lg" ng-show="isCancelShown()">
+      Cancel 
+    </button>
+    
+    <button ng-click="save()" href="" class="btn btn-info btn-lg" ng-disabled="!isSaveEnabled()">
+      <i class="fa fa-shield"></i>
+      &nbsp;
+      Save 
+    </button>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/organization/index.full.html

@@ -0,0 +1,181 @@
+<!-- Full version of the company section -->
+<h2>Company</h2>
+<div class="spacer1"></div>
+
+<div class="row dashboard-organization">
+  
+  <div class="col-md-12 text-center" ng-show="isLoading">
+    <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-main.gif']}}" alt="Loading"/>
+  </div>
+  
+  <!-------------------------------------->
+  <!--            Normal View           -->
+  <!-------------------------------------->
+  <div class="col-md-12" ng-show="!isTabSetShown() && !isLoading">
+    
+    <!-- Directive: DashboardOrganizationMembers -->
+    <div class="well">
+      <h4>Company Members</h4>
+      
+      <div class="row">
+        <div class="col-md-12">
+          <div dashboard-organization-members></div>
+        </div>
+      </div>
+      
+      <div class="clearfix"></div>
+    </div>
+    
+    <div class="row">
+      <div class="col-md-12">
+        <div dashboard-organization-team-list title="Your Teams"></div>
+      </div>
+    </div>
+    
+  </div>
+  
+  
+  
+  <!-------------------------------------->
+  <!--         Super Admin View         -->
+  <!-------------------------------------->
+  <div class="col-md-12 super-admin-view-star-ref" ng-show="isTabSetShown() && !isLoading">
+    
+    <div tabset>
+    
+      <!-------------------------------------->
+      <!--         Billing Section          -->
+      <!-------------------------------------->
+      <div tab ng-show="isBillingShown()" active="tabs.billing">
+        <div tab-heading>Billing</div>
+      
+
+        <!-- Directive: DashboardOrganizationArrears -->
+        <div dashboard-organization-arrears></div>
+
+
+        <div accordion class="accordion">
+          <div accordion-group is-open="isCrbgOpen">
+            <div accordion-heading>
+                Current Billing <span class="caret pull-right" ng-class="{'caret-down': !isCrbgOpen, 'caret-up': isCrbgOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationBilling -->
+            <div class="col-md-12">
+              <div dashboard-organization-billing></div>
+            </div>
+            
+            <!-- End: accordion-group current billing -->
+          </div>
+          
+          <div accordion-group is-open="isBdtOpen">
+            <div accordion-heading>
+                Billing Details <span class="caret pull-right" ng-class="{'caret-down': !isBdtOpen, 'caret-up': isBdtOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationBilling -->
+            <div class="col-md-12">
+              <div dashboard-organization-credit-card></div>
+            </div>
+            
+            
+            <!-- End: accordion-group credit card form -->
+          </div>
+          
+          
+          
+          <div accordion-group is-open="isPsIvOpen">
+            <div accordion-heading>
+                Past Invoices <span class="caret pull-right" ng-class="{'caret-down': !isPsIvOpen, 'caret-up': isPsIvOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationInvoices -->
+            <div class="col-md-12">
+              <div dashboard-organization-invoices></div>
+            </div>
+            
+            <!-- End: accordion-group past invoices -->
+          </div>
+          
+                  
+          <!-- End: accordion -->
+        </div>
+        
+        <!-- End: tab billing section -->
+      </div>
+    
+      
+      <!-------------------------------------->
+      <!--        Members Section           -->
+      <!-------------------------------------->
+      <div tab active="tabs.members">
+        <div tab-heading>Members</div>
+        
+        <!-- Directive: DashboardOrganizationMembers -->
+        <div class="well">
+          <h4>Company Members</h4>
+          
+          <div class="col-md-12">
+            <div dashboard-organization-members></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab members section -->
+      </div>
+      
+      
+      <!-------------------------------------->
+      <!--     Team Management Section      -->
+      <!-------------------------------------->
+      <div tab active="tabs.teams">
+        <div tab-heading>Teams</div>
+        
+        <div>
+          <h4>
+            Team Management 
+            <span class="text-muted"><small><em>&nbsp;Control access to your apps</em></small></span>
+          </h4>
+          
+          <div class="spacer2"></div>
+          
+          <!-- Directive: DashboardOrganizationSettings -->
+          <div class="col-md-12">
+            <div dashboard-organization-teams></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab team management section -->
+      </div>
+      
+      
+      <!-------------------------------------->
+      <!--    Company Settings Section      -->
+      <!-------------------------------------->
+      <div tab ng-show="isSettingsShown()" active="tabs.settings">
+        <div tab-heading>Settings</div>
+        
+        <div class="well">
+          <h4>Company Settings</h4>
+          
+          <!-- Directive: DashboardOrganizationSettings -->
+          <div class="col-md-12">
+            <div dashboard-organization-settings></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab settings section -->
+      </div>
+    
+    
+      <!-- End: tabset -->
+    </div>
+    
+    <!-- End: column -->
+  </div>
+  
+  <!-- End: row -->
+</div>
+

data/app/assets/templates/mno_enterprise/dashboard/organization/index.html

@@ -0,0 +1,173 @@
+<h2 class="section-title">Company</h2>
+<div class="spacer2"></div>
+
+<div class="row dashboard-organization">
+  
+  <div class="col-md-12 text-center" ng-show="isLoading">
+    <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-main.gif']}}" alt="Loading"/>
+  </div>
+  
+  <!-------------------------------------->
+  <!--            Normal View           -->
+  <!-------------------------------------->
+  <div class="col-md-12" ng-show="!isTabSetShown() && !isLoading">
+    
+    <!-- Directive: DashboardOrganizationMembers -->
+    <div class="well">
+      <div class="row">
+        <div class="col-md-12">
+          <div dashboard-organization-members></div>
+        </div>
+      </div>
+      
+      <div class="clearfix"></div>
+    </div>
+    
+    <div class="row">
+      <div class="col-md-12">
+        <div dashboard-organization-team-list title="Your Teams"></div>
+      </div>
+    </div>
+    
+  </div>
+  
+  
+  
+  <!-------------------------------------->
+  <!--         Super Admin View         -->
+  <!-------------------------------------->
+  <div class="col-md-12 super-admin-view-star-ref" ng-show="isTabSetShown() && !isLoading">
+    
+    <div tabset>
+      
+      <!-------------------------------------->
+      <!--         Billing Section          -->
+      <!-------------------------------------->
+      <div tab ng-show="isBillingShown()" active="tabs.billing">
+        <div tab-heading>Billing</div>
+      
+
+        <!-- Directive: DashboardOrganizationArrears -->
+        <!-- <div dashboard-organization-arrears></div> -->
+
+
+        <div accordion class="accordion">
+          <div accordion-group is-open="isCrbgOpen">
+            <div accordion-heading>
+                Current Billing <span class="caret pull-right" ng-class="{'caret-down': !isCrbgOpen, 'caret-up': isCrbgOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationBilling -->
+            <div class="col-md-12">
+              <div dashboard-organization-billing></div>
+            </div>
+            
+            <!-- End: accordion-group current billing -->
+          </div>
+          
+          <div accordion-group is-open="isBdtOpen">
+            <div accordion-heading>
+                Billing Details <span class="caret pull-right" ng-class="{'caret-down': !isBdtOpen, 'caret-up': isBdtOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationBilling -->
+            <div class="col-md-12">
+              <div dashboard-organization-credit-card></div>
+            </div>
+            
+            
+            <!-- End: accordion-group credit card form -->
+          </div>
+          
+          
+          
+          <div accordion-group is-open="isPsIvOpen">
+            <div accordion-heading>
+                Past Invoices <span class="caret pull-right" ng-class="{'caret-down': !isPsIvOpen, 'caret-up': isPsIvOpen}"></span>
+            </div>
+            
+            <!-- Directive: DashboardOrganizationInvoices -->
+            <div class="col-md-12">
+              <div dashboard-organization-invoices></div>
+            </div>
+            
+            <!-- End: accordion-group past invoices -->
+          </div>
+          
+                  
+          <!-- End: accordion -->
+        </div>
+        
+        <!-- End: tab billing section -->
+      </div>
+      
+      <!-------------------------------------->
+      <!--        Members Section           -->
+      <!-------------------------------------->
+      <div tab active="tabs.members">
+        <div tab-heading>Members</div>
+        
+        <!-- Directive: DashboardOrganizationMembers -->
+        <div class="well">
+          <div class="col-md-12">
+            <div dashboard-organization-members></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab members section -->
+      </div>
+      
+      <!-------------------------------------->
+      <!--     Team Management Section      -->
+      <!-------------------------------------->
+      <div tab active="tabs.teams">
+        <div tab-heading>Teams</div>
+        
+        <div>
+          <h4 class="text-bg-inverse">
+            Team Management 
+            <span class="text-muted"><small><em>&nbsp;Control access to your apps</em></small></span>
+          </h4>
+          
+          <div class="spacer2"></div>
+          
+          <!-- Directive: DashboardOrganizationSettings -->
+          <div class="col-md-12">
+            <div dashboard-organization-teams></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab team management section -->
+      </div>
+      
+      <!-------------------------------------->
+      <!--    Company Settings Section      -->
+      <!-------------------------------------->
+      <div tab ng-show="isSettingsShown()" active="tabs.settings">
+        <div tab-heading>Settings</div>
+        
+        <div class="well">
+          <div class="spacer2"></div>
+          
+          <!-- Directive: DashboardOrganizationSettings -->
+          <div class="col-md-12">
+            <div dashboard-organization-settings></div>
+          </div>
+          <div class="clearfix"></div>
+        </div>
+        
+        <!-- End: tab settings section -->
+      </div>
+    
+    
+      <!-- End: tabset -->
+    </div>
+    
+    <!-- End: column -->
+  </div>
+  
+  <!-- End: row -->
+</div>
+