mno-enterprise-frontend 2.0.0

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/arrears.js.coffee

@@ -0,0 +1,70 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-arrears',['maestrano.assets'])
+
+#============================================
+# Arrears Directive
+#============================================
+module.controller('DashboardOrganizationArrearsCtrl',[
+  '$scope','$window','DhbOrganizationSvc', 'Utilities','AssetPath'
+  ($scope, $window, DhbOrganizationSvc, Utilities,AssetPath) ->
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.paymentFailedBox = paymentFailedBox = {}
+    $scope.situations = {}
+
+    DhbOrganizationSvc.load().then (organization)->
+      $scope.situations = organization.arrears_situations
+      $scope.isLoading = false
+
+    #==============================
+    # Payment failed/retry section
+    #==============================
+    paymentFailedBox.errors = []
+    paymentFailedBox.inProgress = false
+
+    paymentFailedBox.getSituation = () ->
+      _.find($scope.situations,
+        (situation) -> situation.category == 'payment_failed'
+      )
+
+    paymentFailedBox.show = ->
+      this.getSituation()?
+
+    paymentFailedBox.retryPayment = () ->
+      self = this
+      self.inProgress = true
+      DhbOrganizationSvc.charge().then (response) ->
+        success = response.status == 'success'
+        payment = response.data
+        if (payment)
+          if (success)
+            self.resolve()
+          else if (payment.full_return_message)
+            self.errors = Utilities.processRailsError(payment.full_return_message)
+          else
+            self.errors = Utilities.processRailsError("bug")
+        else
+          self.errors = Utilities.processRailsError("bug")
+        self.inProgress = false
+
+    paymentFailedBox.resolve = () ->
+      self = this
+      # Remove ArrearsSituation
+      index = $scope.situations.indexOf(self.getSituation())
+      $scope.situations.splice(index,1)
+      # Return success
+      self.success = "Thank you! The payment has been performed successfully!"
+
+])
+
+module.directive('dashboardOrganizationArrears', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/arrears.html'],
+      controller: 'DashboardOrganizationArrearsCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/billing.js.coffee

@@ -0,0 +1,48 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-billing',['maestrano.assets'])
+
+#============================================
+# Current Billing Directive
+#============================================
+module.controller('DashboardOrganizationBillingCtrl',[
+  '$scope','$window','DhbOrganizationSvc', 'Utilities','AssetPath','Miscellaneous'
+  ($scope, $window, DhbOrganizationSvc, Utilities,AssetPath,Miscellaneous) ->
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.billing = {}
+
+    #====================================
+    # Scope Management
+    #====================================
+    # Initialize the data used by the directive
+    $scope.initialize = (billing) ->
+      angular.copy(billing,$scope.billing)
+      $scope.isLoading = false
+
+    $scope.isCreditShown = () ->
+      b = $scope.billing
+      b &&
+      b.credit &&
+      b.credit.value > 0
+
+    #====================================
+    # Post-Initialization
+    #====================================
+    $scope.$watch DhbOrganizationSvc.getId, (val) ->
+      $scope.isLoading = true
+      if val?
+        DhbOrganizationSvc.load().then (organization)->
+          $scope.initialize(organization.billing)
+])
+
+module.directive('dashboardOrganizationBilling', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/billing.html'],
+      controller: 'DashboardOrganizationBillingCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/credit-card.js.coffee

@@ -0,0 +1,142 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-credit-card',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardOrganizationCreditCardCtrl',[
+  '$scope','$window','DhbOrganizationSvc', 'Miscellaneous', 'Utilities','AssetPath'
+  ($scope, $window, DhbOrganizationSvc, Miscellaneous, Utilities,AssetPath) ->
+
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.forms = {}
+    $scope.model = {}
+    $scope.origModel = {}
+    $scope.config = {
+      validTitles: ['Mr.', 'Ms.', 'Mrs.', 'Miss', 'Dr.', 'Sir.', 'Prof.']
+      validMonths: [1..12]
+      validYears: [d = (new Date).getFullYear()..d+20]
+      validCountries: Miscellaneous.countries
+    }
+
+    #====================================
+    # Scope Management
+    #====================================
+    # Initialize the data used by the directive
+    $scope.initialize = (creditCard) ->
+      angular.copy(creditCard,$scope.model)
+      angular.copy(creditCard,$scope.origModel)
+      $scope.isLoading = false
+
+    # Save the current state of the credit card
+    $scope.save = ->
+      $scope.isLoading = true
+      DhbOrganizationSvc.billing.update($scope.model).then(
+        (creditCard) ->
+          $scope.errors = ''
+          angular.copy(creditCard,$scope.model)
+          angular.copy(creditCard,$scope.origModel)
+          if $scope.callback
+            $scope.callback()
+        , (errors) ->
+          $scope.errors = Utilities.processRailsError(errors)
+      ).finally(-> $scope.isLoading = false)
+
+    # Cancel the temporary changes made by the
+    # user
+    $scope.cancel = ->
+      angular.copy($scope.origModel,$scope.model)
+      $scope.errors = ''
+
+    # Check if the user has started editing the
+    # CreditCard
+    $scope.isChanged = ->
+      !angular.equals($scope.model,$scope.origModel)
+
+    # Check whether we should display the cancel
+    # button or not
+    $scope.isCancelShown = ->
+      $scope.isChanged()
+
+    # Should we enable the save button
+    $scope.isSaveEnabled = ->
+      f = $scope.forms
+      $scope.isChanged() && f.billingAddress.$valid && f.creditCard.$valid
+
+    # Enable/Disable the credit card icons
+    $scope.classForIconType = (ccType) ->
+      self = $scope
+      cType = self.getType()
+      if ccType == self.getType() || cType == ""
+        return "enabled"
+      else
+        return "disabled"
+
+    # Return the credit card type (visa/mastercard/amex/jcb)
+    $scope.getType = () ->
+      self = $scope
+      number = self.model.number
+      if number != null && number != undefined
+        re = new RegExp("^X");
+        if (number.match(re) != null) then return ""
+
+        re = new RegExp("^4");
+        if (number.match(re) != null) then return "visa"
+
+        re = new RegExp("^(34|37)");
+        if (number.match(re) != null) then return "amex"
+
+        re = new RegExp("^5[1-5]");
+        if (number.match(re) != null) then return "mastercard"
+
+        re = new RegExp("^6(?:011|5[0-9]{2})");
+        if (number.match(re) != null) then return "discover"
+
+        re = new RegExp("(?:2131|1800|35[0-9]{3})")
+        if (number.match(re) != null) then return "jcb"
+
+        re = new RegExp("^3(?:0[0-5]|[68][0-9])")
+        if (number.match(re) != null) then return "dinersclub"
+
+        # Last resort we assume that it is a Mastercard if
+        # the number is long enough
+        # See:
+        #http://stackoverflow.com/questions/72768/how-do-you-detect-credit-card-type-based-on-number
+        if number.length > 4
+          return "mastercard"
+        else
+          return ""
+
+      return ""
+
+    # Open the godaddy site seal in a popup
+    $scope.openGodaddySslSeal = () ->
+      bgHeight = "779"
+      bgWidth = "593"
+      url = "https://seal.godaddy.com/verifySeal?sealID=RsNWG4eDd3ctNJWJfbeSBjJ6OWCtE3j0OwSXRDYF1WlMAGMqqmX5Kp"
+      options = "menubar=no,toolbar=no,personalbar=no,location=yes,status=no,resizable=yes,fullscreen=no,scrollbars=no,width=#{bgWidth},height=#{bgHeight}"
+      $window.open(url,'SealVerfication',options)
+
+    #====================================
+    # Post-Initialization
+    #====================================
+    $scope.$watch DhbOrganizationSvc.getId, (val) ->
+      $scope.isLoading = true
+      if val?
+        DhbOrganizationSvc.load().then (organization)->
+          $scope.initialize(organization.credit_card)
+])
+
+module.directive('dashboardOrganizationCreditCard', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+        callback:'&'
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/credit-card.html'],
+      controller: 'DashboardOrganizationCreditCardCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/index.js.coffee

@@ -0,0 +1,61 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-index',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardOrganizationIndexCtrl',[
+  '$scope', 'DhbOrganizationSvc', 'AssetPath'
+  ($scope, DhbOrganizationSvc, AssetPath) ->
+    
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.tabs = {
+      billing: false,
+      members: false,
+      teams: false,
+      settings: false
+    }
+    
+    #====================================
+    # Scope Management
+    #====================================
+    $scope.initialize = ->
+      $scope.isLoading = false
+      if $scope.isBillingShown()
+        $scope.tabs.billing = true
+      else
+        $scope.tabs.members = true
+    
+    $scope.isTabSetShown = ->
+      !$scope.isLoading && (
+        DhbOrganizationSvc.user.isSuperAdmin() || DhbOrganizationSvc.user.isAdmin())
+    
+    $scope.isBillingShown = ->
+      DhbOrganizationSvc.user.isSuperAdmin()
+    
+    $scope.isSettingsShown = ->
+      DhbOrganizationSvc.user.isSuperAdmin()
+    
+    #====================================
+    # Post-Initialization
+    #====================================
+    $scope.$watch DhbOrganizationSvc.getId, (val) ->
+      $scope.isLoading = true
+      if val?
+        DhbOrganizationSvc.load().then (organization)->
+          $scope.initialize()
+
+])
+
+module.directive('dashboardOrganizationIndex', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/index.html'],
+      controller: 'DashboardOrganizationIndexCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/invoices.js.coffee

@@ -0,0 +1,42 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-invoices',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardOrganizationInvoicesCtrl',[
+  '$scope','$window','DhbOrganizationSvc', 'Utilities','AssetPath', 'Miscellaneous',
+  ($scope, $window, DhbOrganizationSvc, Utilities, AssetPath, Miscellaneous) ->
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.invoices = []
+
+    #====================================
+    # Scope Management
+    #====================================
+    # Initialize the data used by the directive
+    $scope.initialize = (invoices) ->
+      angular.copy(invoices,$scope.invoices)
+      $scope.isLoading = false
+
+    #====================================
+    # Post-Initialization
+    #====================================
+    $scope.$watch DhbOrganizationSvc.getId, (val) ->
+      $scope.isLoading = true
+      if val?
+        DhbOrganizationSvc.load().then (organization)->
+          $scope.initialize(organization.invoices)
+])
+
+module.directive('dashboardOrganizationInvoices', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/invoices.html'],
+      controller: 'DashboardOrganizationInvoicesCtrl'
+    }
+])

