mno-enterprise-frontend 2.0.0

data/app/assets/templates/mno_enterprise/dashboard/horizontal_menu.html

@@ -0,0 +1,85 @@
+<!-------------------------->
+<!--  Top Horizontal Menu -->
+<!-------------------------->
+
+<nav class="navbar menu horizontal">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#maestrano-dashboard-navbar-collapse">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      <a href="/">
+        <div class="brand-logo"></div>
+      </a>
+    </div>
+
+    <div class="collapse navbar-collapse" id="maestrano-dashboard-navbar-collapse">
+      <ul class="nav navbar-nav">
+        <li ng-show="!selectBoxisEmpty()">
+          <div class="dashboard-button" ng-class="isButtonActive('/') && 'active'">
+            <a href="#/" class="content">
+              <i class="dhb-icon-dashboard"></i>
+              <div>Dashboard</div>
+            </a>
+          </div>
+        </li>
+        <li>
+          <div ng-class="isButtonActive('/impac') && 'active'" class="dashboard-button">
+            <a href="#/impac" class="content">
+              <i class="dhb-icon-impac"></i>
+              <div>Impac!</div>
+            </a>
+          </div>
+        </li>
+        <li>
+          <div ng-class="isButtonActive('/account') && 'active'" class="dashboard-button">
+            <a href="#/account" class="content">
+              <i class="dhb-icon-account"></i>
+              <div>My Account</div>
+            </a>
+          </div>
+        </li>
+        <li ng-show="!selectBoxisEmpty()">
+          <div ng-class="isButtonActive('/company') && 'active'" class="dashboard-button">
+            <a href="#/company" class="content">
+              <i class="dhb-icon-company"></i>
+              <div>Company</div>
+            </a>
+          </div>
+        </li>
+        <li ng-show="!selectBoxisEmpty()">
+          <div ng-class="isButtonActive('/marketplace') && 'active'" class="dashboard-button">
+            <a href="#/marketplace" class="content">
+              <i class="dhb-icon-marketplace"></i>
+              <div>Marketplace</div>
+            </a>
+          </div>
+        </li>
+      </ul>
+
+      <!-------------------------->
+      <!--     Top Right Menu   -->
+      <!-------------------------->
+      <ul class="nav navbar-nav navbar-right">
+        <li>
+          <div class="dashboard-button">
+            <a href="#/account" class="content">
+              <div>{{ selectBox.userLabel }}</div>
+            </a>
+          </div>
+        </li>
+        <li>
+          <div class="dashboard-button">
+            <a href="/mnoe/auth/users/sign_out" class="content" data-method='delete'>
+              <div>Log off</div>
+            </a>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>

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

@@ -0,0 +1,60 @@
+<h2 class="section-title">Marketplace</h2>
+<div class="spacer2"></div>
+
+<div class="row dashboard-marketplace">
+  <!-- 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>
+
+  <!-------------------------------------->
+  <!--        Marketplace Content       -->
+  <!-------------------------------------->
+  <div class="col-md-12" ng-show="!isLoading">
+    <!-- Marketplace nav -->
+    <div class="row">
+      <div class="marketplace-nav">
+        <div class="col-sm-4">
+          <select class="form-control" ng-model="selectedCategory" ng-options="elem for elem in categories" ng-change="searchTerm = ''">
+            <option value=''>All</option>
+          </select>
+        </div>
+        <div class="col-sm-4">
+          <input type="text" class="form-control" placeholder="Search..." ng-model="searchTerm" ng-change="selectedCategory = ''"/>
+        </div>
+      </div>
+    </div>
+    
+    <!-- Marketplace list -->
+    <div class="row">
+      <div class="marketplace-list">
+        
+        <!-- App Cards-->
+        <div class="col-sm-6 col-md-4" ng-repeat="app in apps | filter:appsFilter | filter:searchTerm">
+         
+          <a class="marketplace-app-card" ng-href="{{linkFor(app)}}">
+            <div class="media">
+              <div class="pull-left">
+                <img class="media-object" ng-src="{{app.logo}}" ng-alt="{{app.name}}">
+              </div>
+              <div class="media-body">
+                <h4 class="media-heading">{{app.name}}</h4>
+                {{app.tiny_description}}
+              </div>
+              <div class="arrow">
+                <i class="fa fa-caret-right fa-2x"></i>
+              </div>
+            </div>
+          </a>
+          
+        </div>
+        
+        <!-- End: marketplace-list -->
+      </div>
+      
+      <!-- End: row -->
+    </div>
+    
+  </div>
+</div>
+

