mno-enterprise-frontend 2.0.0

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

@@ -0,0 +1,14 @@
+module = angular.module('maestrano.components.mno-match',[])
+
+module.directive("mnoMatch", ['$parse', ($parse) ->
+  return {
+    require: "ngModel",
+    link: (scope, elem, attrs, ctrl) ->
+      scope.$watch(
+        () ->
+          return $parse(attrs.mnoMatch)(scope) == ctrl.$modelValue
+        , (currentValue) ->
+          ctrl.$setValidity('mismatch', currentValue)
+      )
+  }
+])

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

@@ -0,0 +1,56 @@
+module = angular.module('maestrano.components.mno-message-modal',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('MnoMessageModalCtrl',[
+  '$scope','$modal','MessageSvc','$location','TemplatePath','AssetPath',
+  ($scope, $modal, MessageSvc, $location, TemplatePath, AssetPath) ->
+    $scope.assetPath = AssetPath
+
+    $scope.modal = {}
+    message = null
+
+    $scope.modal.title = ->
+      return message.title || "Congratulations!"
+
+    $scope.modal.body = ->
+      return message.body
+
+    $scope.templateUrl = ->
+      return message.templateUrl
+
+    $scope.modal.open = ->
+      $scope.modal.$instance = $modal.open(templateUrl:'internal-message-modal.html',scope:$scope, size:'lg')
+      $scope.modal.$instance.result.finally ->
+        $scope.modal.$instance = null
+        MessageSvc.next()
+
+
+    $scope.modal.close = ->
+      $scope.modal.$instance.close()
+
+    $scope.modal.goBackToDashboard = ->
+      $scope.modal.close()
+      $location.path("/")
+
+
+    $scope.$watch(( -> MessageSvc.count),
+      () ->
+        if MessageSvc.count > 0
+          message = MessageSvc.pullMessage()
+          $scope.modal.open()
+    )
+
+
+])
+
+module.directive('mnoMessageModal', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/default_template.html'],
+      controller: 'MnoMessageModalCtrl'
+    }
+])

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