data/app/assets/javascripts/mno_enterprise/angular/directives/dashboard/organization/members.js.coffee

@@ -0,0 +1,280 @@
+module = angular.module('maestrano.dashboard.dashboard-organization-members',['maestrano.assets'])
+
+#============================================
+#
+#============================================
+module.controller('DashboardOrganizationMembersCtrl',[
+  '$scope','$window','DhbOrganizationSvc','DhbTeamSvc', 'Utilities','AssetPath','$modal', '$q',
+  ($scope, $window, DhbOrganizationSvc, DhbTeamSvc, Utilities, AssetPath,$modal, $q) ->
+    #====================================
+    # Pre-Initialization
+    #====================================
+    $scope.assetPath = AssetPath
+    $scope.isLoading = true
+    $scope.members = []
+    $scope.teams = []
+    
+    #====================================
+    # Scope Management
+    #====================================
+    # Initialize the data used by the directive
+    $scope.initialize = (members, teams = nil) ->
+      angular.copy(members,$scope.members)
+      angular.copy(teams,$scope.teams) if teams
+      $scope.isLoading = false
+    
+    $scope.editMember = (member) ->
+      $scope.editionModal.open(member)
+    
+    $scope.removeMember = (member) ->
+      $scope.deletionModal.open(member)
+    
+    $scope.inviteMembers = ->
+      $scope.inviteModal.open()
+    
+    $scope.isInviteShown = ->
+      DhbOrganizationSvc.can.create.member()
+    
+    $scope.isEditShown = (member) ->
+      DhbOrganizationSvc.can.update.member(member)
+    
+    $scope.isRemoveShown = (member) ->
+      DhbOrganizationSvc.can.destroy.member(member)
+    
+    $scope.memberRoleLabel = (member) ->
+      if member.entity == 'User'
+        return member.role
+      else
+        return "Invited (#{member.role})"
+    
+    #====================================
+    # User Edition Modal
+    #====================================
+    $scope.editionModal = editionModal = {}
+    editionModal.config = {
+      instance: {
+        backdrop: 'static'
+        templateUrl: 'dashboard/organization/members/edition-modal.html'
+        size: 'lg'
+        windowClass: 'inverse member-edit'
+        scope: $scope
+      }
+      roles: ['Member','Power User','Admin','Super Admin']
+    }
+    
+    editionModal.open = (member) ->
+      self = editionModal
+      self.member = member
+      self.selectedRole = member.role
+      self.$instance = $modal.open(self.config.instance)
+      self.isLoading = false
+      editionModal.member = member
+    
+    editionModal.title = ->
+      m = editionModal.member
+      if m.entity == 'User'
+        return "Edit Member: #{m.name} #{m.surname}"
+      else
+        return "Edit Member: #{m.email}"
+    
+    editionModal.close = ->
+      self = editionModal
+      self.$instance.close()
+    
+    editionModal.select = (role) ->
+      editionModal.selectedRole = role
+    
+    editionModal.classForRole = (role) ->
+      self = editionModal
+      if role == self.member.role
+        return 'btn-info'
+      else if role == self.selectedRole
+        return 'btn-warning'
+      else
+        return ''
+    
+    editionModal.isChangeDisabled = ->
+      editionModal.member.role == editionModal.selectedRole
+    
+    editionModal.change = ->
+      self = editionModal
+      self.isLoading = true
+      obj = { email: self.member.email, role: self.selectedRole }
+      DhbOrganizationSvc.members.update(obj).then(
+        (members) ->
+          self.errors = ''
+          angular.copy(members,$scope.members)
+          self.close()
+        , (errors) ->
+          self.errors = Utilities.processRailsError(errors)
+      ).finally(-> self.isLoading = false)
+    
+    #====================================
+    # User Deletion Modal
+    #====================================
+    $scope.deletionModal = deletionModal = {}
+    deletionModal.config = {
+      instance: {
+        backdrop: 'static'
+        templateUrl: 'dashboard/organization/members/removal-modal.html'
+        size: 'lg'
+        windowClass: 'inverse member-edit'
+        scope: $scope
+      }
+    }
+    
+    deletionModal.open = (member) ->
+      self = deletionModal
+      self.member = member
+      self.$instance = $modal.open(self.config.instance)
+      self.isLoading = false
+      self.member = member
+    
+    deletionModal.close = ->
+      self = deletionModal
+      self.$instance.close()
+    
+    deletionModal.confirmationText = ->
+      m = deletionModal.member
+      if m.entity == 'User' && m.name?
+        return "Do you really want to remove <strong>#{m.name} #{m.surname}</strong> from your company?"
+      else
+        return "Do you really want to remove <strong>#{m.email}</strong> from your company?"
+    
+    deletionModal.remove = ->
+      self = deletionModal
+      self.isLoading = true
+      obj = { email: self.member.email }
+      DhbOrganizationSvc.members.remove(obj).then(
+        (members) ->
+          self.errors = ''
+          angular.copy(members,$scope.members)
+          self.close()
+        , (errors) ->
+          self.errors = Utilities.processRailsError(errors)
+      ).finally(-> self.isLoading = false)  
+    
+    #====================================
+    # Invite Modal
+    #====================================
+    $scope.inviteModal = inviteModal = {}
+    inviteModal.config = {
+      instance: {
+        backdrop: 'static'
+        templateUrl: 'dashboard/organization/members/invite-modal.html'
+        size: 'lg'
+        windowClass: 'inverse member-edit'
+        scope: $scope
+      }
+      defaultRole: 'Member'
+      roles: ->
+        list = ['Member','Power User','Admin']
+        list.push('Super Admin') if DhbOrganizationSvc.user.isSuperAdmin()
+        return list
+      teams: ->
+        $scope.teams
+    }
+    
+    inviteModal.open = () ->
+      self = inviteModal
+      self.$instance = $modal.open(self.config.instance)
+      self.isLoading = false
+      self.members = []
+      self.userEmails = ''
+      self.step = 'enterEmails'
+      self.roleList = self.config.roles()
+      self.teamList = self.config.teams()
+      self.invalidEmails = []
+    
+    inviteModal.close = ->
+      self = inviteModal
+      self.$instance.close()
+    
+    inviteModal.isTeamListShown = ->
+      inviteModal.teamList.length > 0
+    
+    inviteModal.title = ->
+      self = inviteModal
+      if self.step == 'enterEmails'
+        "Enter email addresses"
+      else
+        "Select role for each new member"
+    
+    inviteModal.labelForAction = ->
+      if inviteModal.step == 'enterEmails'
+        return "Next"
+      else
+        return "Invite"
+    
+    inviteModal.next = ->
+      self = inviteModal
+      if self.step == 'enterEmails'
+        inviteModal.processEmails()
+
+      else
+        inviteModal.inviteMembers()
+    
+    inviteModal.isNextEnabled = ->
+      self = inviteModal
+      self.step == 'defineRoles' || (self.step == 'enterEmails' && self.userEmails.length > 0)
+
+    inviteModal.oneValidEmail = ->
+      self = inviteModal
+      res = false
+      _.each self.userEmails.split("\n"), (email) ->
+
+        res = true if email.match(email_regexp)
+      return res
+
+    inviteModal.processEmails = ->
+      self = inviteModal
+      self.isLoading = true
+      self.members = []
+      self.invalidEmails = []
+
+      _.each self.userEmails.split("\n"), (email) ->
+        email_regexp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i
+        if email.match(email_regexp)
+          self.members.push({email: email, role: self.config.defaultRole })
+        else
+          self.invalidEmails.push(email)
+
+      self.isLoading = false
+      if self.invalidEmails.length == 0
+        self.step = 'defineRoles'
+
+    inviteModal.inviteMembers = ->
+      self = inviteModal
+      self.isLoading = true
+      DhbOrganizationSvc.members.invite(self.members).then(
+        (members) ->
+          self.errors = ''
+          angular.copy(members,$scope.members)
+          self.close()
+        , (errors) ->
+          self.errors = Utilities.processRailsError(errors)
+      ).finally(-> self.isLoading = false)
+    
+    
+    #====================================
+    # Post-Initialization
+    #====================================
+    refresh = ->
+      $q.all([DhbOrganizationSvc.load(),DhbTeamSvc.load()]).then (values)->
+        $scope.initialize(values[0].organization.members,values[1])
+    
+    contextObj = ->
+      { orgId: DhbOrganizationSvc.getId(), teams: DhbTeamSvc.data }
+      
+    $scope.$watch contextObj, refresh, true
+])
+
+module.directive('dashboardOrganizationMembers', ['TemplatePath', (TemplatePath) ->
+  return {
+      restrict: 'A',
+      scope: {
+      },
+      templateUrl: TemplatePath['mno_enterprise/dashboard/organization/members.html'],
+      controller: 'DashboardOrganizationMembersCtrl'
+    }
+])