data/app/assets/templates/mno_enterprise/dashboard/marketplace/show.html

@@ -0,0 +1,133 @@
+<div class="dashboard-marketplace-app">
+    <div class="spacer1"></div>
+
+    <!-- Header -->
+    <div class="row show-header">
+      <div class="col-md-12">
+        <a href="#/marketplace" class="text-muted">
+          < Back
+        </a>
+
+        <div class="media">
+          <div class="pull-left">
+            <img class="media-object" ng-src="{{app.logo}}" ng-alt="{{app.name}}">
+          </div>
+          <div class="media-body">
+            <h2 class="media-heading">{{app.name}}</h2>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
+    <div class="spacer1"></div>
+
+    <!-- Content -->
+    <div class="show-content">
+
+        <!-- Pics/details row -->
+        <div class="row">
+
+          <div class="col-md-8">
+            <div class="well carousel">
+              <div carousel interval="3000">
+                <div slide ng-repeat="picture in app.pictures" class="screenshot">
+                  <img ng-src={{picture}} alt="screenshot">
+                </div>
+              </div>
+            </div>
+
+          </div>
+
+          <div class="col-md-4">
+
+              <div class="well text-center well-details">
+                <div ng-show="helper.canCreateApp()" class="row">
+                  <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-8 col-md-offset-2">
+                    <div class="btn-fluid-wrapper">
+                      <a class="btn btn-warning btn-promo" ng-href="{{provisionLink()}}">
+                        Start Now!
+                      </a>
+                    </div>
+                  </div>
+                </div>
+                <div ng-show="!helper.canCreateApp()" class="row">
+                  <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-8 col-md-offset-2">
+                    <div class="btn-fluid-wrapper">
+                      <a class="btn btn-warning btn-promo" disabled>
+                        Ask your admin
+                      </a>
+                    </div>
+                  </div>
+                </div>
+
+                <div class="row">
+
+                  <div class="col-xs-12 col-sm-4 col-sm-offset-4 col-md-8 col-md-offset-2">
+                    <ul class="app-features">
+                      <li ng-show="app.is_responsive">
+                        <img ng-src="{{assetPath['icons/mobile-responsive-logo.png']}}" alt="responsive icon">
+                        Responsive
+                      </li>
+                      <li ng-show="app.is_star_ready" mno-helptext="Your live tutorials directly inside your app">
+                        <img ng-src="{{assetPath['icons/star-enabled-logo.png']}}" alt="Star icon">
+                        Star!™ Tutorials
+                      </li>
+                      <li ng-show="app.is_connec_ready" mno-helptext="Your Data automatically shared between your applications">
+                        <img ng-src="{{assetPath['icons/connec-enabled-logo.png']}}" alt="Connec icon">
+                        Connec!™ Ready
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+
+                <div class="row">
+                  <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-12 col-md-offset-0">
+
+                    <ul class="key-benefits">
+                      <li ng-repeat="benefit in app.key_benefits track by $index">
+                        <i class="fa fa-check"></i>
+                        {{benefit}}
+                      </li>
+                    </ul>
+
+                  </div>
+                </div>
+
+              </div>
+
+          </div>
+
+          <!-- End pics/details row -->
+        </div>
+
+        <!-- Testimonials row -->
+        <div class="row">
+          <div class="col-md-6" ng-repeat="testimonial in app.testimonials | limitTo:2" ng-show="isTestimonialShown(testimonial)">
+            <div class="ribbon-testimonial ribbon-white">
+                <div class="body">
+                  {{ testimonial.text }}
+                  <div class="arrow"></div>
+                </div>
+              <div class="from">
+                <div class="name">{{ testimonial.author }}</div>
+                <div class="company">{{ testimonial.company }}</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="spacer1"></div>
+        </div>
+
+        <!-- Description row -->
+        <div class="row">
+          <div class="col-md-12">
+            <div class="well" ng-bind-html="app.description"></div>
+          </div>
+        </div>
+
+        <!-- End show-content -->
+    </div>
+
+
+</div>