@@ -0,0 +1,192 @@
+module = angular.module('maestrano.components.mno-notification-widget',['maestrano.assets'])
+
+#============================================
+# Component 'Notification Widget'
+#============================================
+# Messages sent to the notificationQueue will be
+# displayed on screen
+# ---
+# A message can be a string or a js object
+# If string (can be html) then it will be displayed as 'info'
+# If object then the expect format is:
+# {
+#   type: 'success'/'info'/'warning'/'danger' (default: 'info')
+#   msg: a string object (can be html)
+#   timeout: a number of milliseconds after which the msg will
+#            be discarded (default: 10 minutes). Use -1 for never.
+#   popup: false/(true | object), display a popup in addition (default: false)
+#         If object then the structure should be:
+#         {
+#           title: Popup title (default: '')
+#           content: Popup content (default to msg attribute above)
+#           dismissText: Dismiss button text
+#         }
+# }
+#
+module.controller('MnoNotificationWidgetCtrl',[
+  '$scope', '$rootScope', 'Utilities', 'MsgBus', '$timeout', '$window','$modal', '$sce',
+  ($scope, $rootScope, Utilities, MsgBus, $timeout, $window, $modal, $sce) ->
+    $scope.assetPath = $rootScope.assetPath
+    $scope.windowHeight = $window.innerHeight
+
+    #===================================
+    # Load Scope
+    #===================================
+    $scope.notifWidget = notifWidget = {}
+    $scope.notifPopup = notifPopup = {}
+
+    # These are the messages received via the bus
+    # Note the return value is a *function*
+    notifWidget.inboundQueue = MsgBus.subscribe('notificationQueue')
+
+    # These are the messages currently displayed
+    notifWidget.outboundQueue = []
+
+    # These are messages in the popupQueue
+    notifWidget.popupQueue = []
+
+    #===================================
+    # notifWidget methods
+    #===================================
+    notifWidget.jqAlertElem = (msgIndex) ->
+      $(".notification-widget #notification#{msgIndex}")
+
+    notifWidget.classFor = (messageObject) ->
+      return "alert alert-#{messageObject.type}"
+
+    notifWidget.pushMsg = (messageObject) ->
+      self = this
+      if angular.isObject(messageObject) || (angular.isString(messageObject) && messageObject != '')
+        if angular.isObject(messageObject)
+          if messageObject.msg && messageObject.msg != ''
+            realMsgObj = {
+              type: (messageObject.type || 'info'),
+              msg: $sce.trustAsHtml(messageObject.msg),
+              timeout: (messageObject.timeout || 10*60*1000),
+              popup: (messageObject.popup || false)
+            }
+        else if angular.isString(messageObject)
+          realMsgObj = {
+            type: 'info',
+            msg: $sce.trustAsHtml(messageObject),
+            timeout: 10*60*1000,
+            popup: false
+          }
+
+        # Push message
+        if realMsgObj
+          # Push to outbound queue
+          msgIndex = self.outboundQueue.push(realMsgObj) - 1
+
+          # Push to popupQueue if popup requested
+          if realMsgObj.popup
+            self.popupQueue.push(realMsgObj)
+
+          # Animate
+          # Need to wait for ng-repeat to take the new element
+          # into account
+          $timeout(
+            () ->
+              self.jqAlertElem(msgIndex).animate({'right': '0px'},500)
+            ,400
+          )
+
+          # Configure auto discard
+          if angular.isNumber(realMsgObj.timeout) && realMsgObj.timeout > 0
+            $timeout(
+              () ->
+                self.closeMsg(realMsgObj)
+              ,realMsgObj.timeout
+            )
+
+
+    notifWidget.closeMsg = (messageObject) ->
+      self = this
+      msgIndex = self.outboundQueue.indexOf(messageObject)
+      if msgIndex >= 0
+        self.jqAlertElem(msgIndex).animate(
+          { 'right': '-300px'}
+          , 500
+          ,() ->
+            self.outboundQueue.splice(msgIndex,1)
+            $scope.$apply()
+        )
+      return true
+
+    #===================================
+    # notifPopup methods
+    #===================================
+    notifPopup.open = () ->
+      self = this
+      self.$instance = $modal.open(templateUrl: 'internal-notif-popup-modal.html', scope: $scope)
+      self.isOpen = true
+      self.msgObject = notifWidget.popupQueue[0]
+      self.model = {}
+
+      # Build model
+      if angular.isObject(self.msgObject.popup)
+        self.model.title = (self.msgObject.popup.title || 'Notification')
+        self.model.content = (self.msgObject.popup.content || self.msgObject.msg)
+        self.model.dismissText = (self.msgObject.popup.dismissText || 'Dismiss')
+      else
+        self.model.title = 'Notification'
+        self.model.content = self.msgObject.msg
+        self.model.dismissText = 'Dismiss'
+
+    notifPopup.close = () ->
+      self = this
+      self.$instance.close()
+      self.isOpen = false
+      self.msgObject = undefined
+      self.model = {}
+      notifWidget.popupQueue.shift()
+
+    #===================================
+    # Pop items from the inboundQueue
+    # and push them to the outbound one
+    # ---
+    # Wait 1.5 seconds before displaying
+    # messages so that page gets properly
+    # loaded
+    #===================================
+    # Process the initial messages
+    if angular.isArray($scope.mnoNotificationWidget()) && $scope.mnoNotificationWidget().length > 0
+     _.each($scope.mnoNotificationWidget(),
+       (msgObject) ->
+         notifWidget.pushMsg(msgObject)
+     )
+
+    $timeout(() ->
+        # Watch the inboundQueue
+        $scope.$watch(
+          () ->
+             if notifWidget.inboundQueue().length > 0
+                notifWidget.pushMsg(notifWidget.inboundQueue().shift())
+          ,(->)
+        )
+        
+      ,1500
+    )
+
+    #===================================
+    # Watch the popupQueue and open modals
+    # successively until empty
+    #===================================
+    $scope.$watch(
+      () ->
+        if !notifPopup.isOpen && notifWidget.popupQueue.length > 0
+          notifPopup.open()
+      ,(->))
+])
+
+module.directive('mnoNotificationWidget', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+        mnoNotificationWidget: '&',
+        userLoggedIn: '&'
+      },
+      templateUrl: TemplatePath['mno_enterprise/maestrano-components/notification-widget.html'],
+      controller: 'MnoNotificationWidgetCtrl',
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/maestrano-components/mno-partner-code-popup.js.coffee

