/*
 * decaffeinate suggestions:
 * DS101: Remove unnecessary use of Array.from
 * DS102: Remove unnecessary code created because of implicit returns
 * DS205: Consider reworking code to avoid use of IIFEs
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */
'use strict';

/* COMMON CODE */

//#
// Provides a set of common properties and methods to the $scope parameter. They are used
// in the various projects' admin controllers.
//
// Provides :
//  - $scope.totalSteps
//  - $scope.machines = [{Machine}]
//  - $scope.components = [{Component}]
//  - $scope.themes = [{Theme}]
//  - $scope.licences = [{Licence}]
//  - $scope.allowedExtensions = [{String}]
//  - $scope.submited(content)
//  - $scope.cancel()
//  - $scope.addFile()
//  - $scope.deleteFile(file)
//  - $scope.addStep()
//  - $scope.deleteStep(step)
//  - $scope.changeStepIndex(step, newIdx)
//
// Requires :
//  - $scope.project.project_caos_attributes = []
//  - $scope.project.project_steps_attributes = []
//  - $state (Ui-Router) [ 'app.public.projects_show', 'app.public.projects_list' ]
//#
class ProjectsController {
  constructor($scope, $state, Project, Machine, Member, Component, Theme, Licence, $document, Diacritics, dialogs, allowedExtensions, _t){

    //# Retrieve the list of machines from the server
    Machine.query().$promise.then(data=>
      $scope.machines = data.map(d =>
        ({
          id: d.id,
          name: d.name
        })
      )
    );

    //# Retrieve the list of components from the server
    Component.query().$promise.then(data=>
      $scope.components = data.map(d =>
        ({
          id: d.id,
          name: d.name
        })
      )
    );

    //# Retrieve the list of themes from the server
    Theme.query().$promise.then(data=>
      $scope.themes = data.map(d =>
        ({
          id: d.id,
          name: d.name
        })
      )
    );

    //# Retrieve the list of licences from the server
    Licence.query().$promise.then(data=>
      $scope.licences = data.map(d =>
        ({
          id: d.id,
          name: d.name
        })
      )
    );

    //# Total number of documentation steps for the current project
    $scope.totalSteps = $scope.project.project_steps_attributes.length;

    //# List of extensions allowed for CAD attachements upload
    $scope.allowedExtensions = allowedExtensions;



    //#
    // For use with ngUpload (https://github.com/twilson63/ngUpload).
    // Intended to be the callback when an upload is done: any raised error will be stacked in the
    // $scope.alerts array. If everything goes fine, the user is redirected to the project page.
    // @param content {Object} JSON - The upload's result
    //#
    $scope.submited = function(content) {
      if ((content.id == null)) {
        $scope.alerts = [];
        angular.forEach(content, (v, k)=>
          angular.forEach(v, err=>
            $scope.alerts.push({
              msg: k+': '+err,
              type: 'danger'
            })
          )
        );
        // using https://github.com/oblador/angular-scroll
        $('section[ui-view=main]').scrollTop(0, 200);
        return;
      } else {
        return $state.go('app.public.projects_show', {id: content.slug});
      }
    };



    //#
    // For use with 'ng-class', returns the CSS class name for the uploads previews.
    // The preview may show a placeholder or the content of the file depending on the upload state.
    // @param v {*} any attribute, will be tested for truthiness (see JS evaluation rules)
    //#
    $scope.fileinputClass = function(v){
      if (v) {
        return 'fileinput-exists';
      } else {
        return 'fileinput-new';
      }
    };



    //#
    // This will create a single new empty entry into the project's CAO attachements list.
    //#
    $scope.addFile = () => $scope.project.project_caos_attributes.push({});



    //#
    // This will remove the given file from the project's CAO attachements list. If the file was previously uploaded
    // to the server, it will be marked for deletion on the server. Otherwise, it will be simply truncated from
    // the CAO attachements array.
    // @param file {Object} the file to delete
    //#
    $scope.deleteFile = function(file) {
      const index = $scope.project.project_caos_attributes.indexOf(file);
      if (file.id != null) {
        return file._destroy = true;
      } else {
        return $scope.project.project_caos_attributes.splice(index, 1);
      }
    };



    //#
    // This will create a single new empty entry into the project's steps list.
    //#
    $scope.addStep = function() {
      $scope.totalSteps += 1;
      return $scope.project.project_steps_attributes.push({ step_nb: $scope.totalSteps, project_step_images_attributes: [] });
    };




    //#
    // This will remove the given step from the project's steps list. If the step was previously saved
    // on the server, it will be marked for deletion for the next saving. Otherwise, it will be simply truncated from
    // the steps array.
    // @param file {Object} the file to delete
    //#
    $scope.deleteStep = step =>
      dialogs.confirm({
        resolve: {
          object() {
            return {
              title: _t('confirmation_required'),
              msg: _t('do_you_really_want_to_delete_this_step')
            };
          }
        }
      }
        , function() { // deletion confirmed
          const index = $scope.project.project_steps_attributes.indexOf(step);
          if (step.id != null) {
            step._destroy = true;
          } else {
            $scope.project.project_steps_attributes.splice(index, 1);
          }

          // update the new total number of steps
          $scope.totalSteps -= 1;
          // reindex the remaning steps
          return (() => {
            const result = [];
            for (let s of Array.from($scope.project.project_steps_attributes)) {
              if (s.step_nb > step.step_nb) {
                result.push(s.step_nb -= 1);
              } else {
                result.push(undefined);
              }
            }
            return result;
          })();
      })
    ;



    //#
    // Change the step_nb property of the given step to the new value provided. The step that was previously at this
    // index will be assigned to the old position of the provided step.
    // @param event {Object} see https://docs.angularjs.org/guide/expression#-event-
    // @param step {Object} the project's step to reindex
    // @param newIdx {number} the new index to assign to the step
    //#
    $scope.changeStepIndex = function(event, step, newIdx) {
      if (event) { event.preventDefault(); }
      for (let s of Array.from($scope.project.project_steps_attributes)) {
        if (s.step_nb === newIdx) {
          s.step_nb = step.step_nb;
          step.step_nb = newIdx;
          break;
        }
      }
      return false;
    };


    $scope.autoCompleteName = function(nameLookup) {
      if (!nameLookup) {
        return;
      }
      const asciiName = Diacritics.remove(nameLookup);

      return Member.search({ query: asciiName }, users => $scope.matchingMembers = users
      , error=> console.error(error));
    };


    //#
    // This will create a single new empty entry into the project's step image list.
    //#
    $scope.addProjectStepImage = step=> step.project_step_images_attributes.push({});



    //#
    // This will remove the given image from the project's step image list.
    // @param step {Object} the project step has images
    // @param image {Object} the image to delete
    //#
    $scope.deleteProjectStepImage = function(step, image) {
      const index = step.project_step_images_attributes.indexOf(image);
      if (image.id != null) {
        return image._destroy = true;
      } else {
        return step.project_step_images_attributes.splice(index, 1);
      }
    };
  }
}


