mno-enterprise-frontend 2.0.0

data/app/assets/templates/mno_enterprise/dashboard/teams/member-add-modal.html

@@ -0,0 +1,60 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="memberAddModal.close()" >×</div>
+  <h3>Add Team Members</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="memberAddModal.errors">
+        <button class="close" ng-click="memberAddModal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in memberAddModal.errors">{{error}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="row" ng-show="!memberAddModal.canAddUsers()">
+    <div class="col-sm-6 col-sm-offset-3 text-center">
+      <p>All your company members already belong to this team</p>
+    </div>
+  </div>
+
+  <div class="row" ng-show="memberAddModal.canAddUsers()">
+    <div class="col-sm-6 col-sm-offset-3 text-center">
+      <p>Select the company members your wish to add to this team</p>
+      <div class="spacer1"></div>
+      
+      <!-- List Available Users to add -->
+      <table>
+        <tbody>
+          <tr ng-repeat="user in memberAddModal.userList">
+            <td>
+              <input type="checkbox" ng-checked="memberAddModal.hasUser(user)" ng-click="memberAddModal.toggleUser(user)">
+            </td>
+            <td>
+              <span>{{user.name}} {{user.surname}}</span>
+              <span class="hidden-xs"><small><em>({{ user.email }})</em></small></span>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12" ng-show="!memberAddModal.canAddUsers()">
+      <button class="btn btn-lg btn-shaded" ng-click="memberAddModal.close()" ng-show="!memberAddModal.isLoading">Close</button>
+    </div>
+    
+    <div class="col-sm-12" ng-show="memberAddModal.canAddUsers()">
+      <button class="btn btn-shaded" ng-click="memberAddModal.close()" ng-show="!memberAddModal.isLoading">Cancel</button>
+      <button class="btn btn-info" ng-click="memberAddModal.proceed()" ng-show="!memberAddModal.isLoading" ng-disabled="memberAddModal.isProceedDisabled()">Add</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="memberAddModal.isLoading" alt="Loading">
+    </div>
+    
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/teams/member-removal-modal.html

@@ -0,0 +1,35 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="memberRemovalModal.close()" >×</div>
+  <h3>Confirm action</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="memberRemovalModal.errors">
+        <button class="close" ng-click="memberRemovalModal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in memberRemovalModal.errors">{{error}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="row">
+    <div class="col-sm-12">
+      <p class="align-center">
+        Are you sure you want to remove {{memberRemovalModal.user.name}} {{memberRemovalModal.user.surname}} from {{memberRemovalModal.team.name}}?
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12">
+      <button class="btn btn-shaded" ng-click="memberRemovalModal.close()" ng-show="!memberRemovalModal.isLoading">Cancel</button>
+      <button class="btn btn-danger" ng-click="memberRemovalModal.proceed()" ng-show="!memberRemovalModal.isLoading">Remove</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="memberRemovalModal.isLoading" alt="Loading">
+    </div>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/teams/team-add-modal.html

@@ -0,0 +1,35 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="addTeamModal.close()" >×</div>
+  <h3>Create New Team</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="addTeamModal.errors">
+        <button class="close" ng-click="addTeamModal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in addTeamModal.errors">{{error}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-sm-6 col-sm-offset-3 text-center">
+      <p>Enter a name for your new team</p>
+      <div class="spacer1"></div>
+      <input type="text" class="form-control" ng-model="addTeamModal.model.name" required/>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12">
+      <button class="btn btn-shaded" ng-click="addTeamModal.close()" ng-show="!addTeamModal.isLoading">Cancel</button>
+      <button class="btn btn-info" ng-click="addTeamModal.proceed()" ng-show="!addTeamModal.isLoading" ng-disabled="addTeamModal.isProceedDisabled()">Create</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="addTeamModal.isLoading" alt="Loading">
+    </div>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/teams/team-delete-modal.html

@@ -0,0 +1,35 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="teamDeletionModal.close()" >×</div>
+  <h3>Confirm action</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="teamDeletionModal.errors">
+        <button class="close" ng-click="teamDeletionModal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in teamDeletionModal.errors">{{error}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  
+  <div class="row">
+    <div class="col-sm-12">
+      <p class="align-center">
+        Are you really sure you want to remove {{teamDeletionModal.team.name}}?
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12">
+      <button class="btn btn-shaded" ng-click="teamDeletionModal.close()" ng-show="!teamDeletionModal.isLoading">Cancel</button>
+      <button class="btn btn-danger" ng-click="teamDeletionModal.proceed()" ng-show="!teamDeletionModal.isLoading">Remove</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="teamDeletionModal.isLoading" alt="Loading">
+    </div>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/dashboard/teams/team-list.html

@@ -0,0 +1,107 @@
+<!-- Loader -->
+<div class="col-md-12 text-center" ng-show="isLoading">
+  <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-main.gif']}}" alt="Loading"/>
+</div>
+
+<!-- List of teams -->
+<div ng-show="!isLoading">
+  <h4 ng-show="hasTeams()">{{ title }}</h4>
+  
+  <div accordion class="accordion">
+
+    <div ng-repeat="team in teams" class='teams-accordion-star-ref'>
+    
+        <div accordion-group is-open="team.$isAccOpen">
+          <div accordion-heading>
+              {{ team.name }}
+              <span class="caret pull-right" ng-class="{'caret-down': !team.$isAccOpen, 'caret-up': team.$isAccOpen}"></span>
+          </div>
+      
+          <div class="row text-center" ng-show="isTeamEmpty(team)">
+            <p class="text-muted">
+              <em>{{ team.name }} does not have any team member yet!</em>
+            </p>
+          
+            <div ng-show="canManageTeam()">
+              <button class="btn btn-sm btn-grey" ng-click="memberAddModal.open(team)">
+                <i class="fa fa-plus"></i>
+                <i class="fa fa-user"></i>
+                Add Team Members
+              </button>
+            </div>
+          </div>
+        
+          <div class="row" ng-show="!isTeamEmpty(team)">
+            <div class="col-sm-12" ng-show="canManageTeam()">
+              <button class="btn btn-sm btn-grey" ng-click="memberAddModal.open(team)">
+                <i class="fa fa-plus"></i>
+                <i class="fa fa-user"></i>
+                Add Team Members
+              </button>
+            </div>
+            <div class="spacer1"></div>
+          </div>
+        
+          <!-- List of team members -->
+          <div class="row" ng-show="!isTeamEmpty(team)">
+            <div class="col-sm-12">
+            
+              <div class="table-cell">
+        
+                <div class="row th-row hidden-xs">
+                  <div class="cell col-sm-3 col-md-2">Name</div>
+                  <div class="cell col-sm-4 col-md-2">Surname</div>
+                  <div class="cell col-md-4 hidden-xs hidden-sm">Email</div>
+                  <div class="cell col-sm-3 col-md-2 hidden-xs">Role</div>
+                </div>
+
+                <div class="row td-row" ng-repeat="member in team.users">
+                  <div class="cell col-sm-3 col-md-2">
+                    <span class="cell-label visible-xs-inline">Name:</span>
+                    {{ member.name }}
+                  </div>
+
+                  <div class="cell col-sm-4 col-md-2">
+                    <span class="cell-label visible-xs-inline">Surname: </span>
+                    {{ member.surname }}
+                  </div>
+                
+                  <div class="cell col-md-4 hidden-xs hidden-sm">
+                    <span class="cell-label visible-xs-inline">Email: </span>
+                    {{ member.email }}
+                  </div>
+                
+                  <div class="cell col-sm-3 col-md-2 hidden-xs">
+                    <span class="cell-label visible-xs-inline">Role: </span>
+                    {{ member.role }}
+                  </div>
+
+                  <div class="cell col-sm-2" ng-show="canManageTeam()">
+                    <a ng-click="memberRemovalModal.open(team,member)" class="btn btn-sm btn-link">
+                      <i class="fa fa-remove hidden-xs"></i>
+                      <span class="cell-label visible-xs-inline">&nbsp;Remove</span>
+                    </a>
+                  </div>
+                </div>
+        
+                <!-- End: table-cell -->
+              </div>
+            
+              <!-- End: col-sm-12 -->
+            </div>
+          
+            <!-- End: row list of users -->
+          </div>
+        
+  
+          <!-- End: accordion-group current billing -->
+        </div>
+    
+      <!-- End: ng-repeat:teams -->
+    </div>
+
+    <!-- End: accordion -->
+  </div>
+  
+  <!-- End: loading check wrapper -->
+</div>

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

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

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

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

@@ -0,0 +1,28 @@
+<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/loading_lounge.html

@@ -0,0 +1,63 @@
+<div>
+
+  <div class="spacer3 hidden-xs hidden-sm"></div>
+
+  <div class='align-center'>
+    <img ng-src="{{assetPath['mno_enterprise/main-logo.png']}}">
+    <div class="spacer2"></div>
+
+    <!-- Status Details -->
+    <div ng-switch on="currentStatus()">
+      <div ng-switch-when='online'>
+        <h3 class='mgreen'>Redirecting to {{appInstance.name}}</h3>
+        <h4 class='muted'>You will be automatically redirected in {{redirectionCounter}}s (or click the link below)</h4>
+        <br>
+        <a class='fbtn fbtn-large fbtn-success' ng-href="{{redirectUrl()}}"><b>Go to my app now!</b></a>
+      </div>
+      <div ng-switch-when='updating'>
+        <h3 class='mgreen'>{{appInstance.name}} is getting configured</h3>
+        <h4 class='muted'>Don't worry, it should be available in a few seconds.</h4>
+        <div class="spacer2"></div>
+        <hr/>
+        <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" alt="Loader">
+      </div>
+      <div ng-switch-when='loading'>
+        <h3 class='mgreen'>{{appInstance.name}} is loading</h3>
+        <h4 class='muted'>{{appInstance.name}} has been idle for a long time. We are currently loading it. It should be available soon!</h4>
+      </div>
+      <div ng-switch-when='creating'>
+        <h3 class='mgreen'>{{appInstance.name}} is getting setup</h3>
+        <h4 class='muted'>{{appInstance.name}} is preparing for the first use. It should be available soon!</h4>
+      </div>
+      <div ng-switch-when='terminated'>
+        <h3 class='mgreen'>{{appInstance.name}} has been deleted</h3>
+        <h4 class='muted'>{{appInstance.name}} has been removed by your administrator and is no more accessible.</h4>
+      </div>
+      <div ng-switch-when='errors'>
+        <h3 class='muted'>{{appInstance.name}} is idle</h3>
+        <br>
+        <div class='alert alert-danger align-left'>
+          <p><b>Unfortunately we cannot switch this app ON for you:</b></p>
+          <ul>
+            <li ng-repeat="error in appInstance.errors">{{error}}</li>
+          </ul>
+        </div>
+      </div>
+      <div ng-switch-when='not_found'>
+        <h3 class='mgreen'>Application not found</h3>
+        <h4 class='muted'>The app you requested does not seem to be managed by us. <br/>Are you sure you typed the right url?</h4>
+      </div>
+    </div>
+
+    <hr>
+
+    <!-- Loading Bar -->
+    <div ng-show="isProgressBarShown()">
+      <div class="muted progress-indicator" style='margin-left:11px;'>{{progressBarPercent()}}</div>
+      <div class="progress progress-mno progress-striped active">
+        <div class="progress-bar" ng-style="{width: progressBarPercent()}"></div>
+      </div>
+    </div>
+
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/maestrano-components/modal-messages/congratulations.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/talent.png']}}">
+  <div class='spacer2'></div>
+  <a class='btn btn-success' ng-click="modal.goBackToDashboard()">Go back to my Dashboard</a>
+</div>