(function () {
  var mod = angular.module("organisations", [
    //inject the other modules that this module needs
    "common",
    "ui.tree",
    "ui.bootstrap",
    "ui.bootstrap.modal",
    "usefulstuff",
    "user-group",
    "myusers",
    "frameworksModule",
    "mk.editablespan",
    "angularUtils.directives.dirPagination",
  ]);

  mod.directive("orgJoinRules", [
    "configuration",

    function (config) {
      "use strict";

      return {
        restrict: "EA", //directive can be used as an html element or attribute
        templateUrl:
          config.modulesSharedResourcesUrl +
          "Modules/OrganisationBrowser/orgjoinrules.html?version=270122", //the angular template (the view) for this directive
        scope: {
          //the isolated scope for this directive
          organisation: "=",
        },
        link: link,
      };

      function link($scope, element, attrs) {
        $scope.organisation.validEmailDomainsValid = [];
        $scope.organisation.validEmailDomains.forEach(function (emailDomain) {
          if (
            $scope.organisation.validEmailDomainsValid.indexOf(
              emailDomain.emailDomain
            ) == -1
          ) {
            $scope.organisation.validEmailDomainsValid.push(
              emailDomain.emailDomain
            );
          }
        });

        $scope.organisation.newRule = "";

        $scope.addEmailSubstringRule = function () {
          $scope.organisation.validEmailDomains.push({
            emailDomain: $scope.organisation.newRule,
          });
          $scope.organisation.validEmailDomainsValid.push(
            $scope.organisation.newRule
          );
          $scope.organisation.newRule = null;
        };

        $scope.removeEmailSubstringRule = function (emailAddressJoinRule) {
          var index =
            $scope.organisation.validEmailDomains.indexOf(emailAddressJoinRule);
          var indexValid =
            $scope.organisation.validEmailDomainsValid.indexOf(
              emailAddressJoinRule
            );

          $scope.organisation.validEmailDomainsValid.splice(indexValid, 1);
          $scope.organisation.validEmailDomainsValidForSave = [];
          $scope.organisation.validEmailDomain - [];

          for (
            var i = 0;
            i < $scope.organisation.validEmailDomainsValid.length;
            i++
          ) {
            $scope.organisation.validEmailDomainsValidForSave.push({
              emailDomain: $scope.organisation.validEmailDomainsValid[i],
            });
          }

          $scope.organisation.validEmailDomains =
            $scope.organisation.validEmailDomainsValidForSave;
        };
      }
    },
  ]);

  // directive to browse and manage an organisation
  mod.directive("orgBrowser", [
    "common",
    "myUsersDataContext",
    "$modal",
    "$rootScope",
    "configuration",
    "frameworks",
    "$upload",
    "user",
    function (
      common,
      myUsersDataContext,
      $modal,
      $rootScope,
      config,
      frameworks,
      $upload,
      user
    ) {
      "use strict";

      var noOrgId = config.noOrgId;
      return {
        restrict: "EA", //directive can be used as an html element or attribute
        templateUrl:
          config.modulesSharedResourcesUrl +
          "Modules/OrganisationBrowser/orgbrowser.html?version=270122", //the angular template (the view) for this directive
        scope: {
          //the isolated scope for this directive
          meId: "=",
          addNewOrg: "&",
          onEditOrg: "&",
          onDeleteOrg: "&",
          onAddUsersToOrg: "&",
          onRemoveUsersFromOrg: "&",
          onMakeUsersAdmin: "&",
          onRemoveUsersAdmin: "&",
          noOrgs: "=",
          azureUpload: "&",
          cloudinaryUpload: "&",
          hideTree: "@",
          multipleIssuers: "=",
          multipleAdmins: "=",
          manageApiKey: "=",
        },
        link: link,
      };

      function link($scope, element, attrs) {
        var controllerId = "organisations";
        var getLogFn = common.logger.getLogFn;
        var logSuccess = getLogFn(controllerId, "success");
        var logError = getLogFn(controllerId, "error");

        $scope.nameRegex = "/[a-zA-Z]{4}[0-9]{6,6}[a-zA-Z0-9]{3}/"; //[a-zA-Z0-9][a-zA-Z0-9'.\s- ']{0,1000}$
        $scope.features = $rootScope.features;
        $scope.options = {
          //function called when an org is dropped (after dragging)
          dropped: function (event) {
            var idOfMoved = event.source.nodeScope.$modelValue.id; //the id of the orgnaisation being dropped
            var indexDroppedPosition = event.dest.index; //where in the list is it being dropped
            var indexSourcePosition = event.source.index; //what was the index in the last before it was dropped
            if (event.dest.nodesScope.$nodeScope) {
              var idOfNewParent =
                event.dest.nodesScope.$nodeScope.$modelValue.id; //the id of the org that is the parent after dropping
              var idOfOldParent =
                event.source.nodeScope.$parentNodeScope.$modelValue.id; //the id of the org that is the parent before dropping
              //make sure either the organistion has moved position within the same parent or moved to a new parent
              if (
                idOfNewParent !== idOfOldParent ||
                indexDroppedPosition !== indexSourcePosition
              ) {
                //call the service that does the move - telling it where it was moved to
                myUsersDataContext
                  .moveOrg(idOfMoved, {
                    parentId: idOfNewParent,
                    order: indexDroppedPosition,
                  })
                  .then(function () {
                    //redisplay the org tree
                    $rootScope.$broadcast("UpdateOrganisationDetails");
                  });
              }
            }
          },
        };

        setOrganisations();

        function dynamicSort(property) {
          var sortOrder = 1;
          if (property[0] === "-") {
            sortOrder = -1;
            property = property.substr(1);
          }
          return function (a, b) {
            var result =
              a[property] < b[property]
                ? -1
                : a[property] > b[property]
                ? 1
                : 0;
            return result * sortOrder;
          };
        }

        function setOrganisations(org) {
          myUsersDataContext
            .getOrganisationsFull(config.organisationTypeId)
            .then(function (data) {
              $scope.organisations = data;

              $scope.noOrgs = true;
              if ($scope.organisations.length > 0) {
                $scope.noOrgs = false;
                if (org) $scope.currentOrg = org;
                else $scope.currentOrg = $scope.organisations[0];
                setOrganisationDetails($scope.currentOrg.id);
              }
            });
        }
        $scope.clearModal = true;
        $scope.activated = false;
        //show / hide child orgs
        $scope.toggleOrg = function (scope) {
          scope.toggle();
        };

        //this works but not sure that we should be allowed to make a parent of the 'MKM' org
        $scope.createTopLevelOrg = function (org) {
          // openAddEditModal(org, false,true);
        };

        //get the data for the tree
        function setOrganisationDetails(orgId) {
          myUsersDataContext
            .getOrganisationDetails(orgId)
            .then(function (data) {
              //remove the'no org' org from the tree - it shouldn't be shown
              var index = -1;
              for (var i = 0; i < data.children.length; i++) {
                if (data.children[i].id === noOrgId) {
                  index = i;
                  break;
                }
              }
              if (index > -1) data.children.splice(index, 1);

              $scope.organisationDetails = [data];
              $scope.organisationDetails[0].children.sort(dynamicSort("name"));
              $scope.loadedyet = true;
            });
        }

        //remove an organisation
        $scope.removeOrg = function (scope) {
          var org = scope.$modelValue;
          $modal.open({
            templateUrl:
              config.modulesSharedResourcesUrl +
              "Modules/OrganisationBrowser/orgremoval.html?version=270122",
            controller: removeOrgController,
            size: "sm",
            backdrop: "static",
            resolve: {
              theOrg: function () {
                return org;
              },
              fullOrgDetails: function () {
                return $scope.organisationDetails;
              },
              onDeleteOrg: function () {
                return $scope.onDeleteOrg;
              },
            },
          });
        };

        //chnage to a new top level org
        $scope.changeOrganisation = function () {
          setOrganisationDetails($scope.currentOrg.id);
        };

        //edit an existing org
        $scope.editOrganisation = function (scope) {
          var org = scope.$modelValue;
          openAddEditModal(org, true, false);
        };

        //manage the users for an organisation
        $scope.manageUsers = function (scope) {
          var theOrg = scope.$modelValue;
          $modal.open({
            templateUrl:
              config.modulesSharedResourcesUrl +
              "Modules/OrganisationBrowser/orgusers.html?version=270122",
            controller: manageUsersController,
            size: "lg",
            backdrop: "static",
            resolve: {
              theOrg: function () {
                return theOrg;
              },
              meId: function () {
                return $scope.meId;
              },
              onAddUsersToOrg: function () {
                return $scope.onAddUsersToOrg();
              },
              onRemoveUsersFromOrg: function () {
                return $scope.onRemoveUsersFromOrg();
              },
              onMakeUsersAdmin: function () {
                return $scope.onMakeUsersAdmin();
              },
              onRemoveUsersAdmin: function () {
                return $scope.onRemoveUsersAdmin;
              },
            },
          });
        };

        $scope.manageFrameworks = function (scope) {
          var theOrg = scope.$modelValue;
          $modal.open({
            templateUrl:
              config.modulesSharedResourcesUrl +
              "Modules/OrganisationBrowser/orgframeworks.html?version=270122",
            controller: manageFrameworksController,
            size: "lg",
            backdrop: "static",
            resolve: {
              theOrg: function () {
                return theOrg;
              },
              meId: function () {
                return $scope.meId;
              },
            },
          });
        };

        $scope.managingJoinRules = function (scope) {
          var theOrg = scope.$modelValue;
          $modal.open({
            templateUrl:
              config.modulesSharedResourcesUrl +
              "Modules/OrganisationBrowser/orgjoinrulesmodal.html?version=270122",
            controller: manageJoinRulesController,
            size: "lg",
            backdrop: "static",
            resolve: {
              theOrg: function () {
                return theOrg;
              },
              meId: function () {
                return $scope.meId;
              },
            },
          });
        };

        //manage the users for an organisation
        $scope.manageIssuer = function (scope) {
          var theOrg = scope.$modelValue;
          $scope.issuer = null;
          myUsersDataContext
            .getOrganisationIssuer(theOrg.id)
            .then(function (data) {
              $scope.issuer = data;
              openIssueModal();
            })
            .catch(function (error) {
              openIssueModal();
            });

          function openIssueModal() {
            $modal.open({
              templateUrl:
                config.modulesSharedResourcesUrl +
                "Modules/OrganisationBrowser/orgissuer.html?version=270122",
              controller: manageIssuerController,
              size: "sm",
              backdrop: "static",
              resolve: {
                theOrg: function () {
                  return theOrg;
                },
                meId: function () {
                  return $scope.meId;
                },
                Issuer: function () {
                  return $scope.issuer;
                },
                createOrgIssuer: function () {
                  return $scope.createOrgIssuer;
                },
                deleteOrgIssuer: function () {
                  return $scope.deleteOrgIssuer;
                },
                updateOrgIssuer: function () {
                  return $scope.updateOrgIssuer;
                },
                azureUpload: function () {
                  return $scope.azureUpload;
                },
                cloudinaryUpload: function () {
                  return $scope.cloudinaryUpload;
                },
              },
            });
          }
        };

        $scope.createOrgIssuer = function (orgId) {
          myUsersDataContext
            .createOrganisationIssuer(orgId)
            .then(function (data) {
              $rootScope.containsValidIssuer = true;
              logSuccess("Badge issuer successfully updated");
              return data;
            });
        };

        $scope.deleteOrgIssuer = function (orgId) {
          myUsersDataContext
            .deleteOrganisationIssuer(orgId)
            .then(function (data) {
              logSuccess("Badge issuer successfully deleted");
              return data;
            });
        };

        $scope.updateOrgIssuer = function (issuer) {
          if (issuer.id == null)
            myUsersDataContext
              .createOrganisationIssuer(issuer)
              .then(function (data) {
                $rootScope.containsValidIssuer = true;
                logSuccess("Badge issuer successfully updated");
                return data;
              });
          else {
            myUsersDataContext
              .updateOrganisationIssuer(issuer)
              .then(function (data) {
                $rootScope.containsValidIssuer = true;
                logSuccess("Badge issuer successfully updated");
                return data;
              });
          }
        };

        $scope.clearModal = true;

        $scope.$on("UpdateOrganisationDetails", function (event, args) {
          setOrganisationDetails($scope.currentOrg.id);
        });

        $scope.$on("UpdateOrganisations", function (event, args) {
          setOrganisations(args);
        });

        function openAddEditModal(parentOrg, isEdit, isTopLevel) {
          $modal.open({
            templateUrl:
              config.modulesSharedResourcesUrl +
              "Modules/OrganisationBrowser/addeditorg.html?version=270122",
            controller: addEditOrgController,
            size: "sm",
            backdrop: "static",
            resolve: {
              parentOrg: function () {
                return parentOrg;
              },
              isEdit: function () {
                return isEdit;
              },
              isTopLevel: function () {
                return isTopLevel;
              },
              addNewOrg: function () {
                return $scope.addNewOrg();
              },
              onEditOrg: function () {
                return $scope.onEditOrg();
              },
              manageApiKey: function () {
                return $scope.manageApiKey;
              },
            },
          });
        }

        $scope.newSubOrg = function (scope) {
          var parentOrg = scope.$modelValue;
          openAddEditModal(parentOrg, false, false);
        };

        var addEditOrgController = function (
          common,
          $scope,
          $modalInstance,
          parentOrg,
          isEdit,
          isTopLevel,
          addNewOrg,
          onEditOrg,
          manageApiKey
        ) {
          var controllerId = "organisations";
          var getLogFn = common.logger.getLogFn;
          var logSuccess = getLogFn(controllerId, "success");
          var logWarning = getLogFn(controllerId, "warning");

          $scope.parentOrg = parentOrg;
          $scope.isTopLevel = isTopLevel;
          $scope.isEdit = isEdit;
          $scope.addNewOrg = addNewOrg;
          $scope.onEditOrg = onEditOrg;
          $scope.manageApiKey = manageApiKey;

          if (isEdit) {
            $scope.organisation = {
              id: parentOrg.id,
              name: parentOrg.name,
              description: parentOrg.description,
              children: parentOrg.children,
              order: parentOrg.order,
              selfRegistration: parentOrg.selfRegistration,
              apiKey: parentOrg.apiKey,
              apiUrl: parentOrg.apiUrl,
              externalId: ""
            };

            myUsersDataContext
              .getOrganisationExternalId($scope.organisation.id)
              .then(function (externalId) {
                if (externalId) {
                  $scope.organisation.externalId = externalId;
                }
              });

            myUsersDataContext
              .getOrganisationApiDetails($scope.organisation.id)
              .then(function (externalId) {
                if (externalId) {
                  angular.forEach(apiDetails, function (apiDetail) {
                    if (apiDetail) {
                      if (apiDetail.connectionType != 17) {
                        return;
                      }
                      if (apiDetail.properties) {
                        $scope.organisation.apiKey =
                          apiDetail.properties.apiKey;
                        $scope.organisation.apiUrl =
                          apiDetail.properties.systemUrl;
                      }
                    }
                  });
                }
              });

            if (manageApiKey) {
              myUsersDataContext
                .getOrganisationApiDetails($scope.organisation.id)
                .then(function (apiDetails) {
                  if (apiDetails) {
                    angular.forEach(apiDetails, function (apiDetail) {
                      if (apiDetail) {
                        if (apiDetail.connectionType != 17) {
                          return;
                        }
                        if (apiDetail.properties) {
                          $scope.organisation.apiKey =
                            apiDetail.properties.apiKey;
                          $scope.organisation.apiUrl =
                            apiDetail.properties.systemUrl;
                        }
                      }
                    });
                  }
                });
            }
          } else $scope.organisation = {enabled:true};

          //close the modal
          $scope.cancel = function () {
            $modalInstance.dismiss("cancel");
          };

          $("#description").keypress(function (e) {
            if (e.keyCode != 13) return;
            var msg = $("#description").val().replace(/\n/g, "");
            if (!util.isBlank(msg)) {
              send(msg);
              $("#description").val("");
            }
            return false;
          });

          $scope.ok = function () {
              $scope.organisation.selfRegistration = true; //TODO - maybe take this out
              if ($scope.organisation.startDate && $scope.organisation.endDate) {
                  if (new Date($scope.organisation.startDate) > new Date($scope.organisation.endDate)) {
                      logWarning("Please ensure start date is before end date.");
                      return;
                  }
              }


            if ($scope.isTopLevel) {
              myUsersDataContext
                .createNewParentOrg($scope.parentOrg.id, $scope.organisation)
                .then(function (newOrg) {
                  updateApiDetails();

                  completeUpdate(newOrg);
                  $scope.organisation.id = newOrg;
                  updateExternalId();
                  if ($scope.addNewOrg) $scope.addNewOrg($scope.organisation);
                });
            } else {
              if ($scope.isEdit) {
                myUsersDataContext
                  .editOrganisation($scope.organisation.id, $scope.organisation)
                  .then(function () {
                    updateApiDetails();
                    updateExternalId();
                    completeUpdate();
                    if ($scope.onEditOrg) $scope.onEditOrg($scope.organisation);
                  });
              } else {
                myUsersDataContext
                  .addChildOrganisation(
                    $scope.parentOrg.id,
                    $scope.organisation
                  )
                  .then(function (newOrg) {
                    updateApiDetails();

                    completeUpdate();
                    $scope.organisation.id = newOrg;
                    updateExternalId();
                    if ($scope.addNewOrg) $scope.addNewOrg($scope.organisation);
                  });
              }
            }
            logSuccess("Organisation created");
            $rootScope.$broadcast("UpdateOrganisations");
          };

          function updateApiDetails() {
            if (manageApiKey)
              myUsersDataContext
                .editOrganisationApiDetails({
                  organisationId: $scope.organisation.id,
                  systemUrl: $scope.apiUrl,
                  connectionName: $scope.apiUrl,
                  connectionType: 17,
                  properties: {
                    ApiKey: $scope.apiKey,
                    SystemUrl: $scope.apiUrl,
                  },
                })
                .then(function (apiDetailsUpdated) {
                  logSuccess("Api details saved");
                });
          }
          function updateExternalId() {
            if ($scope.organisation.externalId) {
              var externalModel = {
                externalId: $scope.organisation.externalId,
              };
              myUsersDataContext
                .saveOrganisationExternalId(
                  $scope.organisation.id,
                  externalModel
                )
                .then(function (apiDetailsUpdated) {
                
                });
            } else {
              var externalModel = { externalId: "" };
              myUsersDataContext
                .saveOrganisationExternalId(
                  $scope.organisation.id,
                  externalModel
                )
                .then(function (apiDetailsUpdated) {
                
                });
            }
          }

          function completeUpdate(newOrg) {
            if (isTopLevel)
              $rootScope.$broadcast("UpdateOrganisations", newOrg);
            else $rootScope.$broadcast("UpdateOrganisationDetails");
            $modalInstance.close();
          }
        };

        //var controllerId = 'manageUsersController';
        //angular.module('app').controller(controllerId, ['common', 'config', '$sce', '$location', '$window', 'datacontext', '$rootScope', 'validation', manageUsersController]);

        var manageUsersController = function (
          $scope,
          $modalInstance,
          theOrg,
          meId,
          onAddUsersToOrg,
          onRemoveUsersFromOrg,
          onMakeUsersAdmin,
          onRemoveUsersAdmin
        ) {
          $scope.theOrg = theOrg;
          $scope.meId = meId;
          $scope.onAddUsersToOrg = onAddUsersToOrg;
          $scope.onRemoveUsersFromOrg = onRemoveUsersFromOrg;
          $scope.onMakeUsersAdmin = onMakeUsersAdmin;
          $scope.onRemoveUsersAdmin = onRemoveUsersAdmin;
          //close the modal
          $scope.cancel = function () {
            $modalInstance.dismiss("cancel");
          };

          $scope.getUsersForOrganisation = function (orgId) {
            return myUsersDataContext.getUsers(orgId).then(function (data) {
              $scope.users = data;
              return data;
            });
          };

          $scope.getPossibleUsersForOrganisation = function () {
            return myUsersDataContext.getUsers(noOrgId).then(function (data) {
              return ($scope.possibleUsers = data);
            });
          };

          $scope.getAdministratorsForOrganisation = function (orgId) {
            return myUsersDataContext
              .getAdministratorsForOrganisation(orgId)
              .then(function (data) {
                return data;
              });
          };

          $scope.getInvitedUsersForOrganisation = function (orgId) {
            return myUsersDataContext
              .getInvitedUsers(orgId)
              .then(function (invitedUsers) {
                for (var i = 0; i < invitedUsers.length; i++) {
                  invitedUsers[i].email = invitedUsers[i].emailAddress;
                }
                $scope.invitedUsers = invitedUsers;
              });
          };

          $scope.invite = function (orgId, emails, orgName) {
            return myUsersDataContext
              .addInvitedUsers(orgId, emails)
              .then(function (data) {
                if (data)
                  return myUsersDataContext.sendInviteEmails({
                    IndividualOrganisationInvites: data,
                    organisation: {
                      id: orgId,
                      name: orgName,
                    },
                    isOrg: true,
                  });
              });
          };

          $scope.removeUsers = function (org, users) {
            return myUsersDataContext
              .removeUsers(org.id, users)
              .then(function () {
                if ($scope.onRemoveUsersFromOrg)
                  $scope.onRemoveUsersFromOrg(org, users);
              });
          };

          $scope.makeUsersAdmin = function (org, users) {
            return myUsersDataContext
              .addAdministrators(org.id, users, true, false)
              .then(function () {
                if ($scope.onMakeUsersAdmin)
                  $scope.onMakeUsersAdmin(org, users);
              });
          };

          $scope.removeUsersAdmin = function (org, users) {
            return myUsersDataContext
              .removeAdministrators(org.id, users)
              .then(function () {
                if ($scope.onRemoveUsersAdmin)
                  $scope.onRemoveUsersAdmin(org, users);
              });
          };

          $scope.addUsersToOrganisation = function (orgId, addedUsers) {
            return myUsersDataContext
              .addUsers(orgId, addedUsers)
              .then(function () {
                if ($scope.onAddUsersToOrg) {
                  var fullAddedUsers = [];
                  for (var i = 0; i < $scope.possibleUsers.length; i++) {
                    if (addedUsers.length === fullAddedUsers.length) break;
                    for (var j = 0; j < addedUsers.length; j++) {
                      if ($scope.possibleUsers[i].id === addedUsers[j]) {
                        fullAddedUsers.push($scope.possibleUsers[i]);
                        break;
                      }
                    }
                  }
                  $scope.onAddUsersToOrg(orgId, fullAddedUsers);
                }
              });
          };

          $scope.getUsersForOrganisation($scope.theOrg.id);
          $scope.getInvitedUsersForOrganisation($scope.theOrg.id);
          $scope.getPossibleUsersForOrganisation($scope.theOrg.id);
        };

        //Controller for managing issuer
        var manageIssuerController = function (
          $scope,
          $modalInstance,
          theOrg,
          meId,
          Issuer,
          createOrgIssuer,
          deleteOrgIssuer,
          updateOrgIssuer,
          azureUpload,
          cloudinaryUpload
        ) {
          $scope.theOrg = theOrg;
          $scope.createOrgIssuer = createOrgIssuer;
          $scope.deleteOrgIssuer = deleteOrgIssuer;
          $scope.updateOrgIssuer = updateOrgIssuer;
          $scope.isEdit = false;
          $scope.issuer = Issuer;
          $scope.fileName = "Choose file";

          // get the current issuer if it exists else we create the issuer object
          if ($scope.issuer) {
            $scope.issuer = Issuer;
            $scope.isEdit = true;
          } else {
            $scope.issuer = {
              organisationId: theOrg.id,
              createdBy: meId,
              name: theOrg.name,
              description: theOrg.description,
              jsonUrl: "",
              logoUrl: null,
            };
          }

          // Called when image file has been selected
          $scope.onOrgLogoFileSelect = function (files) {
            $scope.file = files[0]; // we're not interested in multiple file uploads here

            // check if the user has actually selected an image file else throw an error
            if (
              ($scope.file.type !== "image/jpeg" &&
                $scope.file.type !== "image/png" &&
                $scope.file.type !== "image/gif") ||
              $scope.file.type === "image/tiff"
            ) {
              $scope.errorMessage = "That doesn't look like an image file!";
              return;
            }

            // check if the user has selected an image below our maximum file size of 20MB
            if ($scope.file.size < 20000000) {
              $scope.imageAdded = true;
              var reader = new FileReader();
              reader.onload = function (e) {
                $scope.$apply(function () {
                  // get loaded data and render thumbnail.
                  $scope.logoPreview = e.target.result;
                });
              };
              // Generate base 64 image for preview
              reader.readAsDataURL($scope.file);
            } else {
              $scope.errorMessage = "Image is too large!";
              return;
            }

            $scope.fileName = $scope.file.name;
            files.originalImageFileName = $scope.file.name;
            files.imageFileSize = $scope.file.size;
            files.imageFileType = $scope.file.type;

            $scope.files = files;
          };

          //upload org logo
          function uploadImage(
            obj,
            file,
            success,
            progress,
            error,
            uploadPath
          ) {
            var data = {
              upload_preset: cloudinaryUploadPreset,
              tags: "mybadges," + theOrg.id,
            };
            //images are uploaded to Cloudinary
            $upload
              .upload({
                url: cloudinaryApiBaseUrl + cloudinaryName + uploadPath,
                data: data,
                file: file,
              })
              .progress(function (e) {
                var percent = Math.round((e.loaded * 100.0) / e.total);
                return progress(percent);
              })
              .success(function (data, status, headers, config) {
                return success(obj, data);
              })
              .error(function (data) {
                return error();
              });
          }

          //called when a logo is uploaded
          function UploadSuccess(files, data) {
            //ensure we always use https
            data.url = data.url.replace(/^http:\/\//i, "https://");
            data.url = data.url.replace(
              /image\/upload\//g,
              "image/upload/w_200,h_200/"
            );

            $scope.issuer.logoUrl = data.url;

            $scope.progress = null;
            // check if we are editing or creating a new issuer
            if ($scope.isEdit === false) $scope.createOrgIssuer($scope.issuer);
            else $scope.updateOrgIssuer($scope.issuer);

            $modalInstance.dismiss("cancel");
            //work out if its and bade or image and update accordingly
            return;
          }

          // Generate the image upload process percentage
          function UploadProgress(percentComplete) {
            $scope.progress = percentComplete;
            $scope.uploadStatus = "Uploading... " + percentComplete + "%";
          }

          function UploadError() {
            console.log("Problem uploading json");
          }

          // save the organisation issuer
          $scope.saveOrganisationIssuer = function () {
            // Upload the image to cloudinary
            if ($scope.logoPreview) {
              uploadImage(
                $scope.files,
                $scope.file,
                UploadSuccess,
                UploadProgress,
                UploadError,
                cloudinaryUploadPath
              );
            } else {
              $scope.updateOrgIssuer($scope.issuer);
              $modalInstance.dismiss("cancel");
            }
          };

          $scope.resetImage = function () {
            $scope.issuer.logoUrl = null;
            $scope.logoPreview = null;
            $scope.orgLogo = null;
            $scope.fileName = "Choose file";
          };

          // close the modal
          $scope.cancel = function () {
            $modalInstance.dismiss("cancel");
          };
        };

        var manageFrameworksController = function (
          $scope,
          $modalInstance,
          theOrg,
          meId
        ) {
          $scope.theOrg = theOrg;
          $scope.meId = meId;

          myUsersDataContext
            .getFrameworksForOrg(theOrg.id)
            .then(function (theFrameworks) {
              if (theFrameworks.length > 0) {
                frameworks
                  .getFrameworkList(theFrameworks)
                  .then(function (data) {
                    for (var i = 0; i < data.length; i++) {
                      data[i].deactivated = false;
                    }
                    $scope.chosenFrameworks = data;
                  });
              } else $scope.chosenFrameworks = [];
            });

          $scope.ok = function () {
            var ids = [];
            for (var i = 0; i < $scope.chosenFrameworks.length; i++) {
              ids.push($scope.chosenFrameworks[i].id);
            }
            myUsersDataContext
              .editFrameworksForOrg(theOrg.id, ids)
              .then(function () {
                $modalInstance.close();
              });
          };

          //close the modal
          $scope.cancel = function () {
            $modalInstance.dismiss("cancel");
          };
        };

        var manageJoinRulesController = function (
          $scope,
          $modalInstance,
          $window,
          theOrg,
          meId
        ) {
          $scope.clearModal = true;
          $scope.saveIsDisabled = false;
          $scope.organisation = theOrg;
          $scope.organisationTemp = angular.copy(theOrg);
          $scope.meId = meId;
          //close the modal
          $scope.cancel = function () {
            $scope.clearModal = false;
            $modalInstance.dismiss("cancel");
          };

          $scope.ok = function () {
            $scope.organisation = theOrg;
            $scope.organisation = $scope.organisationTemp;
            $scope.saveIsDisabled = true;
            myUsersDataContext
              .editOrganisation($scope.organisation.id, $scope.organisation)
              .then(function () {
                $rootScope.$broadcast("UpdateOrganisations");
                $modalInstance.dismiss("cancel");
                logSuccess("Organisation sucessfully updated");
              });
          };
        };

        var removeOrgController = function (
          $scope,
          $modalInstance,
          theOrg,
          fullOrgDetails,
          onDeleteOrg
        ) {
          $scope.theOrg = theOrg;
          $scope.fullOrgDetails = fullOrgDetails;
          $scope.rootOrgId = fullOrgDetails[0].id;
          $scope.onDeleteOrg = onDeleteOrg;
          //close the modal
          $scope.cancel = function () {
            $modalInstance.dismiss("cancel");
          };

          $scope.getUsersForOrganisation = function (orgId) {
            return myUsersDataContext.getUsers(orgId).then(function (data) {
              $scope.users = data;
            });
          };

          $scope.confirmDelete = function () {
            deleteOrg($scope.theOrg.id);
          };

          function deleteOrg(orgId) {
            myUsersDataContext.deleteOrganisation(orgId).then(function () {
              $scope.onDeleteOrg()(orgId);
              $rootScope.$broadcast("UpdateOrganisationDetails");
              $modalInstance.dismiss();
            });
          }
          function getOrganisationDetails(orgId) {
            myUsersDataContext
              .getOrganisationDetails(orgId)
              .then(function (data) {
                //remove the'no org' org

                $scope.hasChildOrgs = data.children.length > 0;
                var index = -1;
                for (var i = 0; i < data.children.length; i++) {
                  if (data.children[i].id === noOrgId) {
                    index = i;
                    break;
                  }
                }
                if (index > -1) data.children.splice(index, 1);
                $scope.organisationDetails = [data];
              });
          }

          function getUserIds(users) {
            var userIds = [];
            for (var i = 0; i < users.length; i++) {
              userIds.push(users[i].id);
            }
            return userIds;
          }

          $scope.removeUsers = function () {
            return myUsersDataContext
              .removeUsers($scope.theOrg.id, getUserIds($scope.users))
              .then(function () {
                deleteOrg($scope.theOrg.id);
              });
          };

          $scope.reassignUsersToRoot = function () {
            var userIds = getUserIds($scope.users);
            return myUsersDataContext
              .removeUsers($scope.theOrg.id, userIds)
              .then(function () {
                myUsersDataContext
                  .addUsers($scope.rootOrgId, userIds)
                  .then(function () {
                    deleteOrg($scope.theOrg.id);
                  });
              });
          };

          $scope.addUsersToOrganisation = function (orgId, users) {
            return myUsersDataContext.addUsers(orgId, users);
          };

          $scope.getUsersForOrganisation($scope.theOrg.id);

          getOrganisationDetails($scope.theOrg.id);
        };
      }
    },
  ]);

  mod.directive("orgAndGroupChooser", [
    "myUsersDataContext",
    "configuration",
    function (myUsersDataContext, config) {
      return {
        restrict: "EA", //directive can be used as an html element or attribute
        templateUrl:
          config.modulesSharedResourcesUrl +
          "Modules/OrganisationBrowser/organdgroupchooser.html?version=270122", //the angular template (the view) for this directive
        scope: {
          //the isolated scope for this directive
          chosenOrganisations: "=",
          chosenUsers: "=",
          allocateUsers: "=",
          showInteractionRules: "=",
          activityInteractionRules: "=",
          disableOrgChoice: "@",
          hideOrgs: "=",
          availableOrgs: "=",
          hideGroups: "=",
          removedOrganisations: "=",
          includeGroupType: "=",
          ownerOrganisations: "=",
        },
        link: link,
      };

      function link(scope, element, attrs) {
        scope.organisations = [];
        scope.groups = [];
        scope.jobRoles = [];
        scope.teams = [];
        scope.employerGroups = [];
        scope.mentorGroups = [];
        scope.employerOrganisations = [];
        setOrganisations();
        scope.topLevelOrg = null;

        function setOrganisations() {
          myUsersDataContext
            .getOrganisationsFullFlatSimple()
            .then(function (data) {
              for (var i = 0; i < data.length; i++) {
                if (data[i].type === 0) {
                  scope.organisations.push(data[i]);
                }
                if (data[i].type === 2) {
                  scope.groups.push(data[i]);
                }
                if (data[i].type === 5) {
                  scope.jobRoles.push(data[i]);
                }
                if (data[i].type === 6) {
                  scope.teams.push(data[i]);
                }
                if (data[i].type === 8) {
                  scope.employerGroups.push(data[i]);
                }
                if (data[i].type === 7) {
                  scope.employerOrganisations.push(data[i]);
                }
                if (data[i].type === 9) {
                  scope.mentorGroups.push(data[i]);
                }

                //Top level parent is the org without a parentid
                if (data[i].parentId == null && data[i].type == 0) {
                  scope.topLevelOrg = data[i];
                }
              }

              //If topLevelOrg null, just set the first org/group the user has since it's a hierarchical list
              if (scope.topLevelOrg == null) {
                scope.topLevelOrg = data[0];
              }

              scope.refreshIsSelected();
            });
        }

        scope.refreshIsSelected = function () {
          for (var i = 0; i < scope.organisations.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.organisations[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.organisations[i].id
                );
                if (groupIndex > -1) {
                  scope.organisations[i].isSelected = true;
                  //if (scope.topLevelOrg != null && scope.organisations[i].id == scope.topLevelOrg.id) {
                  //    scope.organisations[i].disableSelect = true;
                  //}
                }
                //We need to disable deselecting orgs that must always be able to manage this badge template, i.e. the 'owners'
                if (scope.ownerOrganisations) {
                  var ownerIdsIndex = scope.ownerOrganisations.indexOf(
                    scope.organisations[i].id
                  );
                  if (ownerIdsIndex > -1) {
                    scope.organisations[i].disableSelect = true;
                  }
                }
              }
            }
          }

          for (var i = 0; i < scope.groups.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.groups[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.groups[i].id
                );
                if (groupIndex > -1) {
                  scope.groups[i].isSelected = true;
                  if (
                    scope.topLevelOrg != null &&
                    scope.groups[i].id == scope.topLevelOrg.id
                  ) {
                    scope.groups[i].disableSelect = true;
                  }
                }
                //We need to disable deselecting orgs that must always be able to manage this badge template, i.e. the 'owners'
                if (scope.ownerOrganisations) {
                  var ownerIdsIndex = scope.ownerOrganisations.indexOf(
                    scope.groups[i].id
                  );
                  if (ownerIdsIndex > -1) {
                    scope.groups[i].disableSelect = true;
                  }
                }
              }
            }
          }

          for (var i = 0; i < scope.jobRoles.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.jobRoles[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.jobRoles[i].id
                );
                if (groupIndex > -1) {
                  scope.jobRoles[i].isSelected = true;
                }
              }
            }
          }

          for (var i = 0; i < scope.teams.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.teams[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.teams[i].id
                );
                if (groupIndex > -1) {
                  scope.teams[i].isSelected = true;
                }
              }
            }
          }

          for (var i = 0; i < scope.employerGroups.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.employerGroups[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.employerGroups[i].id
                );
                if (groupIndex > -1) {
                  scope.employerGroups[i].isSelected = true;
                }
              }
            }
          }

          for (var i = 0; i < scope.mentorGroups.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.mentorGroups[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.mentorGroups[i].id
                );
                if (groupIndex > -1) {
                  scope.mentorGroups[i].isSelected = true;
                }
              }
            }
          }

          for (var i = 0; i < scope.employerOrganisations.length; i++) {
            if (scope.chosenOrganisations) {
              if (scope.employerOrganisations[i] != null) {
                var groupIndex = scope.chosenOrganisations.indexOf(
                  scope.employerOrganisations[i].id
                );
                if (groupIndex > -1) {
                  scope.employerOrganisations[i].isSelected = true;
                }
              }
            }
          }
        };

        scope.orgSelected = function (org, onlyAvailable) {
          if (!angular.isArray(scope.chosenOrganisations)) {
            return null;
          }
          if (org.isSelected) {
            scope.chosenOrganisations.push(org.id);
          } else {
            var index = scope.chosenOrganisations.indexOf(org.id);
            scope.chosenOrganisations.splice(index, 1);
            if (!scope.removedOrganisations) {
              scope.removedOrganisations = [];
            }
            scope.removedOrganisations.push(org.id);
          }

          scope.refreshIsSelected();
        };
      }
    },
  ]);

  mod.directive("userChooser", [
    "usersAdminDataContext",
    "config",
    "usersAdminService",
    "common",
    "$location",
    "$modal",
    "$filter",
    "$timeout",
    "$q",
    "user",
    "rolesAdminDataContext",
    function (
      usersAdminDataContext,
      config,
      usersAdminService,
      common,
      $location,
      $modal,
      $filter,
      $timeout,
      $q,
      user,
      rolesAdminDataContext
    ) {
      return {
        restrict: "E",
        templateUrl:
          config.modulesSharedResourcesUrl +
          "Modules/OrganisationBrowser/userchooser.html",
        scope: {
          singleCheckOnly: "@",
          checkedUsers: "=",
          pageSize: "=",
          removedUsers: "=",
        },
        link: link,
      };

      function link(scope, elem, attrs) {
        scope.users = [];
        var userIds = [];
        scope.groups = [];
        scope.ready = false;
        scope.roles = [];
        scope.search = "";
        scope.orderOptions = [
          "-lastName",
          "lastName",
          "-firstName",
          "firstName",
        ];
        scope.myOrder = "-lastName";
        scope.orderOption = 0;
        scope.pending_view = false;
        scope.checkAll = false;

        scope.pagination = {
          current: 1,
        };

        if (scope.pageSize == null) scope.pageSize = 6;

        scope.selectedOrg;

        scope.startFilter = function (model) {
          if (model.length >= 1) {
            scope.pageSize = scope.users.length; // this should match however many results your API puts on one page
            scope.pagination.current = 1;
          } else scope.pageSize = 6;
        };

        // Make sure we clear any previously selected user
        usersAdminService.setManagingUser(null);

        function getUsersAndOrgs() {
          return usersAdminService.getAllUsers().then(function (data) {
            var users = data.users;
            scope.orgs = data.organisations;
            for (first in scope.orgs) {
              scope.selectedOrg = first;
              break;
            }
            scope.users = users;
            scope.users.map(function (theUser) {
              userIds.push(theUser.id);
              theUser.userId = theUser.id;
              theUser.organisations = theUser.organisations.map(function (
                orgId
              ) {
                return scope.orgs[orgId];
              });
              return theUser;
            });

            scope.userIds = userIds;
            scope.allUsers = users;
            scope.userAllocations = {};

            scope.ready = true;
          });
        }

        scope.userChecked = function (user) {
          if (scope.singleCheckOnly) {
            scope.checkedUsers = [user.id];
          }
        };

        scope.checkAllUsers = function (users, checkAll) {
          if (checkAll) {
            for (i in users) {
              scope.checkedUsers.push(users[i].id);
            }
          } else {
            for (i in users) {
              const index = scope.checkedUsers.indexOf(users[i].id);
              if (index > -1) {
                scope.checkedUsers.splice(index, 1);
              }
            }
          }
        };

        scope.nextOrder = function () {
          scope.orderOption++;
          if (scope.orderOption >= scope.orderOptions.length)
            scope.orderOption = 0;
          scope.myOrder = scope.orderOptions[scope.orderOption];
        };

        getUsersAndOrgs();
      }
    },
  ]);

  mod.directive("selectedUsersViewer", [
    "usersAdminDataContext",
    "config",
    "usersAdminService",
    "common",
    "$location",
    "$modal",
    "$filter",
    "$timeout",
    "$q",
    "user",
    "rolesAdminDataContext",
    function (
      usersAdminDataContext,
      config,
      usersAdminService,
      common,
      $location,
      $modal,
      $filter,
      $timeout,
      $q,
      user,
      rolesAdminDataContext
    ) {
      return {
        restrict: "E",
        templateUrl:
          config.modulesSharedResourcesUrl +
          "Modules/OrganisationBrowser/selectedusersviewer.html",
        scope: {
          selectedUsers: "=",
          removedUsers: "=",
          pageSize: "=",
          descriptionText: "@",
        },
        link: link,
      };

      function link($scope, elem, attrs) {
        $scope.users = [];
        var userIds = [];
        var removing = false;
        $scope.groups = [];
        $scope.ready = false;
        $scope.orderOptions = [
          "lastName",
          "-lastName",
          "firstName",
          "-firstName",
        ];
        $scope.myOrder = "lastName";
        $scope.orderOption = 0;
        $scope.pending_view = false;

        $scope.pagination = {
          current: 1,
        };

        if ($scope.pageSize == null) $scope.pageSize = 6;

        $scope.startFilter = function (model) {
          if (model.length >= 1) {
            $scope.pageSize = $scope.users.length; // this should match however many results your API puts on one page
            $scope.pagination.current = 1;
          } else $scope.pageSize = 6;
        };

        $scope.$watch(
          "selectedUsers",
          function (newValue, oldValue) {
            if (!removing) {
              if (!$scope.ready && $scope.selectedUsers.length > 0) {
                for (i in newValue) {
                  getUserDetails(newValue[i]);
                }
                $scope.ready = true;
              } else {
                var newUserId = oldValue.filter(function (obj) {
                  return newValue.indexOf(obj) == -1;
                });
                if (newUserId.length == 0) {
                  newUserId = newValue.filter(function (obj) {
                    return oldValue.indexOf(obj) == -1;
                  });
                }

                if ($scope.users.length > 0) {
                  for (i in $scope.users) {
                    if ($scope.users[i].userId == newUserId) {
                      $scope.users.splice(i, 1);
                      CheckValues(newValue, oldValue);
                      return;
                    }
                  }
                }
                if (newUserId.length > 0) {
                  for (i in newUserId) {
                    getUserDetails(newUserId[i]);
                  }
                  $scope.ready = true;
                }
              }
              console.log($scope.users);
            }
            CheckValues(newValue, oldValue);
          },
          true
        );

        function CheckValues(newValue, oldValue) {
          if (newValue.length < oldValue.length) {
            //user has been removed.
            for (var i = 0; i < oldValue.length; i++) {
              if (newValue.indexOf(oldValue[i]) == -1) {
                if (!$scope.removedUsers) {
                  $scope.removedUsers = [];
                }
                $scope.removedUsers.push(oldValue[i]);
              }
            }
          }
        }

        function getUserDetails(userId) {
          user.getUserProfile(userId).then(function (user) {
            $scope.users.push(user);
            console.log(user);
          });
        }

        $scope.removeUser = function (userId) {
          removing = true;
          var index = $scope.selectedUsers.indexOf(userId);
          $scope.selectedUsers.splice(index, 1);
          if (!$scope.removedUsers) {
            $scope.removedUsers = [];
          }

          $scope.removedUsers.push(userId);

          // $scope.users = $filter('filter')($scope.users, function(user){
          //     return user.id != userId
          //  })
          // var index = $scope.users.indexOf(user.id);
          // $scope.users.splice(user, 1);
          removing = false;
        };

        $scope.nextOrder = function () {
          $scope.orderOption++;
          if ($scope.orderOption >= $scope.orderOptions.length)
            $scope.orderOption = 0;
          $scope.myOrder = $scope.orderOptions[$scope.orderOption];
        };
      }
    },
  ]);

  var conf = {
    organisationTypeId: organisationTypeId,
    noOrgId: noOrgId,
    groupTypeId: groupTypeId,
    modulesSharedResourcesUrl: modulesSharedResourcesUrl,
    cloudinaryUploadPath: cloudinaryUploadPath,
    cloudinaryUploadPreset: cloudinaryUploadPreset,
    cloudinaryApiBaseUrl: cloudinaryApiBaseUrl,
    cloudinaryName: cloudinaryName,
    azureBlobUrl: azureBlobUrl,
    uploadBucketName: "",
  };
  mod.value("configuration", conf);
})();