//#
//  Controller used on projects listing page
//#
Application.Controllers.controller("ProjectsController", ["$scope", "$state", 'Project', 'machinesPromise', 'themesPromise', 'componentsPromise', 'paginationService', 'OpenlabProject', '$window', 'growl', '_t', '$location', '$timeout'
, function($scope, $state, Project, machinesPromise, themesPromise, componentsPromise, paginationService, OpenlabProject, $window, growl, _t, $location, $timeout) {

  /* PRIVATE STATIC CONSTANTS */

  // Number of projects added to the page when the user clicks on 'load more projects'
  const PROJECTS_PER_PAGE = 16;



  /* PUBLIC SCOPE */

  //# Fab-manager's instance ID in the openLab network
  $scope.openlabAppId = Fablab.openlabAppId;

  //# Is openLab enabled on the instance?
  $scope.openlab = {
    projectsActive: Fablab.openlabProjectsActive,
    searchOverWholeNetwork: false
  };

  //# default search parameters
  $scope.search = {
    q: ($location.$$search.q || ""),
    from: ($location.$$search.from || undefined),
    machine_id: (parseInt($location.$$search.machine_id) || undefined),
    component_id: (parseInt($location.$$search.component_id) || undefined),
    theme_id: (parseInt($location.$$search.theme_id) || undefined)
  };

  //# list of projects to display
  $scope.projects = [];

  //# list of machines / used for filtering
  $scope.machines = machinesPromise;

  //# list of themes / used for filtering
  $scope.themes = themesPromise;

  //# list of components / used for filtering
  $scope.components = componentsPromise;



  $scope.searchOverWholeNetworkChanged = () =>
    setTimeout(() => $scope.resetFiltersAndTriggerSearch()
    , 150)
  ;



  $scope.loadMore = function() {
    if ($scope.openlab.searchOverWholeNetwork === true) {
      return $scope.projectsPagination.loadMore({q: $scope.search.q});
    } else {
      return $scope.projectsPagination.loadMore({search: $scope.search});
    }
  };



  $scope.resetFiltersAndTriggerSearch = function() {
    $scope.search.q = "";
    $scope.search.from = undefined;
    $scope.search.machine_id = undefined;
    $scope.search.component_id = undefined;
    $scope.search.theme_id = undefined;
    $scope.setUrlQueryParams($scope.search);
    return $scope.triggerSearch();
  };



  $scope.triggerSearch = function() {
    const currentPage = parseInt($location.$$search.page) || 1;
    if ($scope.openlab.searchOverWholeNetwork === true) {
      updateUrlParam('whole_network', 't');
      $scope.projectsPagination = new paginationService.Instance(OpenlabProject, currentPage, PROJECTS_PER_PAGE, null, { }, loadMoreOpenlabCallback);
      return OpenlabProject.query({ q: $scope.search.q, page: currentPage, per_page: PROJECTS_PER_PAGE }, function(projectsPromise){
        if (projectsPromise.errors != null) {
          growl.error(_t('openlab_search_not_available_at_the_moment'));
          $scope.openlab.searchOverWholeNetwork = false;
          return $scope.triggerSearch();
        } else {
          $scope.projectsPagination.totalCount = projectsPromise.meta.total;
          return $scope.projects = normalizeProjectsAttrs(projectsPromise.projects);
        }
      });

    } else {
      updateUrlParam('whole_network', 'f');
      $scope.projectsPagination = new paginationService.Instance(Project, currentPage, PROJECTS_PER_PAGE, null, { }, loadMoreCallback, 'search');
      return Project.search({ search: $scope.search, page: currentPage, per_page: PROJECTS_PER_PAGE }, function(projectsPromise){
        $scope.projectsPagination.totalCount = projectsPromise.meta.total;
        return $scope.projects = projectsPromise.projects;
      });
    }
  };



  //#
  // Callback to switch the user's view to the detailled project page
  // @param project {{slug:string}} The project to display
  //#
  $scope.showProject = function(project) {
    if (($scope.openlab.searchOverWholeNetwork === true) && (project.app_id !== Fablab.openlabAppId)) {
      $window.open(project.project_url, '_blank');
      return true;
    } else {
      return $state.go('app.public.projects_show', {id: project.slug});
    }
  };



  //#
  // function to set all url query search parameters from search object
  //#
  $scope.setUrlQueryParams = function(search){
    updateUrlParam('page', 1);
    updateUrlParam('q', search.q);
    updateUrlParam('from', search.from);
    updateUrlParam('theme_id', search.theme_id);
    updateUrlParam('component_id', search.component_id);
    return updateUrlParam('machine_id', search.machine_id);
  };



  /* PRIVATE SCOPE */

  //#
  // Kind of constructor: these actions will be realized first when the controller is loaded
  //#
  const initialize = function() {
    if ($location.$$search.whole_network === 'f') {
      $scope.openlab.searchOverWholeNetwork = false;
    } else {
      $scope.openlab.searchOverWholeNetwork = $scope.openlab.projectsActive || false;
    }
    return $scope.triggerSearch();
  };


  //#
  // function to update url query param, little hack to turn off reloadOnSearch and re-enable it after setting the params
  // params example: 'q' , 'presse-purée'
  //#
  var updateUrlParam = function(name, value) {
    $state.current.reloadOnSearch = false;
    $location.search(name, value);
    return $timeout(() => $state.current.reloadOnSearch = undefined);
  };



  var loadMoreCallback = function(projectsPromise){
    $scope.projects = $scope.projects.concat(projectsPromise.projects);
    return updateUrlParam('page', $scope.projectsPagination.currentPage);
  };



  var loadMoreOpenlabCallback = function(projectsPromise){
    $scope.projects = $scope.projects.concat(normalizeProjectsAttrs(projectsPromise.projects));
    return updateUrlParam('page', $scope.projectsPagination.currentPage);
  };



  var normalizeProjectsAttrs = projects=>
    projects.map(function(project){
      project.project_image = project.image_url;
      return project;
    })
  ;



  //# !!! MUST BE CALLED AT THE END of the controller
  return initialize();
}
]);