data/app/assets/templates/mno_enterprise/dashboard/menu.html

@@ -0,0 +1,161 @@
+<!---------------------------->
+<!--    Advertisement moda  -->
+<!---------------------------->
+<div mno-message-modal></div>
+
+
+<!---------------------------->
+<!--    Responsive Navbar   -->
+<!---------------------------->
+<div class="navbar navbar-fixed-top navbar-inverse navbar-dashboard visible-xs">
+  <div class="container-fluid">
+    <div class="navbar-header">
+      <button class="navbar-toggle" data-toggle='collapse' data-target='#maestrano-dashboard-navbar-collapse'>
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+    </div>
+    <a class="navbar-brand" href="/">
+      <div>Dashboard</div>
+    </a>
+    <div class="collapse navbar-collapse" id="maestrano-dashboard-navbar-collapse">
+      <ul class="nav navbar-nav">
+        <!-- ------------------------- -->
+        <!-- My account section        -->
+        <!-- ------------------------- -->
+        <li ng-show="!selectBoxisEmpty()">
+          <a href="#/">My dashboard</a>
+        </li>
+        <li ng-show="!selectBoxisEmpty() && isAnalyticsTabShown()">
+          <a href="#/impac">Impac!</a>
+        </li>
+        <li>
+          <a href="#/account">My account</a>
+        </li>
+        <li ng-show="!selectBoxisEmpty()">
+          <a href="#/company">My company</a>
+        </li>
+        <li ng-show="!selectBoxisEmpty()">
+          <a href="#/marketplace">Marketplace</a>
+        </li>
+        <!-- <li ng-show="!selectBoxisEmpty()">
+          <a href="#/support">Support</a>
+        </li> -->
+        <li>
+          <a href="/mnoe/auth/users/sign_out" data-method='delete'>Sign Out</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+
+<!-- Push content below the navbar + select box -->
+<div class="spacer2 visible-xs-block"></div>
+
+<!-------------------------->
+<!--    Select Box        -->
+<!-------------------------->
+<div class="company-select-box">
+  <div class="wrapper">
+    
+    <div class="box-header">
+      <span class="title">{{ selectBox.userLabel }}</span>
+      -
+      <span class="title">{{ selectBox.organization.name }}</span>
+      <a type="button" class="btn switch-company" ng-click="selectBox.toggle()">
+        <i ng-class="!selectBox.isClosed && 'active'"></i>
+      </a>
+    </div>
+    
+    <div class="box-content scrollbar-hidden" collapse="selectBox.isClosed">
+      <ul class="list-unstyled">
+        <li ng-repeat="organization in selectBox.organizationList()" >
+          <a href="" ng-click="selectBox.changeTo(organization)" compile="selectBox.organizationLabel(organization)"></a>
+        </li>
+      </ul>
+      <div class="create-new">
+        <a href="" ng-click="selectBox.createNewOrga()"><small>New Company</small></a>
+      </div>
+      <div class="admin-link" ng-if="selectBox.user.admin_role">
+        <a href="/admin/"><small>Access Admin Panel</small></a>
+      </div>
+    </div>
+    
+  </div>
+</div>
+
+<!-------------------------->
+<!--    Side Navbar       -->
+<!-------------------------->
+<div class="col-xs-1 hidden-xs scrollbar-hidden">
+  <div class="menu vertical expanded">
+    <!--Home page link-->
+    <a href="/">
+      <div class='brand-logo'></div>
+    </a>
+    <!---------------------------------------------------------------------------------------------------------------->
+<!--                                         User section                                                       -->
+<!---------------------------------------------------------------------------------------------------------------->
+    <div  ng-show="!selectBoxisEmpty()">
+      <a href="#/">
+        <div class="dashboard-button" ng-class="isButtonActive('/') && 'active'">
+          <div class='content'>Dashboard</div>
+          <i class="dhb-icon-dashboard"></i>
+        </div>
+      </a>
+      <br>
+    </div>
+    <div  ng-show="!selectBoxisEmpty()">
+      <a href="#/impac">
+        <div class="dashboard-button" ng-class="isButtonActive('/impac') && 'active'">
+          <div class='content'>Impac!</div>
+          <i class="dhb-icon-impac"></i>
+        </div>
+      </a>
+      <br>
+    </div>
+    <a href="#/account">
+      <div ng-class="isButtonActive('/account') && 'active'" class="dashboard-button">
+        <div class='content'>My Account</div>
+        <i class="dhb-icon-account"></i>
+      </div>
+    </a>
+    <br>
+    <div  ng-show="!selectBoxisEmpty()">
+      <a href="#/company">
+        <div ng-class="isButtonActive('/company') && 'active'" class="dashboard-button">
+          <div class='content'>Company</div>
+          <i class="dhb-icon-company"></i>
+        </div>
+      </a>
+      <br>
+    </div>
+    <!-- <div  ng-show="!selectBoxisEmpty()">
+      <a href="#/support">
+        <div ng-class="isButtonActive('/support') && 'active'" class="dashboard-button">
+          <div class='content'>Support</div>
+          <i class="dhb-icon-support"></i>
+        </div>
+      </a>
+      <br>
+    </div> -->
+    <div  ng-show="!selectBoxisEmpty()">
+      <a href="#/marketplace">
+        <div ng-class="isButtonActive('/marketplace') && 'active'" class="dashboard-button">
+          <div class='content'>Marketplace</div>
+          <i class="dhb-icon-marketplace"></i>
+        </div>
+      </a>
+      <br>
+    </div>
+    <a href="/mnoe/auth/users/sign_out" data-method='delete'>
+      <div class="dashboard-button">
+        <div class='content'>Logout</div>
+        <i class="dhb-icon-logout"></i>
+      </div>
+    </a>
+  </div>
+</div>

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

