290 lines
9.3 KiB
CoffeeScript
290 lines
9.3 KiB
CoffeeScript
###
|
|
# Copyright (C) 2014-2017 Andrey Antukh <niwi@niwi.nz>
|
|
# Copyright (C) 2014-2017 Jesús Espino Garcia <jespinog@gmail.com>
|
|
# Copyright (C) 2014-2017 David Barragán Merino <bameda@dbarragan.com>
|
|
# Copyright (C) 2014-2017 Alejandro Alonso <alejandro.alonso@kaleidos.net>
|
|
# Copyright (C) 2014-2017 Juan Francisco Alcántara <juanfran.alcantara@kaleidos.net>
|
|
# Copyright (C) 2014-2017 Xavi Julian <xavier.julian@kaleidos.net>
|
|
#
|
|
# This program is free software: you can redistribute it and/or modify
|
|
# it under the terms of the GNU Affero General Public License as
|
|
# published by the Free Software Foundation, either version 3 of the
|
|
# License, or (at your option) any later version.
|
|
#
|
|
# This program is distributed in the hope that it will be useful,
|
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
# GNU Affero General Public License for more details.
|
|
#
|
|
# You should have received a copy of the GNU Affero General Public License
|
|
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
#
|
|
# File: modules/base/confirm.coffee
|
|
###
|
|
|
|
taiga = @.taiga
|
|
timeout = @.taiga.timeout
|
|
cancelTimeout = @.taiga.cancelTimeout
|
|
debounce = @.taiga.debounce
|
|
bindMethods = @.taiga.bindMethods
|
|
|
|
NOTIFICATION_MSG = {
|
|
"success":
|
|
title: "NOTIFICATION.OK"
|
|
message: "NOTIFICATION.SAVED"
|
|
"error":
|
|
title: "NOTIFICATION.WARNING"
|
|
message: "NOTIFICATION.WARNING_TEXT"
|
|
"light-error":
|
|
title: "NOTIFICATION.WARNING"
|
|
message: "NOTIFICATION.WARNING_TEXT"
|
|
}
|
|
|
|
|
|
class ConfirmService extends taiga.Service
|
|
@.$inject = ["$q", "lightboxService", "$tgLoading", "$translate"]
|
|
|
|
constructor: (@q, @lightboxService, @loading, @translate) ->
|
|
bindMethods(@)
|
|
|
|
hide: (el)->
|
|
if el
|
|
@lightboxService.close(el)
|
|
|
|
el.off(".confirm-dialog")
|
|
|
|
ask: (title, subtitle, message, lightboxSelector=".lightbox-generic-ask") ->
|
|
defered = @q.defer()
|
|
|
|
el = angular.element(lightboxSelector)
|
|
|
|
# Render content
|
|
el.find(".title").text(title) if title
|
|
el.find(".subtitle").text(subtitle) if subtitle
|
|
el.find(".message").html(message) if message
|
|
|
|
# Assign event handlers
|
|
el.on "click.confirm-dialog", ".button-green", debounce 2000, (event) =>
|
|
event.preventDefault()
|
|
target = angular.element(event.currentTarget)
|
|
currentLoading = @loading()
|
|
.target(target)
|
|
.start()
|
|
defered.resolve {
|
|
finish: (ok=true) =>
|
|
currentLoading.finish()
|
|
if ok
|
|
@.hide(el)
|
|
}
|
|
|
|
el.on "click.confirm-dialog", ".button-red", (event) =>
|
|
event.preventDefault()
|
|
defered.reject()
|
|
@.hide(el)
|
|
|
|
@lightboxService.open(el)
|
|
|
|
return defered.promise
|
|
|
|
askOnDelete: (title, message, subtitle) ->
|
|
if not subtitle?
|
|
subtitle = @translate.instant("NOTIFICATION.ASK_DELETE")
|
|
return @.ask(title, subtitle, message)
|
|
|
|
askChoice: (title, subtitle, choices, replacement, warning, lightboxSelector=".lightbox-ask-choice") ->
|
|
defered = @q.defer()
|
|
|
|
el = angular.element(lightboxSelector)
|
|
|
|
# Render content
|
|
el.find(".title").text(title)
|
|
el.find(".subtitle").text(subtitle)
|
|
|
|
if replacement
|
|
el.find(".replacement").text(replacement)
|
|
else
|
|
el.find(".replacement").remove()
|
|
|
|
if warning
|
|
el.find(".warning").text(warning)
|
|
else
|
|
el.find(".warning").remove()
|
|
|
|
choicesField = el.find(".choices")
|
|
choicesField.html('')
|
|
_.each choices, (value, key) ->
|
|
value = _.escape(value)
|
|
choicesField.append(angular.element("<option value='#{key}'>#{value}</option>"))
|
|
|
|
# Assign event handlers
|
|
el.on "click.confirm-dialog", "a.button-green", debounce 2000, (event) =>
|
|
event.preventDefault()
|
|
target = angular.element(event.currentTarget)
|
|
currentLoading = @loading()
|
|
.target(target)
|
|
.start()
|
|
defered.resolve {
|
|
selected: choicesField.val()
|
|
finish: (ok=true) =>
|
|
currentLoading.finish()
|
|
if ok
|
|
@.hide(el)
|
|
}
|
|
|
|
el.on "click.confirm-dialog", ".button-red", (event) =>
|
|
event.preventDefault()
|
|
defered.reject()
|
|
@.hide(el)
|
|
|
|
@lightboxService.open(el)
|
|
|
|
return defered.promise
|
|
|
|
error: (message) ->
|
|
defered = @q.defer()
|
|
|
|
el = angular.element(".lightbox-generic-error")
|
|
|
|
# Render content
|
|
el.find(".title").html(message)
|
|
|
|
# Assign event handlers
|
|
el.on "click.confirm-dialog", ".button-green", (event) =>
|
|
event.preventDefault()
|
|
defered.resolve()
|
|
@.hide(el)
|
|
|
|
el.on "click.confirm-dialog", ".close", (event) =>
|
|
event.preventDefault()
|
|
defered.resolve()
|
|
@.hide(el)
|
|
|
|
@lightboxService.open(el)
|
|
|
|
return defered.promise
|
|
|
|
success: (title, message, icon) ->
|
|
defered = @q.defer()
|
|
|
|
el = angular.element(".lightbox-generic-success")
|
|
|
|
el.find("img").remove()
|
|
el.find("svg").remove()
|
|
|
|
if icon
|
|
if icon.type == "img"
|
|
detailImage = $('<img>').addClass('lb-icon').attr('src', icon.name)
|
|
else if icon.type == "svg"
|
|
detailImage = document.createElement("div")
|
|
taiga.addClass(detailImage, "icon")
|
|
taiga.addClass(detailImage, icon.name)
|
|
taiga.addClass(detailImage, "lb-icon")
|
|
|
|
svgContainer = document.createElementNS("http://www.w3.org/2000/svg", "svg")
|
|
|
|
useSVG = document.createElementNS('http://www.w3.org/2000/svg', 'use')
|
|
useSVG.setAttributeNS('http://www.w3.org/1999/xlink','href', '#' + icon.name)
|
|
|
|
detailImage.appendChild(svgContainer).appendChild(useSVG)
|
|
|
|
if detailImage
|
|
el.find('section').prepend(detailImage)
|
|
|
|
# Render content
|
|
el.find(".title").html(title) if title
|
|
el.find(".message").html(message) if message
|
|
|
|
# Assign event handlers
|
|
el.on "click.confirm-dialog", ".button-green", (event) =>
|
|
event.preventDefault()
|
|
defered.resolve()
|
|
@.hide(el)
|
|
|
|
el.on "click.confirm-dialog", ".close", (event) =>
|
|
event.preventDefault()
|
|
defered.resolve()
|
|
@.hide(el)
|
|
|
|
@lightboxService.open(el)
|
|
|
|
return defered.promise
|
|
|
|
loader: (title, message, spin=false) ->
|
|
el = angular.element(".lightbox-generic-loading")
|
|
|
|
# Render content
|
|
el.find(".title").html(title) if title
|
|
el.find(".message").html(message) if message
|
|
|
|
if spin
|
|
el.find(".spin").removeClass("hidden")
|
|
|
|
return {
|
|
start: => @lightboxService.open(el)
|
|
stop: => @lightboxService.close(el)
|
|
update: (status, title, message, percent) =>
|
|
el.find(".title").html(title) if title
|
|
el.find(".message").html(message) if message
|
|
|
|
if percent
|
|
el.find(".spin").addClass("hidden")
|
|
el.find(".progress-bar-wrapper").removeClass("hidden")
|
|
el.find(".progress-bar-wrapper > .bar").width(percent + '%')
|
|
el.find(".progress-bar-wrapper > span").html(percent + '%').css('left', (percent - 9) + '%' )
|
|
else
|
|
el.find(".spin").removeClass("hidden")
|
|
el.find(".progress-bar-wrapper").addClass("hidden")
|
|
}
|
|
|
|
notify: (type, message, title, time) ->
|
|
# NOTE: Typesi are: error, success, light-error
|
|
# See partials/components/notification-message.jade)
|
|
# Add default texts to NOTIFICATION_MSG for new notification types
|
|
|
|
selector = ".notification-message-#{type}"
|
|
el = angular.element(selector)
|
|
|
|
return if el.hasClass("active")
|
|
|
|
if title
|
|
el.find("h4").html(title)
|
|
else
|
|
el.find("h4").html(@translate.instant(NOTIFICATION_MSG[type].title))
|
|
|
|
if message
|
|
el.find("p").html(message)
|
|
else
|
|
el.find("p").html(@translate.instant(NOTIFICATION_MSG[type].message))
|
|
|
|
body = angular.element("body")
|
|
body.find(".notification-message .notification-light")
|
|
.removeClass('active')
|
|
.addClass('inactive')
|
|
|
|
body.find(selector)
|
|
.removeClass('inactive')
|
|
.addClass('active')
|
|
|
|
if @.tsem
|
|
cancelTimeout(@.tsem)
|
|
|
|
if !time
|
|
time = if type == 'error' or type == 'light-error' then 3500 else 1500
|
|
|
|
@.tsem = timeout time, =>
|
|
body.find(selector)
|
|
.removeClass('active')
|
|
.addClass('inactive')
|
|
.one 'animationend', () -> $(this).removeClass('inactive')
|
|
|
|
delete @.tsem
|
|
|
|
el.on "click", ".icon-close, .close", (event) =>
|
|
body.find(selector)
|
|
.removeClass('active')
|
|
.addClass('inactive')
|
|
|
|
|
|
module = angular.module("taigaCommon")
|
|
module.service("$tgConfirm", ConfirmService)
|