mno-enterprise-frontend 2.0.0

data/app/assets/templates/mno_enterprise/modals/new-organization-reseller-req.html

@@ -0,0 +1,35 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="modal.close(_self)" >×</div>
+  <h3>Create New Company For Your Customer</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="modal.errors">
+        <button class="close" ng-click="modal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in modal.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 company</p>
+      <div class="spacer1"></div>
+      <input type="text" class="form-control" ng-model="modal.model.name" required/>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12">
+      <button class="btn btn-lg btn-shaded" ng-click="modal.close(_self)" ng-show="!modal.isLoading">Cancel</button>
+      <button class="btn btn-lg btn-info" ng-click="modal.proceed(_self)" ng-show="!modal.isLoading">Create</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-main.gif']}}" ng-show="modal.isLoading" alt="Loading">
+    </div>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/modals/new-organization.html

@@ -0,0 +1,35 @@
+<div class="modal-header">
+  <div class="close" type="button" ng-click="modal.close(_self)" >×</div>
+  <h3>Create New Company</h3>
+</div>
+
+<div class="modal-body">
+  <div class="row">
+    <div class="col-sm-12">
+      <div class="alert alert-error" ng-show="modal.errors">
+        <button class="close" ng-click="modal.errors=''">×</button>
+        <ul>
+          <li ng-repeat="error in modal.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 company</p>
+      <div class="spacer1"></div>
+      <input type="text" class="form-control" ng-model="modal.model.name" required/>
+    </div>
+  </div>
+</div>
+
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-sm-12">
+      <button class="btn btn-lg btn-shaded" ng-click="modal.close(_self)" ng-show="!modal.isLoading">Cancel</button>
+      <button class="btn btn-lg btn-info" ng-click="modal.proceed(_self)" ng-show="!modal.isLoading">Create</button>
+      <img ng-src="{{assetPath['mno_enterprise/loader-32x32-bg-main.gif']}}" ng-show="modal.isLoading" alt="Loading">
+    </div>
+  </div>
+</div>

data/app/assets/templates/mno_enterprise/user-setup/index.html