@@ -0,0 +1,74 @@
+module = angular.module('maestrano.components.mno-partner-code-popup',['maestrano.assets'])
+
+#============================================
+# Component 'Select App'
+#============================================
+module.controller('MnoPartnerCodePopupCtrl',[
+  '$scope', '$rootScope', '$window', 'Utilities', '$modal','DashboardUser','CurrentUserSvc',
+  ($scope, $rootScope, $window, Utilities, $modal, DashboardUser, CurrentUserSvc) ->
+    $scope.assetPath = $rootScope.assetPath
+
+    #===================================
+    # Load Scope
+    #===================================
+    $scope.partnerCodeModal = partnerCodeModal= {}
+
+
+    #===================================
+    # partnerCodeModal
+    #===================================
+    # Open the partnerCodeModal and reset the proceed action
+    partnerCodeModal.open = () ->
+      self = partnerCodeModal
+      self.$instance = $modal.open(templateUrl: 'internal-partner-code-popup.html', scope: $scope)
+      self.isSaveInProgress = false
+      self.model = {}
+      self.errors = null
+      self.$instance.result.finally ->
+        self.$instance = null
+
+    partnerCodeModal.proceedEnabled = () ->
+      self = partnerCodeModal
+      return self.model.resellerCode && !self.model.resellerCode.match(/\s+/)
+
+    # Close the transferModal and reset its values
+    partnerCodeModal.close = () ->
+      self = partnerCodeModal
+      self.$instance.close()
+      self.$instance = null
+
+
+    partnerCodeModal.proceed = () ->
+      self = partnerCodeModal
+      self.isSaveInProgress = true
+      # TODO: we should create a custom action for that that would check
+      # if the reseller exists before updating the reseller code
+      DashboardUser.update({reseller_code:self.model.resellerCode}).then(
+        (success) ->
+          self.isSaveInProgress = false
+          self.close()
+        ,(error) ->
+          self.errors = Utilities.processRailsError(error)
+          self.isSaveInProgress = false
+      )
+
+
+    #===================================
+    # Init Code
+    #===================================
+    # Listener for the modal opening
+    CurrentUserSvc.loadDocument().then (data) ->
+      resellerCode = CurrentUserSvc.document.current_user.reseller_code
+      if (!resellerCode || resellerCode == '')
+        partnerCodeModal.open()
+])
+
+module.directive('mnoPartnerCodePopup', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/maestrano-components/partner_code_popup.html'],
+      controller: 'MnoPartnerCodePopupCtrl'
+    }
+])

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

