###
# Copyright (C) 2014 Andrey Antukh <niwi@niwi.be>
# Copyright (C) 2014 Jesús Espino Garcia <jespinog@gmail.com>
# Copyright (C) 2014 David Barragán Merino <bameda@dbarragan.com>
#
# 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/admin/memberships.coffee
###

taiga = @.taiga

mixOf = @.taiga.mixOf
bindOnce = @.taiga.bindOnce
debounce = @.taiga.debounce

module = angular.module("taigaAdmin")


#############################################################################
## Project Roles Controller
#############################################################################

class RolesController extends mixOf(taiga.Controller, taiga.PageMixin, taiga.FiltersMixin)
    @.$inject = [
        "$scope",
        "$rootScope",
        "$tgRepo",
        "$tgConfirm",
        "$tgResources",
        "$routeParams",
        "$q",
        "$tgLocation",
        "$tgNavUrls",
        "$appTitle"
    ]

    constructor: (@scope, @rootscope, @repo, @confirm, @rs, @params, @q, @location, @navUrls, @appTitle) ->
        _.bindAll(@)

        @scope.sectionName = "Permissions" #i18n
        @scope.project = {}

        promise = @.loadInitialData()

        promise.then () =>
            @appTitle.set("Roles - " + @scope.project.name)

        promise.then null, (xhr) =>
            if xhr and xhr.status == 404
                @location.path(@navUrls.resolve("not-found"))
                @location.replace()
            return @q.reject(xhr)

    loadProject: ->
        return @rs.projects.get(@scope.projectId).then (project) =>
            @scope.project = project
            @scope.$emit('project:loaded', project)
            return project

    loadRoles: ->
        return @rs.roles.list(@scope.projectId).then (data) =>
            @scope.roles = data
            @scope.role = @scope.roles[0]
            return data

    loadInitialData: ->
        promise = @repo.resolve({pslug: @params.pslug}).then (data) =>
            @scope.projectId = data.project
            return data

        return promise.then(=> @.loadProject())
                      .then(=> @.loadUsersAndRoles())
                      .then(=> @.loadRoles())

    setRole: (role) ->
        @scope.role = role
        @scope.$broadcast("role:changed", @scope.role)

    delete: ->
        # TODO: i18n
        title = "Delete Role"
        subtitle = @scope.role.name

        choices = {}
        for role in @scope.roles
            if role.id != @scope.role.id
                choices[role.id] = role.name

        if _.keys(choices).length == 0
            return @confirm.error("You can't delete all values.")

        return @confirm.askChoice(title, subtitle, choices).then (response) =>
            promise = @repo.remove(@scope.role, {moveTo: response.selected})
            promise.then =>
                @.loadRoles().finally ->
                    response.finish()
            promise.then null, =>
                @confirm.notify('error')

    setComputable: debounce 2000, ->
        onSuccess = =>
            @confirm.notify("success")

        onError = =>
            @confirm.notify("error")
            @scope.role.revert()

        @repo.save(@scope.role).then onSuccess, onError


module.controller("RolesController", RolesController)


RolesDirective =  ->
    link = ($scope, $el, $attrs) ->
        $ctrl = $el.controller()

        $scope.$on "$destroy", ->
            $el.off()

    return {link:link}

module.directive("tgRoles", RolesDirective)

NewRoleDirective = ($tgrepo, $confirm) ->
    DEFAULT_PERMISSIONS = ["view_project", "view_milestones", "view_us", "view_tasks", "view_issues"]

    link = ($scope, $el, $attrs) ->
        $ctrl = $el.controller()

        $scope.$on "$destroy", ->
            $el.off()

        $el.on "click", "a.add-button", (event) ->
            event.preventDefault()
            $el.find(".new").removeClass("hidden")
            $el.find(".new").focus()
            $el.find(".add-button").hide()

        $el.on "keyup", ".new", (event) ->
            event.preventDefault()
            if event.keyCode == 13  # Enter key
                target = angular.element(event.currentTarget)
                newRole = {
                    project: $scope.projectId
                    name: target.val()
                    permissions: DEFAULT_PERMISSIONS
                    order: _.max($scope.roles, (r) -> r.order).order + 1
                    computable: false
                }

                $el.find(".new").addClass("hidden")
                $el.find(".new").val('')

                onSuccess = (role) ->
                    $scope.roles.push(role)
                    $ctrl.setRole(role)
                    $el.find(".add-button").show()

                onError = ->
                    $confirm.notify("error")

                $tgrepo.create("roles", newRole).then(onSuccess, onError)

            else if event.keyCode == 27  # ESC key
                target = angular.element(event.currentTarget)
                $el.find(".new").addClass("hidden")
                $el.find(".new").val('')
                $el.find(".add-button").show()

    return {link:link}

module.directive("tgNewRole", ["$tgRepo", "$tgConfirm", NewRoleDirective])