//#
// Controller used in the project creation page
//#
Application.Controllers.controller("NewProjectController", ["$scope", "$state", 'Project', 'Machine', 'Member', 'Component', 'Theme', 'Licence', '$document', 'CSRF', 'Diacritics', 'dialogs', 'allowedExtensions', '_t'
, function($scope, $state, Project, Machine, Member, Component, Theme, Licence, $document, CSRF, Diacritics, dialogs, allowedExtensions, _t) {
  CSRF.setMetaTags();

  //# API URL where the form will be posted
  $scope.actionUrl = "/api/projects/";

  //# Form action on the above URL
  $scope.method = 'post';

  //# Default project parameters
  $scope.project = {
    project_steps_attributes: [],
    project_caos_attributes: []
  };

  $scope.matchingMembers = [];

  //# Using the ProjectsController
  return new ProjectsController($scope, $state, Project, Machine, Member, Component, Theme, Licence, $document, Diacritics, dialogs, allowedExtensions, _t);
}
]);



//#
// Controller used in the project edition page
//#
Application.Controllers.controller("EditProjectController", ["$scope", "$state", '$stateParams', 'Project', 'Machine', 'Member', 'Component', 'Theme', 'Licence', '$document', 'CSRF', 'projectPromise', 'Diacritics', 'dialogs', 'allowedExtensions', '_t'
, function($scope, $state, $stateParams, Project, Machine, Member, Component, Theme, Licence, $document, CSRF, projectPromise, Diacritics, dialogs, allowedExtensions, _t) {
  CSRF.setMetaTags();

  //# API URL where the form will be posted
  $scope.actionUrl = `/api/projects/${$stateParams.id}`;

  //# Form action on the above URL
  $scope.method = 'put';

  //# Retrieve the project's details, if an error occured, redirect the user to the projects list page
  $scope.project = projectPromise;

  $scope.matchingMembers = $scope.project.project_users.map(u =>
    ({
      id: u.id,
      name: u.full_name
    })
  );

    //# Using the ProjectsController
  return new ProjectsController($scope, $state, Project, Machine, Member, Component, Theme, Licence, $document, Diacritics, dialogs, allowedExtensions, _t);
}
]);