@@ -0,0 +1,59 @@
+module = angular.module('maestrano.components.mno-partner-contact',['maestrano.assets'])
+
+#============================================
+# Component 'partner contact'
+#============================================
+module.controller('MnoPartnerContactCtrl',[
+  '$scope', '$rootScope', '$http','$modal',
+  ($scope, $rootScope, $http, $modal) ->
+    $scope.assetPath = $rootScope.assetPath
+
+    $scope.templateParameter = {}
+    $scope.templateParameter.modalOpen = false
+    $scope.templateParameter.feedbackMessage = ""
+    $scope.templateParameter.errorMessage = ""
+
+    $scope.openCloseModal = ->
+      if $scope.templateParameter.modalOpen
+        $scope.templateParameterInstance.close()
+        $scope.templateParameter.modalOpen = false
+      else
+        $scope.templateParameterInstance = $modal.open(templateUrl: 'internal-template-param-modal.html', scope: $scope)
+        $scope.templateParameter.modalOpen = true
+
+    $scope.form = {}
+
+    $scope.sendRequest = ->
+      $scope.form.partner_id = $scope.partnerId
+      $scope.form.inProgress = true
+      $http.post('/mnoe/jpi/v1/partners/contact', { form: $scope.form }).then(
+        (success) ->
+          $scope.form.inProgress = false
+          $scope.form.first_name = ""
+          $scope.form.last_name = ""
+          $scope.form.email = ""
+          $scope.form.message = ""
+          $scope.templateParameter.feedbackMessage = "Your message has been successfully sent"
+        ,(errors) ->
+          $scope.templateParameter.errorMessage = "Your message couldn't be sent. Please try again later."
+
+      )
+
+
+    $scope.openCloseModalFun = $scope.openCloseModal
+
+])
+
+module.directive('mnoPartnerContact', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+        openCloseModalFun: '=',
+        partnerName: '@',
+        partnerId: '@',
+      },
+      templateUrl: TemplatePath['mno_enterprise/maestrano-components/partner_contact.html'],
+      controller: 'MnoPartnerContactCtrl',
+  }
+])
+

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