# Use category-config.scss styles
RolePermissionsDirective = ($rootscope, $repo, $confirm) ->
    resumeTemplate = _.template("""
    <div class="resume-title"><%- category.name %></div>
    <div class="summary-role">
        <div class="count"><%- category.activePermissions %>/<%- category.permissions.length %></div>
        <% _.each(category.permissions, function(permission) { %>
            <div class="role-summary-single <% if(permission.active) { %>active<% } %>"
                 title="<%- permission.description %>"></div>
        <% }) %>
    </div>
    <div class="icon icon-arrow-bottom"></div>
    """)

    categoryTemplate = _.template("""
    <div class="category-config" data-id="<%- index %>">
        <div class="resume">
        </div>
        <div class="category-items">
            <div class="items-container">
            <% _.each(category.permissions, function(permission) { %>
                <div class="category-item" data-id="<%- permission.key %>"> <%- permission.description %>
                    <div class="check">
                        <input type="checkbox" <% if(permission.active) { %>checked="checked"<% } %>/>
                        <div></div>
                        <span class="check-text check-yes">Yes</span>
                        <span class="check-text check-no">No</span>
                    </div>
                </div>
            <% }) %>
            </div>
        </div>
    </div>
    """)

    baseTemplate = _.template("""
    <div class="category-config-list"></div>
    """)

    link = ($scope, $el, $attrs) ->
        $ctrl = $el.controller()

        generateCategoriesFromRole = (role) ->
            setActivePermissions = (permissions) ->
                return _.map(permissions, (x) -> _.extend({}, x, {active: x["key"] in role.permissions}))

            setActivePermissionsPerCategory = (category) ->
                return _.map(category, (x) ->
                    _.extend({}, x, {
                        activePermissions: _.filter(x["permissions"], "active").length
                    })
                )

            categories = []

            milestonePermissions = [
                { key: "view_milestones", description: "View milestones" }
                { key: "add_milestone", description: "Add milestone" }
                { key: "modify_milestone", description: "Modify milestone" }
                { key: "delete_milestone", description: "Delete milestone" }
            ]
            categories.push({ name: "Milestones", permissions: setActivePermissions(milestonePermissions) })

            userStoryPermissions = [
                { key: "view_us", description: "View user story" }
                { key: "add_us", description: "Add user story" }
                { key: "modify_us", description: "Modify user story" }
                { key: "delete_us", description: "Delete user story" }
            ]
            categories.push({ name: "User Stories", permissions: setActivePermissions(userStoryPermissions) })

            taskPermissions = [
                { key: "view_tasks", description: "View tasks" }
                { key: "add_task", description: "Add task" }
                { key: "modify_task", description: "Modify task" }
                { key: "delete_task", description: "Delete task" }
            ]
            categories.push({ name: "Tasks", permissions: setActivePermissions(taskPermissions) })

            issuePermissions = [
                { key: "view_issues", description: "View issues" }
                { key: "add_issue", description: "Add issue" }
                { key: "modify_issue", description: "Modify issue" }
                { key: "delete_issue", description: "Delete issue" }
            ]
            categories.push({ name: "Issues", permissions: setActivePermissions(issuePermissions) })

            wikiPermissions = [
                { key: "view_wiki_pages", description: "View wiki pages" }
                { key: "add_wiki_page", description: "Add wiki page" }
                { key: "modify_wiki_page", description: "Modify wiki page" }
                { key: "delete_wiki_page", description: "Delete wiki page" }
                { key: "view_wiki_links", description: "View wiki links" }
                { key: "add_wiki_link", description: "Add wiki link" }
                { key: "delete_wiki_link", description: "Delete wiki link" }
            ]
            categories.push({ name: "Wiki", permissions: setActivePermissions(wikiPermissions) })

            return setActivePermissionsPerCategory(categories)

        renderResume = (element, category) ->
            element.find(".resume").html(resumeTemplate({category: category}))

        renderCategory = (category, index) ->
            html = categoryTemplate({category: category, index: index})
            html = angular.element(html)
            renderResume(html, category)
            return html

        renderPermissions = () ->
            $el.off()
            html = baseTemplate()
            _.each generateCategoriesFromRole($scope.role), (category, index) ->
                html = angular.element(html).append(renderCategory(category, index))

            $el.html(html)
            $el.on "click", ".resume", (event) ->
                event.preventDefault()
                target = angular.element(event.currentTarget)
                target.next().toggleClass("open")

            $el.on "change", ".category-item input", (event) ->
                getActivePermissions = ->
                    activePermissions = _.filter($el.find(".category-item input"), (t) ->
                        angular.element(t).is(":checked")
                    )
                    activePermissions = _.sortBy(_.map(activePermissions, (t) ->
                        permission = angular.element(t).parents(".category-item").data("id")
                    ))
                    activePermissions.push("view_project")
                    return activePermissions

                target = angular.element(event.currentTarget)
                $scope.role.permissions = getActivePermissions()

                onSuccess = (role) ->
                    categories = generateCategoriesFromRole(role)
                    categoryId = target.parents(".category-config").data("id")
                    renderResume(target.parents(".category-config"), categories[categoryId])
                    $rootscope.$broadcast("projects:reload")
                    $confirm.notify("success")

                onError = ->
                    $confirm.notify("error")
                    target.prop "checked", !target.prop("checked")
                    $scope.role.permissions = getActivePermissions()

                $repo.save($scope.role).then onSuccess, onError

        $scope.$on "$destroy", ->
            $el.off()

        $scope.$on "role:changed", ->
            renderPermissions()

        bindOnce($scope, $attrs.ngModel, renderPermissions)

    return {link:link}

module.directive("tgRolePermissions", ["$rootScope", "$tgRepo", "$tgConfirm", RolePermissionsDirective])