@@ -0,0 +1,312 @@
+<div class="spacer2"></div>
+
+<!-- Loading Icon -->
+<div layout="row" layout-align="center center" ng-show="isLoading" style="height:300px;">
+  <md-progress-circular md-mode="indeterminate"></md-progress-circular>
+</div>
+
+<!-- 
+  Step 1: Fill additional company details
+-->
+<div ng-show="!isLoading && step == 1">
+  <div layout="column" layout-align="center center">
+    <h2>Hi {{user.name}}. Let's get you started...</h2>
+    <h3>Tell us about your business so we can customise your experience</h3>
+  </div>
+  
+  
+  <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <md-content layout-padding class="md-whiteframe-z1" flex="50">
+        <div layout="row" layout-align="end center">
+          <div class="md-toolbar-tools">
+            <span flex></span>
+            <md-button ng-click="skip()">Skip</md-button>
+          </div>
+          
+        </div>
+        
+        <!-- Business Setup form-->
+        <form name="userForm" flex>
+          
+          <div layout="row" style="margin-bottom:10px;">
+            <md-select placeholder="Industry" ng-model="company.industry" style="width:100%;">
+              <md-option ng-value="opt" ng-repeat="opt in lists.industries">{{opt}}</md-option>
+            </md-select>
+          </div>
+    
+          <md-input-container>
+            <label>Company name</label>
+            <input type="text" ng-model="company.name">
+          </md-input-container>
+    
+          <p>My business is:</p>
+          <md-radio-group ng-model="company.growth_type">
+            <md-radio-button value="startup">Starting up</md-radio-button>
+            <md-radio-button value="sme">Growing</md-radio-button>
+            <md-radio-button value="agency">Ticking along</md-radio-button>
+          </md-radio-group>
+          
+          <div layout="row" style="margin-bottom:10px;">
+            <md-select placeholder="Number of employees" ng-model="company.size" style="width:100%;">
+              <md-option ng-value="opt.value" ng-repeat="opt in lists.sizes">{{opt.label}}</md-option>
+            </md-select>
+          </div>
+          
+          <br/>
+          
+          <div layout="row" layout-align="center center">
+            <md-button class="md-raised md-accent" ng-click="next()">Done</md-button>
+          </div>
+        </form>
+      
+    </md-content>
+  </div>
+</div>
+
+
+<!-- 
+  Step 2: Connect existing apps 
+-->
+<div ng-show="!isLoading && !connectPane.shown && step == 2">
+  <div layout="column" layout-align="center center">
+    <h1>Do you currently use any business apps?</h1>
+  </div>
+  
+  <!-- Skip or search -->
+  <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <div layout="row" layout-align="space-around center" layout-padding flex="50">
+      
+      <md-button ng-click="next()" flex="45">No, I don't have any apps</md-button>
+      
+      
+      <md-input-container flex="45" class="md-icon-float">
+        <label>Search for apps</label>
+        <md-icon md-font-icon="fa fa-search" class="name" style='font-size: 22px; margin-top: -3px;'></md-icon>
+        <input type="text" ng-model="locals.search" style="padding-top:14px;">
+      </md-input-container>
+      <span flex></span>
+      
+    </div>
+  </div>
+  
+  <!-- My Apps section -->
+  <div ng-show="myApps.length > 0" class="fade-in-out">
+    <div layout="row" layout-align="center center" style="margin-top: 40px;" >
+      <div flex="50">
+        <h3 style="margin-left: 8px;">My Existing Apps</h3>
+      </div>
+    </div>
+  
+    <div layout="row" layout-align="center center">
+      <div layout="row" layout-align="start center" style="center" flex="50">        
+        <md-button class="md-raised md-img fade-in-out-repeat" ng-repeat="app in myApps" ng-click="toggleAppInBasket(app)" flex="15">
+          <img ng-src="{{app.logo}}" class="md-card-image" ng-alt="{{app.name}}">
+          <md-icon md-font-icon="fa fa-check" class="md-icon-check" ng-show="isAppInBasket(app)"></md-icon>
+        </md-button>
+      </div>
+    </div>
+  </div>
+  
+  <div layout="row" layout-align="center center" style="margin-top: 40px;">
+    <div flex="50">
+      <h3 style="margin-left: 8px;">Popular Apps</h3>
+    </div>
+  </div>
+  
+  <div layout="row" layout-align="center center">
+    <div layout="row" layout-align="space-between center" style="center" flex="50">
+      <md-button class="md-raised md-img" ng-repeat="app in popularApps().slice(0,5) track by $index" ng-click="toggleOrConnect(app)">
+        <img ng-src="{{app.logo}}" class="md-card-image" ng-alt="{{app.name}}">
+        <md-icon md-font-icon="fa fa-check" class="md-icon-check" ng-show="isAppInBasket(app)"></md-icon>
+      </md-button>
+    </div>
+  </div>
+  
+  <div layout="row" layout-align="center center">
+    <div layout="row" layout-align="space-between center" style="center" flex="50">
+      <md-button class="md-raised md-img" ng-repeat="app in popularApps().slice(5,10) track by $index" ng-click="toggleOrConnect(app)">
+        <img ng-src="{{app.logo}}" class="md-card-image" ng-alt="{{app.name}}">
+        <md-icon md-font-icon="fa fa-check" class="md-icon-check" ng-show="isAppInBasket(app)"></md-icon>
+      </md-button>
+    </div>
+  </div>
+  
+  <!-- Next Button -->
+  <div class="spacer2"></div>
+  <div layout="row" layout-align="center center">
+    <md-button class="md-raised md-accent" ng-click="next()">Done</md-button>
+  </div>
+</div>
+
+
+<!-- 
+  Step 2: App Connection Screen 
+-->
+<div ng-show="!isLoading && connectPane.shown && step == 2">
+  <div layout="column" layout-align="center center">
+    <h1>Securely Connect</h1>
+  </div>
+  
+  <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <md-content layout-padding class="md-whiteframe-z1" flex="33">
+      <div layout="row" layout-align="center center">
+        <img ng-src="{{connectPane.currentApp.logo}}" ng-alt="{{connectPane.currentApp.name}}" flex="30">
+      </div>
+      
+      <md-input-container>
+        <label>Username</label>
+        <input type="text" ng-model="connectPane.currentApp._username">
+      </md-input-container>
+      
+      <md-input-container>
+        <label>Password</label>
+        <input type="password" ng-model="connectPane.currentApp._password">
+      </md-input-container>
+      
+      <div layout="row" layout-align="center center">
+        <md-button class="md-raised md-accent" ng-click="connectPane.connect()">Connect Securely</md-button>
+      </div>
+      <div layout="row" layout-align="center center">
+        <md-button class="md-mini" ng-click="connectPane.cancel()">Cancel</md-button>
+      </div>
+      
+      <md-progress-linear md-mode="indeterminate" ng-show="connectPane.loading"></md-progress-linear>
+      
+    </md-content>
+  </div>
+</div>
+
+<!-- 
+  Step 3: Explore more apps
+-->
+<div ng-show="!isLoading && step == 3">
+  <div layout="column" layout-align="center center">
+    <h1>Do you want to explore more apps?</h1>
+  </div>
+  
+  <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <div layout="row" layout-align="space-around center" layout-padding flex="50">
+      <md-button ng-click="finishSetup()" flex="45">Not right now</md-button>
+      <md-button class="md-raised md-primary" ng-click="next()" flex="45">Yes</md-button>
+    </div>
+  </div>
+  
+  <div layout="column" layout-align="center center">
+    <h3>No stress, if you want to go straight to the site, we can do this later...</h3>
+  </div>
+</div>
+
+
+<!-- 
+  Step 4: Bundle questions
+-->
+<div ng-show="!isLoading && step == 4">
+  <div layout="column" layout-align="center center">
+    <h2>Tell us about your needs so we can better recommend apps for you...</h2>
+  </div>
+  
+  <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <md-content layout-padding class="md-whiteframe-z1" flex="50">
+      <h3>I need help with:</h3>
+      
+      <div ng-repeat="(category,subCategorylist) in lists.bundleCategories">
+        <md-list-item>
+          <p ng-style="selectedCategories[category] && {'font-weight':600 }"> {{ category }} </p>
+          <md-checkbox class="md-secondary md-primary" ng-model="selectedCategories[category]"></md-checkbox>
+        </md-list-item>
+        
+        <div class='md-sublist' ng-show="selectedCategories[category]">
+          <md-list-item ng-repeat="subcategory in subCategorylist">
+            <p> {{ subcategory }} </p>
+            <md-checkbox class="md-secondary" ng-model="selectedSubCategories[subcategory]"></md-checkbox>
+          </md-list-item>
+        </div>
+      </div>
+      
+      <!-- Next Button -->
+      <div class="spacer2"></div>
+      <div layout="row" layout-align="center center">
+        <md-button class="md-raised md-accent" ng-click="next()">Get recommendations</md-button>
+      </div>
+      
+    </md-content>
+  </div>
+</div>
+
+
+<!-- 
+  Step 5: Recommendation
+-->
+<div ng-show="!isLoading && step == 5">
+  <div layout="column" layout-align="center center">
+    <h1>Our recommendation</h1>
+  </div>
+  
+  <!-- Skip -->
+  <!-- <div layout="row" layout-align="center center" style="margin-top: 20px;">
+    <div layout="row" layout-align="space-around center" layout-padding flex="50">
+
+      <md-button ng-click="finishSetup()" flex="45">Skip</md-button>
+
+    </div>
+  </div> -->
+  
+  <!-- No recommendations available -->
+  <div ng-show="recommendedApps().length == 0">
+    <div layout="row" layout-align="center center" style="margin-top: 20px;">
+      <md-content layout-align="center center" layout-padding class="md-whiteframe-z1" flex="50">
+        <div layout="row" layout-align="center center">
+          <p>It looks like we do not have enough information to be able to recommend any app!</p>
+        </div>
+        <div layout="row" layout-align="center center">
+          <md-button ng-click="back()">Try again?</md-button>
+          <md-button ng-click="finishSetup()">Skip</md-button>
+        </div>
+      </md-content>
+    </div>
+  </div>
+  
+  
+  <!-- Recommended Apps section -->
+  <div ng-show="recommendedApps().length > 0">
+    <div layout="row" layout-align="center center" style="margin-top: 40px;" >
+      <h3 style="margin-left: 8px;">Based on your profile we recommend</h3>
+    </div>
+    
+    <div class="spacer1"></div>
+    
+    <div layout="row" layout-align="center center">
+      <div layout="row" layout-align="center center" style="center" flex="50">
+        <md-button class="md-raised md-img" ng-repeat="app in recommendedApps() track by $index" ng-click="toggleAppInBasket(app)" flex="15">
+          <img ng-src="{{app.logo}}" class="md-card-image" ng-alt="{{app.name}}">
+          <md-icon md-font-icon="fa fa-check" class="md-icon-check" ng-show="isAppInBasket(app)"></md-icon>
+        </md-button>
+      </div>
+    </div>
+    
+    <!-- Next Button -->
+    <div class="spacer2"></div>
+    <div layout="row" layout-align="center center">
+      <md-button ng-click="finishSetup()">Skip</md-button>
+      <md-button class="md-raised md-accent" ng-click="finishSetup()">Done</md-button>
+    </div>
+  </div>
+  
+  <!-- My Apps section -->
+  <div ng-show="myApps.length > 0">
+    <hr/>
+    <div layout="row" layout-align="center center" style="margin-top: 40px;" >
+      <h4 style="margin-left: 8px;">My Existing Apps</h4>
+    </div>
+  
+    <div layout="row" layout-align="center center">
+      <div layout="row" layout-align="center center" style="center" flex="50">
+        <md-button class="md-raised md-img" ng-repeat="app in myApps track by $index" ng-click="toggleAppInBasket(app)" flex="5">
+          <img ng-src="{{app.logo}}" class="md-card-image" ng-alt="{{app.name}}">
+          <md-icon md-font-icon="fa fa-check" class="md-icon-check" ng-show="isAppInBasket(app)"></md-icon>
+        </md-button>
+      </div>
+    </div>
+  </div>
+  
+</div>

