###
# 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

module = angular.module("taigaAdmin")


#############################################################################
## Project Memberships Controller
#############################################################################

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

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

        @scope.sectionName = "Memberships" #i18n
        @scope.project = {}
        @scope.filters = {}

        promise = @.loadInitialData()
        promise.then null, ->
            console.log "FAIL" #TODO

        @scope.$on("membersform:new:success", @.loadMembers)

    loadProject: ->
        return @rs.projects.get(@scope.projectId).then (project) =>
            @scope.project = project
            return project

    loadMembers: ->
        httpFilters = @.getUrlFilters()
        return @rs.memberships.list(@scope.projectId, httpFilters).then (data) =>
            @scope.memberships = data.models
            @scope.page = data.current
            @scope.count = data.count
            @scope.paginatedBy = data.paginatedBy
            return data

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

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

    getUrlFilters: ->
        filters = _.pick(@location.search(), "page")
        filters.page = 1 if not filters.page
        return filters

    addNewMembers:  ->
        @rootscope.$broadcast("membersform:new")


module.controller("MembershipsController", MembershipsController)


#############################################################################
## Member Avatar Directive
#############################################################################

paginatorTemplate = """
<ul class="paginator">
    <% if (showPrevious) { %>
    <li class="previous">
        <a href="" class="previous next_prev_button" class="disabled">
            <span i18next="pagination.prev">Prev</span>
        </a>
    </li>
    <% } %>

    <% _.each(pages, function(item) { %>
    <li class="<%= item.classes %>">
        <% if (item.type === "page") { %>
        <a href="" data-pagenum="<%= item.num %>"><%= item.num %></a>
        <% } else if (item.type === "page-active") { %>
        <span class="active"><%= item.num %></span>
        <% } else { %>
        <span>...</span>
        <% } %>
    </li>
    <% }); %>

    <% if (showNext) { %>
    <li class="next">
        <a href="" class="next next_prev_button" class="disabled">
            <span i18next="pagination.next">Next</span>
        </a>
    </li>
    <% } %>
</ul>
"""

MembershipsDirective =  ->
    template = _.template(paginatorTemplate)

    linkPagination = ($scope, $el, $attrs, $ctrl) ->
        # Constants
        afterCurrent = 2
        beforeCurrent = 4
        atBegin = 2
        atEnd = 2

        $pagEl = $el.find(".memberships-paginator")

        getNumPages = ->
            numPages = $scope.count / $scope.paginatedBy
            if parseInt(numPages, 10) < numPages
                numPages = parseInt(numPages, 10) + 1
            else
                numPages = parseInt(numPages, 10)

            return numPages

        renderPagination = ->
            numPages = getNumPages()

            if numPages <= 1
                $pagEl.hide()
                return

            pages = []
            options = {}
            options.pages = pages
            options.showPrevious = ($scope.page > 1)
            options.showNext = not ($scope.page == numPages)

            cpage = $scope.page

            for i in [1..numPages]
                if i == (cpage + afterCurrent) and numPages > (cpage + afterCurrent + atEnd)
                    pages.push({classes: "dots", type: "dots"})
                else if i == (cpage - beforeCurrent) and cpage > (atBegin + beforeCurrent)
                    pages.push({classes: "dots", type: "dots"})
                else if i > (cpage + afterCurrent) and i <= (numPages - atEnd)
                else if i < (cpage - beforeCurrent) and i > atBegin
                else if i == cpage
                    pages.push({classes: "active", num: i, type: "page-active"})
                else
                    pages.push({classes: "page", num: i, type: "page"})

            $pagEl.html(template(options))

        $scope.$watch "memberships", (value) ->
            # Do nothing if value is not logical true
            return if not value

            renderPagination()

        $el.on "click", ".memberships-paginator a.next", (event) ->
            event.preventDefault()

            $scope.$apply ->
                $ctrl.selectFilter("page", $scope.page + 1)
                $ctrl.loadMembers()

        $el.on "click", ".memberships-paginator a.previous", (event) ->
            event.preventDefault()
            $scope.$apply ->
                $ctrl.selectFilter("page", $scope.page - 1)
                $ctrl.loadMembers()

        $el.on "click", ".memberships-paginator li.page > a", (event) ->
            event.preventDefault()
            target = angular.element(event.currentTarget)
            pagenum = target.data("pagenum")

            $scope.$apply ->
                $ctrl.selectFilter("page", pagenum)
                $ctrl.loadMembers()

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

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

    return {link:link}

module.directive("tgMemberships", MembershipsDirective)


#############################################################################
## Member Avatar Directive
#############################################################################

