mno-enterprise-frontend 2.0.0

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/dashboard-apps-list.js.coffee

@@ -0,0 +1,127 @@
+module = angular.module('maestrano.dashboard.dashboard-apps-list',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardAppsListCtrl',[
+  '$scope','DashboardAppsDocument','DashboardAppInstance','AssetPath','AppsListHelper','$interval','$q','DhbOrganizationSvc','MsgBus',
+  ($scope, DashboardAppsDocument, DashboardAppInstance, AssetPath, AppsListHelper, $interval, $q, DhbOrganizationSvc, MsgBus) ->
+    $scope.blink = { value: 'neutral' }
+
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.loading = true
+    $scope.assetPath = AssetPath
+    $scope.starWizardModal = { value:false }
+    MsgBus.publish('starWizardModal',$scope.starWizardModal)
+
+    $scope.openStarWizard = ->
+      $scope.starWizardModal.value = true
+
+    $scope.originalApps = []
+
+    #====================================
+    # Scope Management
+    #====================================
+    init = () ->
+      # Scope initialization
+      $scope.displayOptions = {}
+      $scope.helper = {}
+      $scope.appsListHelper = AppsListHelper.new()
+      can = DhbOrganizationSvc.can
+      angular.copy(DashboardAppsDocument.data,$scope.originalApps)
+      $scope.loading = false
+
+
+      # ----------------------------------------------------------
+      # Permissions helper
+      # ----------------------------------------------------------
+      $scope.helper.displayCogwheel = ->
+        can.update.appInstance()
+
+      $scope.helper.canCreateApp = ->
+        can.create.appInstance()
+
+      $scope.helper.canRestartApp = ->
+        can.update.appInstance()
+
+      $scope.helper.canRenameApp = ->
+        can.update.appInstance()
+
+      $scope.helper.canDeleteApp = ->
+        can.destroy.appInstance()
+
+      $scope.helper.canChangePlanApp = (app)->
+        app.stack == 'cube' && can.update.appInstance()
+
+      $scope.helper.displayBootstrapWizard = ->
+        can.update.appInstance()
+
+      $scope.apps = DashboardAppsDocument.data
+
+      # ----------------------------------------------------------
+      # Restart app
+      # ----------------------------------------------------------
+      $scope.restartApp = { loading: false }
+      $scope.restartApp.perform = (id) ->
+        $scope.restartApp.loading = true
+        DashboardAppInstance.restart(id).then(
+          (success) ->
+            $scope.restartApp.loading = false
+          (error) ->
+            $scope.restartApp.loading = false
+        )
+
+      $scope.updateAppName = (app) ->
+        origApp = $scope.originalApps["app_instance_#{app.id}"]
+        if app.name.length == 0
+          app.name = origApp.name
+        else
+          DashboardAppInstance.updateName(app.id,app.name).then(
+            (->)
+              origApp.name = app.name
+            , ->
+              app.name = origApp.name
+          )
+
+    # ----------------------------------------------------------
+    # Little trick to create 'blinking' effect
+    # (used for the status of the apps)
+    # ----------------------------------------------------------
+    blink = ->
+      if $scope.blink.value == '' then $scope.blink.value = 'neutral'
+      else $scope.blink.value = ''
+    $interval((-> blink()),500)
+
+    $scope.shouldBlink = (status) ->
+      _.contains([
+        'starting',
+        'restarting',
+        'stopping',
+        'terminating',
+        'upgrading',
+        'downgrading',
+      ],status)
+
+
+    #====================================
+    # Post-Initialization
+    #====================================
+    $scope.$watch DashboardAppsDocument.getId, (val) ->
+      if val?
+        DashboardAppsDocument.load(val).then () ->
+          init()
+
+
+])
+
+module.directive('dashboardAppsList', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/apps_list.html'],
+      controller: 'DashboardAppsListCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/dashboard-components.js.coffee

@@ -0,0 +1,25 @@
+# This main module requires all the sub-modules that should compose it
+# This pattern allows us to split a fat module in several files
+dashboardComponents = angular.module('maestrano.dashboard', [
+  'maestrano.dashboard.dashboard-apps-list',
+  'maestrano.dashboard.dashboard-account',
+  'maestrano.dashboard.dashboard-menu',
+  'maestrano.dashboard.dashboard-app-deletion-request',
+
+  # Marketplace Section
+  'maestrano.dashboard.dashboard-marketplace',
+  'maestrano.dashboard.dashboard-marketplace-app',
+
+  # Company Section
+  'maestrano.dashboard.dashboard-organization-index',
+  'maestrano.dashboard.dashboard-organization-credit-card',
+  'maestrano.dashboard.dashboard-organization-invoices',
+  'maestrano.dashboard.dashboard-organization-billing',
+  'maestrano.dashboard.dashboard-organization-arrears',
+  'maestrano.dashboard.dashboard-organization-settings',
+  'maestrano.dashboard.dashboard-organization-members',
+  'maestrano.dashboard.dashboard-organization-teams',
+  'maestrano.dashboard.dashboard-organization-team-list',
+  ]
+)
+

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/dashboard-marketplace-app.js.coffee

@@ -0,0 +1,77 @@
+module = angular.module('maestrano.dashboard.dashboard-marketplace-app',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardMarketplaceAppCtrl',[
+  '$scope', 'MarketplaceSvc', 'DhbOrganizationSvc','AssetPath','$routeParams',
+  ($scope, MarketplaceSvc, DhbOrganizationSvc, AssetPath, $routeParams) ->
+    
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.app = {}
+    
+    #====================================
+    # Scope Management
+    #====================================
+    $scope.initialize = (app) ->
+      angular.copy(app,$scope.app)
+      $scope.isLoading = false
+      $scope.helper = {}
+      can = DhbOrganizationSvc.can
+
+      # ----------------------------------------------------------
+      # Permissions helper
+      # ----------------------------------------------------------
+      $scope.helper.canCreateApp = ->
+        can.create.appInstance()
+      
+    $scope.backLink = ->
+      "#/marketplace"
+    
+    # Check that the testimonial is not empty
+    $scope.isTestimonialShown = (testimonial) ->
+      testimonial.text? && testimonial.text.length > 0
+    
+    $scope.provisionLink = () ->
+      "/mnoe/provision/new?apps[]=#{$scope.app.nid}&organization_id=#{DhbOrganizationSvc.getId()}"
+    
+    #====================================
+    # Cart Management
+    #====================================
+    $scope.cart = cart = {
+      isOpen: false
+      bundle: {}
+      config: {}
+    }
+    
+    # Open the ShoppingCart
+    cart.open = ->
+      if (d = DhbOrganizationSvc.data) && (o = d.organization) && o.id
+        cart.config.organizationId = o.id
+      
+      cart.bundle = { app_instances: [{app: { id: $scope.app.id }}] }
+      cart.isOpen = true
+    
+    
+    #====================================
+    # Post-Initialization
+    #====================================
+    MarketplaceSvc.load().then (marketplace)->
+      listApp = _.findWhere(marketplace.apps,{slug: $routeParams.appId })
+      listApp ||= _.findWhere(marketplace.apps,{id: parseInt($routeParams.appId) })
+      $scope.initialize(listApp)
+
+])
+
+module.directive('dashboardMarketplaceApp', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {},
+      templateUrl: TemplatePath['mno_enterprise/dashboard/marketplace/show.html'],
+      controller: 'DashboardMarketplaceAppCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/dashboard-marketplace.js.coffee

@@ -0,0 +1,51 @@
+module = angular.module('maestrano.dashboard.dashboard-marketplace',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardMarketplaceCtrl',[
+  '$scope', 'MarketplaceSvc', 'AssetPath'
+  ($scope, MarketplaceSvc, AssetPath) ->
+    
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.selectedCategory = ''
+    $scope.searchTerm = ''
+    $scope.appFilter = ''
+    
+    #====================================
+    # Scope Management
+    #====================================
+    $scope.initialize = (marketplace)->
+      $scope.categories = marketplace.categories
+      $scope.apps = marketplace.apps
+      $scope.isLoading = false
+    
+    $scope.linkFor = (app) ->
+      "#/marketplace/#{app.id}"
+    
+    $scope.appsFilter = (app) ->
+      if ($scope.searchTerm? && $scope.searchTerm.length > 0) || !$scope.selectedCategory
+        return true
+       else
+        return _.contains(app.categories,$scope.selectedCategory)
+    
+    #====================================
+    # Post-Initialization
+    #====================================
+    MarketplaceSvc.load().then (marketplace)->
+      $scope.initialize(marketplace)
+
+])
+
+module.directive('dashboardMarketplace', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {},
+      templateUrl: TemplatePath['mno_enterprise/dashboard/marketplace/index.html'],
+      controller: 'DashboardMarketplaceCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/dashboard-menu.js.coffee

@@ -0,0 +1,174 @@
+module = angular.module('maestrano.dashboard.dashboard-menu',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardMenuCtrl',[
+  '$scope','$q','AssetPath','$location','$sce','CurrentUserSvc','DashboardAppsDocument','DhbOrganizationSvc','MarketplaceSvc','DhbTeamSvc', '$modal', '$http','$routeParams','$window','MessageSvc','MsgBus','TemplatePath','ModalSvc',
+  ($scope,$q,AssetPath,$location,$sce,CurrentUserSvc,DashboardAppsDocument,DhbOrganizationSvc, MarketplaceSvc, DhbTeamSvc, $modal, $http, $routeParams, $window, MessageSvc, MsgBus, TemplatePath, ModalSvc) ->
+    $scope.assetPath = AssetPath
+
+    # Open the maestrano star menu
+    $scope.openMnoStarMenu = ->
+      $window.mnoLoader.toggleMenu()
+
+    #====================================
+    # Pre-Initialization
+    # Here we initialize all the services that do not depend on
+    # the current organization
+    #====================================
+    MarketplaceSvc.setup()
+
+    #====================================
+    # Scope Management
+    #====================================
+    # Check path or root path
+    $scope.isButtonActive = (entity) ->
+      $location.url() == entity ||
+      $location.url().split("/")[1] == entity.split("/")[1]
+
+    # Note: Unused at the moment
+    $scope.reloadServices = (orgId) ->
+      DashboardAppsDocument.setup(id:orgId)
+      DhbOrganizationSvc.setup(id: orgId)
+      DhbTeamSvc.setup(id: orgId)
+
+    #====================================
+    # Select Box
+    #====================================
+    $scope.selectBox = selectBox = {}
+    selectBox.form = {}
+    selectBox.isClosed = true
+    selectBox.isShown = false
+    selectBox.user = undefined
+    selectBox.organizations = []
+    selectBox.userLabel = ''
+
+    selectBox.initialize = (currentUser) ->
+      self = selectBox
+      self.user = currentUser
+      self.userLabel = "#{self.user.name} #{self.user.surname}"
+      self.organizations = self.user.organizations
+
+      # Capture parameters internally
+      if $routeParams.new_app 
+        MsgBus.publish('params', {new_app: $routeParams.new_app})
+        $location.search('new_app', null )
+
+      # Attempt to load organization from param
+      if (val = $routeParams.dhbRefId)
+        val = parseInt(val)
+        $location.search('dhbRefId', null )
+        self.organization = _.findWhere(self.organizations,{id: val})
+
+      # Attempt to load last organization from cookie
+      if !self.organization? && (val = $.cookie('dhb_ref_id'))
+        self.organization = _.findWhere(self.organizations,{id: val})
+
+      # Default to first one otherwise
+      unless self.organization?
+        self.organization = self.organizations[0]
+
+      # return false if the user is member or reseller of at least one organization
+      $scope.selectBoxisEmpty = ->
+        !(self.organization && self.organization.id)
+
+      # if the selectBox is empty, then by default we show the account tab
+      # note: That condition will be true when a reseller has just signed up after
+      # accepting an invitation to join a reseller organization. At that stage
+      # he may not have any customers and he won't have any personal organization.
+      if $scope.selectBoxisEmpty()
+        $location.path('/account')
+      # otherwise we change the selectbox to the organization loaded
+      else
+        # Switch dashboard to organization
+        selectBox.changeTo(self.organization)
+
+    selectBox.toggle = ->
+      selectBox.isClosed = !selectBox.isClosed
+
+    selectBox.close = ->
+      selectBox.isClosed = true
+    
+    selectBox.organizationList = ->
+      self = selectBox      
+      return _.sortBy(self.organizations, (o) -> o.name)
+    
+    # Format the html of the label used by the provided
+    # organization, based on whether it is selected, is a customer, reseller
+    # or regular company
+    selectBox.organizationLabel = (organization) ->
+      icon = {}
+      icon.type = if (organization.id == DhbOrganizationSvc.getId()) then "fa-dot-circle-o" else "fa-circle-o"
+      
+      html = "<i class=\"fa #{icon.type}\"></i>#{organization.name}"        
+      return html
+    
+    # TODO: This function should go in a service
+    selectBox.changeTo = (organization) ->
+      DashboardAppsDocument.setup(id: organization.id)
+      DhbOrganizationSvc.setup(id: organization.id)
+      DhbTeamSvc.setup(id: organization.id)
+      $.cookie('dhb_ref_id',organization.id)
+      selectBox.organization = organization
+      selectBox.close()
+
+    selectBox.createNewOrga = ->
+      newOrgModal.open()
+      selectBox.close()
+
+    # Analytics tab is only enabled for certain users
+    # To enable access, do:
+    # user.put_metadata('has_analytics_beta_access',true)
+    $scope.isAnalyticsTabShown = ->
+      return CurrentUserSvc.document &&
+      CurrentUserSvc.document.current_user &&
+      CurrentUserSvc.document.current_user.hasAnalyticsBetaAccess
+
+    #====================================
+    # New Orga Modal
+    #====================================
+    newOrgModal = ModalSvc.newOrgModal({
+      callback: (data) ->
+        selectBox.changeTo(data)
+    })
+
+    CurrentUserSvc.loadDocument().then (data) ->
+      selectBox.initialize(CurrentUserSvc.document.current_user)
+
+])
+
+module.directive('dashboardMenu', ['TemplatePath', 'Miscellaneous', (TemplatePath,Miscellaneous) ->
+  return {
+      restrict: 'A'
+      scope: {
+        backgroundColor:'='
+      }
+      controller: 'DashboardMenuCtrl'
+      
+      templateUrl: (elem,attrs) ->
+        if Miscellaneous.style.layout.dashboard_menu_orientation == 'horizontal'
+          TemplatePath['mno_enterprise/dashboard/horizontal_menu.html']
+        else
+          TemplatePath['mno_enterprise/dashboard/menu.html']
+      
+      # We need to manually close the collapse menu as we actually stay on the same page
+      link: (scope,element,attrs) ->
+        unless Miscellaneous.style.layout.dashboard_menu_orientation == 'horizontal'
+          element.find(".menu").on("mouseenter", ->
+            angular.element(this).stop()
+            angular.element(this).find(".brand-logo").addClass('expanded')
+            angular.element(this).find(".dashboard-button").find(".content").css("display", "block")
+            angular.element(this).animate({width:275},150)
+          )
+          element.find(".menu").on("mouseleave", ->
+            angular.element(this).stop()
+            angular.element(this).find(".brand-logo").removeClass('expanded')
+            angular.element(this).find(".dashboard-button").find(".content").css("display", "none")
+            angular.element(this).animate({width:80},150)
+          )
+          element.find(".nav a").on("click", ->
+            element.find(".navbar-toggle").click()
+          )
+    }
+])