mno-enterprise-frontend 2.0.0

data/app/assets/javascripts/mno_enterprise/angular/directives/maestrano-components/mno-password.js.coffee

@@ -0,0 +1,40 @@
+module = angular.module('maestrano.components.mno-password',['maestrano.assets'])
+
+module.directive('mnoPassword', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'AE',
+      scope: {
+        baseObject: '=mnoPassword',
+        form: '='
+      },
+      templateUrl: TemplatePath['mno_enterprise/maestrano-components/password.html'],
+      link: (scope, element, attrs) ->
+        scope.isShown = false
+        scope.hasEightChars = false
+        scope.hasOneNumber = false
+        scope.hasOneUpper = false
+        scope.hasOneLower = false
+
+        scope.fieldName = "#{attrs.mnoPassword}[password]"
+
+        scope.check = ->
+          scope.hasEightChars = scope.baseObject.password? && (scope.baseObject.password.length >= 8)
+          scope.hasOneNumber = false
+          scope.hasOneUpper = false
+          scope.hasOneLower = false
+
+          if angular.isString(scope.baseObject.password)
+            angular.forEach(scope.baseObject.password.split(""), (letter) ->
+              scope.hasOneNumber = true if parseInt(letter)
+              scope.hasOneUpper = true if (letter == letter.toUpperCase() && letter != letter.toLowerCase() && !parseInt(letter))
+              scope.hasOneLower = true if (letter == letter.toLowerCase() && letter != letter.toUpperCase() && !parseInt(letter))
+            )
+
+            # Will raise an error is form is not defined when the directive is used (in this case, we can't modify the validity of the form)
+            if scope.hasEightChars && scope.hasOneNumber && scope.hasOneUpper && scope.hasOneLower
+              scope.form[scope.fieldName].$setValidity("password", true)
+            else
+              scope.form[scope.fieldName].$setValidity("password", false)
+
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/maestrano-components/mno-price-converter.js.coffee

@@ -0,0 +1,49 @@
+module = angular.module('maestrano.components.mno-price-converter',['maestrano.assets'])
+
+#============================================
+# Component 'Price Converter'
+#============================================
+
+
+module.controller('MnoPriceConverterCtrl',['$scope', 'ExchangeRates', 'CurrentCurrency', ($scope, ExchangeRates, CurrentCurrency) ->
+
+  ExchangeRates.then ->
+
+    $scope.currencies = ["AUD","CAD","CNY","EUR","GBP","HKD","INR","JPY","NZD","SGD","USD",]
+    $scope.currentCurrency = ExchangeRates.defaultCurrency()
+    
+    # Set currency and outject currency in scope
+    $scope.setCurrency = (currency) ->
+      ExchangeRates.defaultCurrency(currency)
+      $scope.currency = currency
+
+    $scope.convertedPrice = ->
+      if $scope.noConversion
+        return ExchangeRates.newMoneyObject($scope.price,$scope.currency)
+      else
+        return ExchangeRates.exchange($scope.price, ($scope.currency || 'AUD')).to(CurrentCurrency.val)
+
+    $scope.style = ->
+      if $scope.currencyResponsive
+        switch CurrentCurrency.val
+          when 'CNY' then 'font-size:28px;'
+          when 'HKD' then 'font-size:29px;'
+          when 'INR' then 'font-size:25px;'
+          when 'JPY' then 'font-size:26px;'
+          when 'PHP' then 'font-size:28px;'
+          else 'font-size:38px;'
+
+])
+
+module.directive('mnoPriceConverter', ['TemplatePath', (TemplatePath) ->
+  return {
+    restrict: 'A',
+    scope:
+      price:'='
+      currencyResponsive:'@'
+      currency: '@'
+      noConversion: '@'
+    template: "<span style='{{style()}}'>{{convertedPrice().format()}}</span>",
+    controller: 'MnoPriceConverterCtrl',
+  }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/maestrano-components/mno-scroll-to.js.coffee

@@ -0,0 +1,14 @@
+module = angular.module('maestrano.components.mno-scroll-to',['maestrano.assets'])
+
+module.directive('mnoScrollTo', ['$location', '$anchorScroll', ($location, $anchorScroll) ->
+  return {
+      restrict: 'A'
+      scope:
+        mnoScrollTo: '@'
+      link: (scope, element, attrs) ->
+        element.on "click", (event)  ->
+          event.preventDefault()
+          $location.hash(scope.mnoScrollTo)
+          $anchorScroll()
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/maestrano-components/mno-typeahead.js.coffee

@@ -0,0 +1,89 @@
+module = angular.module('maestrano.components.mno-typeahead',[])
+
+# Remote typeahead.
+# E.g:
+#
+# <input type="text" mno-typeahead='tpaResult' remote = '/path/to/typeahead', 'min-length' => '6'>
+# <div ng-show="tpaResult.isReady() && tpaResult.isEmpty()" }>
+#   No results!
+# </div>
+#
+# 
+# In this case the scope variable 'tpaResult' can be used to:
+# tpaResult.list: get the list of results
+# tpaResult.isEmpty(): check if the list of results is empty
+# tpaResult.hasAny(): check if the list has any result
+# tpaResult.isReady(): check the input has a value that's greater than the 'min-length'
+# tpaResult.isLoading(): check whether the widget is loading
+#
+module.directive('mnoTypeahead', ['$http', '$window', ($http, $window) ->
+  return {
+      restrict: 'A'
+      scope: {
+        mnoTypeahead: '='
+        minLength: '@'
+        remote: '@'
+      }
+      link: (scope, element, attrs) ->
+        scope.minLength ||= 3
+        scope.mnoTypeahead = { list:[] }
+        return false unless angular.isString(scope.remote)
+        scope.qList = []
+        
+        scope.mnoTypeahead.isLoading = ->
+          scope.loading
+        
+        scope.mnoTypeahead.hasAny = ->
+          scope.mnoTypeahead.list.length > 0
+        
+        scope.mnoTypeahead.isEmpty = ->
+          scope.mnoTypeahead.list.length == 0
+        
+        scope.mnoTypeahead.isReady = ->
+          !scope.loading && scope.currVal? && scope.currVal.length > 0 && scope.currVal.length > scope.minLength
+        
+        # Fetch data remotely. The typeahead widget is kept 'loading'
+        # if there is a need to refetch or if there are still queries
+        # being performed (qList)
+        scope.fetchData = ->
+          scope.needFetch = false
+          q = $http.get(scope.remote + "?q=#{scope.currVal}")
+          scope.qList.push(q)
+          
+          q.success (data) ->
+            scope.qList.shift()
+            unless scope.needFetch || scope.qList.length > 0
+              scope.loading = false
+              angular.copy(data,scope.mnoTypeahead.list)
+            
+        # Trigger a fetch if there is a need for it
+        # Used by the scheduler at the bottom
+        scope.pollData = ->
+          if scope.needFetch
+            scope.fetchData()
+        
+        # Flag the widget as 'loading' and set needFetch to
+        # true to trigger a fetch at next interval
+        scope.triggerFetch = ->
+          scope.loading = true
+          scope.needFetch = true
+        
+        # Binding method to be used on keyup/keydown event
+        scope.refresh = ->
+          scope.minLength ||= 3
+          scope.currVal = element.val()
+          
+          if scope.currVal.length > 0 && scope.currVal.length >= scope.minLength
+            scope.triggerFetch()
+          else
+            scope.mnoTypeahead.list.length = 0
+        
+        # Bind refresh on keystrokes
+        element.keyup(scope.refresh)
+        element.keydown(scope.refresh)
+          
+        # Schedule periodic data polling (rate limit of one query per second)
+        $window.setInterval((-> scope.pollData()), 1000)
+          
+    }
+])

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

@@ -0,0 +1,7 @@
+# This main module requires all the sub-modules that should compose it
+# This pattern allows us to split a fat module in several files
+analyticsComponents = angular.module('maestrano.user-setup', [
+  'maestrano.user-setup.index'
+  ]
+)
+

data/app/assets/javascripts/mno_enterprise/angular/directives/user-setup/index.js.coffee

@@ -0,0 +1,256 @@
+module = angular.module('maestrano.user-setup.index',['maestrano.assets'])
+
+module.controller('UserSetupIndexCtrl',[
+  '$scope','$http','$q','$filter','$modal','$mdToast','$timeout','$log','AssetPath','Utilities','Miscellaneous','DhbOrganizationSvc','CurrentUserSvc','MarketplaceSvc','TemplatePath',
+  ($scope, $http, $q, $filter, $modal, $mdToast, $timeout, $log, AssetPath, Utilities, Miscellaneous, DhbOrganizationSvc, CurrentUserSvc, MarketplaceSvc, TemplatePath) ->
+    
+    REAL_PROVISIONING_ENABLED = false
+    
+    #====================================
+    # Construction
+    #====================================
+    $scope.isLoading = true
+    $scope.myApps = []
+    $scope.selectedCategories = {}
+    
+    $scope.lists = {
+      industries: [
+        "Agriculture",
+        "Arts",
+        "Construction",
+        "Consumer Goods",
+        "Corporate",
+        "Educational",
+        "Finance",
+        "Government",
+        "High Tech",
+        "Legal",
+        "Manufacturing",
+        "Media",
+        "Medical",
+        "Non-Profit",
+        "Recreational",
+        "Service Transportation",
+        "Other",
+      ],
+      sizes: [
+        {label: "1 to 5 employees", value: "1 - 5"},
+        {label: "6 to 10 employees", value: "6 - 10"},
+        {label: "11 to 50 employees", value: "11 - 50"},
+        {label: "51 to 200 employees", value: "51 - 200"},
+        {label: "+200 employees", value: "+200"},
+      ],
+      popularApps: [
+        'xero','quickbooks','myob','vtiger6','sugarcrm','wordpress','timetrex','simpleinvoices','orangehrm', 'prestashop'
+      ],
+      bundleCategories: {
+        "Accounting": [
+          "Manage your books",
+          "Manage multiple currency invoices",
+          "Track your finances",
+          "Reconcile your bank statements",
+          "Manage your inventory",
+          "Automate general ledger generation"
+        ],
+        "Sales and Marketing": [
+          "Manage my contacts, customers and suppliers",
+          "Automate sales management",
+          "Forecast sales",
+          "Manage my purchase orders",
+          "Create and manage accounts payable & receivable",
+          "Manage support tickets"
+        ],
+        "Content Management": [
+          "Create my website",
+          "Create a private portal",
+          "Organize my files",
+          "Create a vault for my files"
+        ],
+        "Business Operations": [
+          "Have an overview on tasks to perform",
+          "Schedule an agenda and create milestones",
+          "Keep track of my production"
+          "Map processes"
+          "Design and test my company's processes"
+        ],
+        "Project Managment": [
+          "Automate reminders on projects",
+          "Communicate instantly with my collaborators",
+          "Manage to do lists",
+          "create Gantt charts"
+        ],
+        "HR": [
+          "Manage and automate payroll",
+          "Manage recruitment process",
+          "Automate absence management",
+          "Manage training and development"
+        ],
+        "Learning Management System": [
+          "Create online classes and lessons",
+          "Create and manage discussion forum",
+          "Grade assignments",
+          "Create surveys"
+        ],
+        "Online Surveying": [
+          "Follow up on online survey reports",
+          "Collect data through online surveys",
+          "Create graphs with your data"
+        ]
+      },
+      recommendations: {
+        "Accounting": 'xero',
+        "Sales and Marketing": 'vtiger6',
+        "Content Management": 'wordpress',
+        "Business Operations": 'dolibarr',
+        "Project Managment": 'collabtive',
+        "HR": 'orangehrm',
+        "Learning Management System": 'moodle',
+        "Online Surveying": 'limesurvey'
+      }
+    }
+    
+    $scope.workflows = {
+      step1: -> DhbOrganizationSvc.organization.update($scope.company)
+    }
+    
+    # Scope initialization
+    $scope.initialize = ->
+      $scope.step = 1
+      $scope.locals = {}
+      $scope.user = CurrentUserSvc.document.current_user
+      $scope.company = DhbOrganizationSvc.data.organization
+      $scope.apps = MarketplaceSvc.data.apps
+      $scope.isLoading = false
+    
+    #====================================
+    # Functions
+    #====================================
+    # Go to the next step - potentially perform an action
+    $scope.next = ->
+      $scope.isLoading = true
+      
+      # Fetch "next" action or default to resolved promise
+      nextAction = $scope.workflows["step#{$scope.step}"]
+      unless nextAction
+        q = $q.defer()
+        q.resolve()
+        nextAction = -> q.promise
+      
+      nextAction().then ->
+        $scope.skip()
+    
+    # Skip the current step - no action performed
+    $scope.skip = ->
+      $scope.step += 1
+      $scope.isLoading = false
+    
+    $scope.back = ->
+      $scope.step -= 1
+      $scope.isLoading = false
+    
+    $scope.finishSetup = ->
+      if REAL_PROVISIONING_ENABLED && $scope.myApps.length > 0
+        $scope.provisionBasket()
+      else
+        $scope.redirectToMyspace()
+    
+    $scope.redirectToMyspace = ->
+      window.location.href = "/mnoe/myspace"
+    
+    $scope.provisionBasket = ->
+      q = _.reduce($scope.myApps, ((memo, e) -> "#{memo}&apps[]=#{e.nid}"),"")
+      window.location.href = "/mnoe/provision/new?#{q}"
+    
+    # Return the list of popular apps in the order specified by the configuration array
+    $scope.popularApps = ->
+      _.map $scope.lists.popularApps, (e) -> _.findWhere($scope.apps, nid: e)
+    
+    
+    # Show a notification message at the top right of the screen
+    $scope.showMessageToast = (msg)->
+      $mdToast.show(
+        $mdToast.simple()
+          .content(msg)
+          .position("top right")
+          .hideDelay(4000)
+          .parent(angular.element('.user-setup'))
+      )
+    
+    # Recommend applications based on selected categories
+    $scope.recommendedApps = ->
+      bla = _.reduce $scope.selectedCategories, (memo, v,k) ->
+        memo.push(_.findWhere($scope.apps, nid: $scope.lists.recommendations[k])) if v
+        memo
+      ,[]
+      
+    # Add an application to the user basket
+    $scope.addAppToBasket = (app) ->
+      $scope.showMessageToast("#{app.name} has been successfully added to your free trial!")
+      $scope.myApps.push(app) unless $scope.isAppInBasket(app)
+    
+    # Remove an application from the user basket
+    $scope.removeAppFromBasket = (app) ->
+      $scope.showMessageToast("#{app.name} has been removed from your free trial")
+      if $scope.isAppInBasket
+        index = $scope.myApps.indexOf(app)
+        $scope.myApps.splice(index, 1)
+    
+    # Add/remove an application from the user basket
+    $scope.toggleAppInBasket = (app) ->
+      if $scope.isAppInBasket(app) then $scope.removeAppFromBasket(app) else $scope.addAppToBasket(app)
+    
+    # Return true if the provided app is in the user basket - false otherwise
+    $scope.isAppInBasket = (app) ->
+      _.contains($scope.myApps,app)
+    
+    
+    $scope.toggleOrConnect = (app) ->
+      if $scope.isAppInBasket(app) then $scope.removeAppFromBasket(app) else $scope.connectApp(app)
+    
+    # Switch to the connect screen
+    $scope.connectApp = (app) ->
+      $scope.connectPane.currentApp = app
+      $timeout(
+        ->
+          $scope.connectPane.shown = true
+        ,300)
+    
+    #====================================
+    # Connect Pane
+    #====================================
+    $scope.connectPane = {}
+    
+    $scope.connectPane.connect = ->
+      self = $scope.connectPane
+      self.loading = true
+      $timeout(
+        ->
+          $scope.addAppToBasket(self.currentApp)
+          self.cancel()
+        , 2000)
+    
+    
+    $scope.connectPane.cancel = ->
+      self = $scope.connectPane
+      self.loading = false
+      self.shown = false
+      self.currentApp = undefined
+    
+    #====================================
+    # Initialization
+    #====================================
+    CurrentUserSvc.loadDocument().then ->
+      DhbOrganizationSvc.configure(id: CurrentUserSvc.document.current_user.organizations[0].id)
+      $q.all([DhbOrganizationSvc.load(),MarketplaceSvc.load()]).then ->
+        $scope.initialize()
+])
+
+module.directive('userSetupIndex', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'AE',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/user-setup/index.html'],
+      controller: 'UserSetupIndexCtrl'
+    }
+])