mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2024-12-03 14:24:23 +01:00
573 lines
20 KiB
Plaintext
573 lines
20 KiB
Plaintext
/* eslint-disable
|
|
handle-callback-err,
|
|
no-return-assign,
|
|
no-undef,
|
|
*/
|
|
// TODO: This file was created by bulk-decaffeinate.
|
|
// Fix any style issues and re-enable lint.
|
|
/*
|
|
* 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)
|
|
} 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)}`
|
|
}
|
|
])
|