//#
// Controller used in the public project's details page
//#
Application.Controllers.controller("ShowProjectController", ["$scope", "$state", "projectPromise", '$location', '$uibModal', 'dialogs', '_t'
, function($scope, $state, projectPromise, $location, $uibModal, dialogs, _t) {

  /* PUBLIC SCOPE */

  //# Store the project's details
  $scope.project = projectPromise;
  $scope.projectUrl = $location.absUrl();
  $scope.disqusShortname = Fablab.disqusShortname;


  //#
  // Test if the provided user has the edition rights on the current project
  // @param [user] {{id:number}} (optional) the user to check rights
  // @returns boolean
  //#
  $scope.projectEditableBy = function(user) {
    if ((user == null)) { return false; }
    if ($scope.project.author_id === user.id) { return true; }
    let canEdit = false;
    angular.forEach($scope.project.project_users, function(u){
      if ((u.id === user.id) && u.is_valid) { return canEdit = true; }
    });
    return canEdit;
  };



  //#
  // Test if the provided user has the deletion rights on the current project
  // @param [user] {{id:number}} (optional) the user to check rights
  // @returns boolean
  //#
  $scope.projectDeletableBy = function(user) {
    if ((user == null)) { return false; }
    if ($scope.project.author_id === user.id) { return true; }
  };



  //#
  // Callback to delete the current project. Then, the user is redirected to the projects list page,
  // which is refreshed. Admins and project owner only are allowed to delete a project
  //#
  $scope.deleteProject = function() {
    // check the permissions
    if (($scope.currentUser.role === 'admin') || $scope.projectDeletableBy($scope.currentUser)) {
      // delete the project then refresh the projects list
      return dialogs.confirm({
        resolve: {
          object() {
            return {
              title: _t('confirmation_required'),
              msg: _t('do_you_really_want_to_delete_this_project')
            };
          }
        }
      }
      , () => // cancel confirmed
        $scope.project.$delete(() => $state.go('app.public.projects_list', {}, {reload: true}))
      );
    } else {
      return console.error(_t('unauthorized_operation'));
    }
  };



  //#
  // Open a modal box containg a form that allow the end-user to signal an abusive content
  // @param e {Object} jQuery event
  //#
  $scope.signalAbuse = function(e) {
    if (e) { e.preventDefault(); }

    return $uibModal.open({
      templateUrl: '<%= asset_path "shared/signalAbuseModal.html" %>',
      size: 'md',
      resolve: {
        project() { return $scope.project; }
      },
      controller: ['$scope', '$uibModalInstance', '_t', 'growl', 'Abuse', 'project', function($scope, $uibModalInstance, _t, growl, Abuse, project) {

        // signaler's profile & signalement infos
        $scope.signaler = {
          signaled_type: 'Project',
          signaled_id: project.id
        };

        // callback for signaling cancellation
        $scope.cancel = () => $uibModalInstance.dismiss('cancel');

        // callback for form validation
        return $scope.ok = () =>
          Abuse.save({}, {abuse: $scope.signaler}, function(res) {
            // creation successful
            growl.success(_t('your_report_was_successful_thanks'));
            return $uibModalInstance.close(res);
          }
          , error =>
            // creation failed...
            growl.error(_t('an_error_occured_while_sending_your_report'))
          )
        ;
      }
      ]});
  };



  //#
  // Return the URL allowing to share the current project on the Facebook social network
  //#
  $scope.shareOnFacebook = () => `https://www.facebook.com/share.php?u=${$state.href('app.public.projects_show', {id: $scope.project.slug}, {absolute: true}).replace('#', '%23')}`;



  //#
  // Return the URL allowing to share the current project on the Twitter social network
  //#
  return $scope.shareOnTwitter = () => `https://twitter.com/intent/tweet?url=${encodeURIComponent($state.href('app.public.projects_show', {id: $scope.project.slug}, {absolute: true}))}&text=${encodeURIComponent($scope.project.name)}`;
}
]);