@@ -0,0 +1,37 @@
+<div class="alert alert-danger" ng-show="paymentFailedBox.errors">
+  <button class="close" ng-click="paymentFailedBox.errors=''">×</button>
+  <div ng-show="paymentFailedBox.errors">
+    <div>
+      <h5>Sorry we couldn't process this payment</h5>
+      <ul>
+        <li ng-repeat="error in paymentFailedBox.errors">{{error}}</li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="alert alert-success" ng-show="paymentFailedBox.success">
+  <button class="close" ng-click="paymentFailedBox.success=''">×</button>
+  <div ng-show="paymentFailedBox.success">
+    <div>
+      <h5>{{paymentFailedBox.success}}</h5>
+    </div>
+  </div>
+</div>
+<div class="alert alert-error" ng-show="paymentFailedBox.show()">
+  <div class="align-center">
+    <p>
+      <b>Your account is currently in arrears as we were unable to charge your designated credit card.
+      <br />Please make sure your credit card details are up to date, then click the button below.</b>
+    </p>
+    <p>
+      <b>Unfortunately if we are unable to charge your credit card by {{ paymentFailedBox.getSituation().executeAt | date:'MMMM d, y h:mm:ss a' }}, your applications will be automatically shut down.</b>
+    </p>
+    <div>
+      <button class="btn" ng-click="paymentFailedBox.retryPayment()" ng-show="!paymentFailedBox.inProgress">
+        <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
+        Retry Payment
+      </button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-inverse.gif']}}" ng-show="paymentFailedBox.inProgress" alt="Loading"/>
+    </div>
+  </div>
+</div>