@@ -0,0 +1,154 @@
+"use strict"
+
+angular.module("maestrano.components.mno-password-strength", [
+]).directive "mnoPasswordStrength", ->
+  require: "ngModel"
+  restrict: "A"
+  scope:
+    passwordScore: '=' # outject score
+
+  link: (scope,elem, attrs, ctrl) ->
+    mesureStrength = (p) ->
+      matches =
+        pos: {}
+        neg: {}
+
+      counts =
+        pos: {}
+        neg:
+          seqLetter: 0
+          seqNumber: 0
+          seqSymbol: 0
+
+      tmp = undefined
+      strength = 0
+      letters = "abcdefghijklmnopqrstuvwxyz"
+      numbers = "01234567890"
+      symbols = "\\!@#$%&/()=?¿"
+      back = undefined
+      forth = undefined
+      i = undefined
+      if p
+        
+        # Benefits
+        matches.pos.lower = p.match(/[a-z]/g)
+        matches.pos.upper = p.match(/[A-Z]/g)
+        matches.pos.numbers = p.match(/\d/g)
+        matches.pos.symbols = p.match(/[$-/:-?{-~!^_`\[\]]/g)
+        matches.pos.middleNumber = p.slice(1, -1).match(/\d/g)
+        matches.pos.middleSymbol = p.slice(1, -1).match(/[$-/:-?{-~!^_`\[\]]/g)
+        counts.pos.lower = (if matches.pos.lower then matches.pos.lower.length else 0)
+        counts.pos.upper = (if matches.pos.upper then matches.pos.upper.length else 0)
+        counts.pos.numbers = (if matches.pos.numbers then matches.pos.numbers.length else 0)
+        counts.pos.symbols = (if matches.pos.symbols then matches.pos.symbols.length else 0)
+        tmp = _.reduce(counts.pos, (memo, val) ->
+          
+          # if has count will add 1
+          memo + Math.min(1, val)
+        , 0)
+        counts.pos.numChars = p.length
+        tmp += (if (counts.pos.numChars >= 8) then 1 else 0)
+        counts.pos.requirements = (if (tmp >= 3) then tmp else 0)
+        counts.pos.middleNumber = (if matches.pos.middleNumber then matches.pos.middleNumber.length else 0)
+        counts.pos.middleSymbol = (if matches.pos.middleSymbol then matches.pos.middleSymbol.length else 0)
+        
+        # Deductions
+        matches.neg.consecLower = p.match(/(?=([a-z]{2}))/g)
+        matches.neg.consecUpper = p.match(/(?=([A-Z]{2}))/g)
+        matches.neg.consecNumbers = p.match(/(?=(\d{2}))/g)
+        matches.neg.onlyNumbers = p.match(/^[0-9]*$/g)
+        matches.neg.onlyLetters = p.match(/^([a-z]|[A-Z])*$/g)
+        counts.neg.consecLower = (if matches.neg.consecLower then matches.neg.consecLower.length else 0)
+        counts.neg.consecUpper = (if matches.neg.consecUpper then matches.neg.consecUpper.length else 0)
+        counts.neg.consecNumbers = (if matches.neg.consecNumbers then matches.neg.consecNumbers.length else 0)
+        
+        # sequential letters (back and forth)
+        i = 0
+        while i < letters.length - 2
+          p2 = p.toLowerCase()
+          forth = letters.substring(i, parseInt(i + 3))
+          back = _(forth).split("").reverse()
+          counts.neg.seqLetter++  if p2.indexOf(forth) isnt -1 or p2.indexOf(back) isnt -1
+          i++
+        
+        # sequential numbers (back and forth)
+        i = 0
+        while i < numbers.length - 2
+          forth = numbers.substring(i, parseInt(i + 3))
+          back = _(forth).split("").reverse()
+          counts.neg.seqNumber++  if p.indexOf(forth) isnt -1 or p.toLowerCase().indexOf(back) isnt -1
+          i++
+        
+        # sequential symbols (back and forth)
+        i = 0
+        while i < symbols.length - 2
+          forth = symbols.substring(i, parseInt(i + 3))
+          back = _(forth).split("").reverse()
+          counts.neg.seqSymbol++  if p.indexOf(forth) isnt -1 or p.toLowerCase().indexOf(back) isnt -1
+          i++
+        
+        # repeated chars
+        counts.neg.repeated = _.chain(p.toLowerCase().split("")).countBy((val) ->
+          val
+        ).reject((val) ->
+          val is 1
+        ).reduce((memo, val) ->
+          memo + val
+        , 0).value()
+        
+        # Calculations
+        strength += counts.pos.numChars * 4
+        strength += (counts.pos.numChars - counts.pos.upper) * 2  if counts.pos.upper
+        strength += (counts.pos.numChars - counts.pos.lower) * 2  if counts.pos.lower
+        strength += counts.pos.numbers * 4  if counts.pos.upper or counts.pos.lower
+        strength += counts.pos.symbols * 6
+        strength += (counts.pos.middleSymbol + counts.pos.middleNumber) * 2
+        strength += counts.pos.requirements * 2
+        strength -= counts.neg.consecLower * 2
+        strength -= counts.neg.consecUpper * 2
+        strength -= counts.neg.consecNumbers * 2
+        strength -= counts.neg.seqNumber * 3
+        strength -= counts.neg.seqLetter * 3
+        strength -= counts.neg.seqSymbol * 3
+        strength -= counts.pos.numChars  if matches.neg.onlyNumbers
+        strength -= counts.pos.numChars  if matches.neg.onlyLetters
+        strength -= (counts.neg.repeated / counts.pos.numChars) * 10  if counts.neg.repeated
+      Math.max 0, Math.min(100, Math.round(strength))
+
+    getPwStrength = (s) ->
+      switch Math.round(s / 20)
+        when 0, 1
+          "weak"
+        when 2,3
+          "good"
+        when 4,5
+          "secure"
+    
+    getClass = (s) ->
+      switch getPwStrength(s)
+        when 'weak'
+          "danger"
+        when 'good'
+          "warning"
+        when 'secure'
+          "success"
+    
+    isPwStrong = (s) ->
+      switch getPwStrength(s)
+        when 'weak'
+          false
+        else
+          true
+    
+    scope.$watch (-> ctrl.$modelValue), ->
+      scope.value = mesureStrength(ctrl.$modelValue)
+      scope.pwStrength = getPwStrength(scope.value)
+      ctrl.$setValidity('password-strength', isPwStrong(scope.value))
+      
+      if scope.passwordScore?
+        scope.passwordScore.value = scope.pwStrength 
+        scope.passwordScore.class = getClass(scope.value)
+        scope.passwordScore.showTip = (ctrl.$modelValue? && ctrl.$modelValue != '' && !isPwStrong(scope.value))
+      
+
+    return