MembershipsRowAvatarDirective = ($log) ->
    template = _.template("""
    <figure class="avatar">
        <img src="<%= imgurl %>" alt="<%- full_name %>">
        <figcaption>
            <span class="name"><%- full_name %></span>
            <span class="email"><%- email %></span>
        </figcaption>
    </figure>
    """)

    link = ($scope, $el, $attrs) ->
        render = (member) ->
            ctx = {
                full_name: if member.full_name then member.full_name else ""
                email: member.email
                imgurl: if member.photo then member.photo else "/image/unnamed.png"
            }

            html = template(ctx)
            $el.html(html)

        if not $attrs.tgMembershipsRowAvatar?
            return $log.error "MembershipsRowAvatarDirective: the directive need a member"

        member = $scope.$eval($attrs.tgMembershipsRowAvatar)
        render(member)

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

    return {link: link}


module.directive("tgMembershipsRowAvatar", ["$log", MembershipsRowAvatarDirective])


#############################################################################
## Member Actions Directive
#############################################################################

MembershipsRowActionsDirective = ($log, $repo, $confirm) ->
    activedTemplate = _.template("""
    <div class="active">
        Active
    </div>
    <a class="delete" href="">
        <span class="icon icon-delete"></span>
    </a>
    """) # i18n

    pendingTemplate = _.template("""
    <a class="pending" href="">
        Pending
        <span class="icon icon-reload"></span>
    </a>
    <a class="delete" href="" title="Delete">
        <span class="icon icon-delete"></span>
    </a>
    """) # i18n

    link = ($scope, $el, $attrs) ->
        render = (member) ->
            if member.user
                html = activedTemplate()
            else
                html = pendingTemplate()

            $el.html(html)

        if not $attrs.tgMembershipsRowActions?
            return $log.error "MembershipsRowActionsDirective: the directive need a member"

        $ctrl = $el.controller()
        member = $scope.$eval($attrs.tgMembershipsRowActions)
        render(member)

        $el.on "click", ".pending", (event) ->
            event.preventDefault()
            #TODO: Re-send the invitation
            console.log "re-sending the invitation to #{member.email}"

        $el.on "click", ".delete", (event) ->
            event.preventDefault()

            title = "Delete member" # i18n
            subtitle = if member.user then member.full_name else "the invitation to #{member.email}" # i18n

            $confirm.ask(title, subtitle).then ->
                $repo.remove(member).then ->
                    $ctrl.loadMembers()
                    $confirm.notify("success", null, "We've deleted #{subtitle}.") # i18n

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

    return {link: link}


module.directive("tgMembershipsRowActions", ["$log", "$tgRepo", "$tgConfirm",
                                             MembershipsRowActionsDirective])


#############################################################################
## Member IsAdminCheckbox Directive
#############################################################################

MembershipsRowAdminCheckboxDirective = ($log, $repo, $confirm) ->
    template = _.template("""
    <input type="checkbox" id="<%- inputId %>" />
    <label for="<%- inputId %>">Is admin?</label>
    """) # i18n

    link = ($scope, $el, $attrs) ->
        render = (member) ->
            ctx = {inputId: "is-admin-#{member.id}"}

            html = template(ctx)
            $el.html(html)

        if not $attrs.tgMembershipsRowAdminCheckbox?
            return $log.error "MembershipsRowAdminCheckboxDirective: the directive need a member"

        member = $scope.$eval($attrs.tgMembershipsRowAdminCheckbox)
        html = render(member)

        if member.is_admin
            $el.find(":checkbox").prop("checked", true)

        $el.on "click", ":checkbox", (event) =>
            onSuccess = ->
                $confirm.notify("success")

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

            target = angular.element(event.currentTarget)
            member.is_admin = target.prop("checked")
            $repo.save(member).then(onSuccess, onError)

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

    return {link: link}


module.directive("tgMembershipsRowAdminCheckbox", ["$log", "$tgRepo", "$tgConfirm",
                                                   MembershipsRowAdminCheckboxDirective])
#############################################################################
## Member RoleSelector Directive
#############################################################################

MembershipsRowRoleSelectorDirective = ($log, $repo, $confirm) ->
    template = _.template("""
    <select>
        <% _.each(roleList, function(role) { %>
        <option value="<%- role.id %>" <% if(selectedRole === role.id){ %>selected="selected"<% } %>>
            <%- role.name %>
        </option>
        <% }); %>
    </select>
    """)

    link = ($scope, $el, $attrs) ->
        render = (member) ->
            ctx = {
                roleList: $scope.roles,
                selectedRole: member.role
            }

            html = template(ctx)
            $el.html(html)

        if not $attrs.tgMembershipsRowRoleSelector?
            return $log.error "MembershipsRowRoleSelectorDirective: the directive need a member"

        $ctrl = $el.controller()
        member = $scope.$eval($attrs.tgMembershipsRowRoleSelector)
        html = render(member)

        $el.on "click", "select", (event) =>
            onSuccess = ->
                $confirm.notify("success")

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

            target = angular.element(event.currentTarget)
            newRole = parseInt(target.val(), 10)

            if member.role != newRole
                member.role = newRole
                $repo.save(member).then(onSuccess, onError)

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

    return {link: link}


module.directive("tgMembershipsRowRoleSelector", ["$log", "$tgRepo", "$tgConfirm",
                                                     MembershipsRowRoleSelectorDirective])