data/app/controllers/mno_enterprise/invoices_controller.rb

@@ -0,0 +1,22 @@
+module MnoEnterprise
+  class InvoicesController < ApplicationController
+    before_filter :authenticate_user!
+    before_filter :redirect_to_lounge_if_unconfirmed
+    
+    # GET /mnoe/invoices/201504-NU4
+    def show
+      @invoice = MnoEnterprise::Invoice.where(slug: params[:id].upcase).reload.first
+      authorize! :manage_billing, current_user.organizations.find(@invoice.organization_id)
+    
+      respond_to do |format|
+        if @invoice
+          filename = "Invoice - #{@invoice.slug}.pdf"
+          pdf_view = MnoEnterprise::InvoicePdf.new(@invoice).render
+          format.html { send_data pdf_view, filename: filename, type: "application/pdf", disposition: 'inline'  }
+        else
+          format.html { redirect_to root_path, :alert => 'Sorry, the page requested could not be displayed' }
+        end
+      end
+    end
+  end
+end

data/app/controllers/mno_enterprise/pages_controller.rb

@@ -0,0 +1,9 @@
+module MnoEnterprise
+  class PagesController < ApplicationController
+    # mno-enterprise/api concern
+    include MnoEnterprise::Concerns::Controllers::PagesController
+
+    # mno-enterprise/frontend concern
+    include MnoEnterprise::Frontend::Concerns::Controllers::PagesController
+  end
+end

data/app/controllers/mno_enterprise/user_setup_controller.rb

@@ -0,0 +1,11 @@
+module MnoEnterprise
+  class UserSetupController < ApplicationController
+    before_filter :authenticate_user!
+    before_filter :redirect_to_lounge_if_unconfirmed
+
+    # GET /user_setup/:id
+    # Display a specific step for the user setup
+    def index
+    end
+  end
+end

data/app/views/layouts/mno_enterprise/_application_js.html.haml

@@ -0,0 +1,17 @@
+-# Load all CDN Base libraries
+= render "layouts/mno_enterprise/common_cdn_lib_js"
+  
+-# JS libraries hosted internally - usually not changing
+= javascript_include_tag "mno_enterprise/application_lib"
+  
+-# Application JS - changing quite often
+= javascript_include_tag "mno_enterprise/application"
+
+-# Maestrano Enterprise extensions
+-# Only loaded if the file has been included in the list of files to compile
+- if Rails.application.config.assets.precompile.include?("mno_enterprise_extensions.js")
+  = javascript_include_tag "mno_enterprise_extensions"
+
+-# Development extension
+-  if Rails.env.development?
+  = javascript_include_tag "ng-performance/ngPerformance"