#
# Secretary version of Adjournment section: shows todos
#

class Adjournment < Vue
  def initialize
    @add = []
    @remove = []
    @establish = []
    @feedback = []
    @minutes = {}
    @loading = true
    @fetched = false
  end

  # export self as shared state
  def created()
    if defined? global
      global.Todos = self
    else
      window.Todos = self
    end
  end

  # update state
  def set(value)
    for attr in value
      Todos[attr] = value[attr]
    end
  end

  # find corresponding agenda item
  def link(title)
    link = nil
    Agenda.index.each do |item|
      link = item.href if item.title == title
    end
    return link
  end

  def render
    _section.flexbox do
      _section do
        _pre.report @@item.text

        if not Todos.loading or Todos.fetched
          _h3 'Post Meeting actions'

          if 
            Todos.add.empty? and Todos.remove.empty? and 
            Todos.establish.empty?
          then
            if Todos.loading
              _em 'Loading...'
            else
              _p.comment 'complete'
            end
          end
        end

        unless Todos.add.empty?
          _TodoActions action: 'add'
        end

        unless Todos.remove.empty?
          _TodoActions action: 'remove'
        end

        unless Todos.establish.empty?
          _EstablishActions action: 'remove'
        end

        unless Todos.feedback.empty?
          _FeedbackReminder
        end

        # display a list of completed actions
        completed = Todos.minutes.todos
        if 
          completed and completed.keys().length > 0 and (
          (completed.added and not completed.added.empty?) or 
          (completed.removed and not completed.removed.empty?) or
          (completed.established and not completed.established.empty?) or 
          (completed.feedback_sent and not completed.feedback_sent.empty?))
        then
          _h3 'Completed actions'

          if completed.added and not completed.added.empty?
            _p 'Added to PMC chairs'
            _ul completed.added do |id|
              _li {_a id, href: "../../../roster/committer/#{id}"}
            end
          end

          if completed.removed and not completed.removed.empty?
            _p 'Removed from PMC chairs'
            _ul completed.removed do |id|
              _li {_a id, href: "../../../roster/committer/#{id}"}
            end
          end

          if completed.established and not completed.established.empty?
            _p 'Established PMCs'
            _ul completed.established do |pmc|
              _li {_a pmc, href: "../../../roster/committee/#{pmc}"}
            end
          end

          if completed.feedback_sent and not completed.feedback_sent.empty?
            _p 'Sent feedback'
            _ul completed.feedback_sent do |pmc|
              _li {_Link text: pmc, href: pmc.gsub(/\s+/, '-')} 
            end
          end
        end
      end

      _section do
        minutes = Minutes.get(@@item.title)
        if minutes
          _h3 'Minutes'
          _pre.comment minutes
        end
      end
    end
  end

  # fetch secretary todos once the minutes are complete
  def mounted()
    if Minutes.complete and Todos.loading and not Todos.fetched
      Todos.fetched = true
      retrieve "secretary-todos/#{Agenda.title}", :json do |todos|
        Todos.set todos
        Todos.loading = false
      end
    end
  end
end

########################################################################
#                          Add, Remove chairs                          #
########################################################################

class TodoActions < Vue
  def initialize
    @checked = {}
    @disabled = true
    @people = []
  end

  # update check marks based on current Todo list
  def created()
    @people = Todos[@@action]

    # uncheck people who were removed
    for id in @checked
      unless @people.any? {|person| person.id == id}
        @checked[id] = false
      end
    end

    # check people who were added
    @people.each do |person|
      if @checked[person.id] == undefined
        if not person.resolution or Minutes.get(person.resolution) != 'tabled'
          @checked[person.id] = true 
        end
      end
    end

    self.refresh()
  end

  def refresh()
    # disable button if nobody is checked
    disabled = true
    for id in @checked
      disabled = false if @checked[id]
    end
    @disabled = disabled

    Vue.forceUpdate()
  end

  def render
    if @@action == 'add'
      _p 'Add to pmc-chairs and email welcome message:'
    else
      _p 'Remove from pmc-chairs:'
    end

    _ul.checklist @people do |person|
      _li do
        _input type: 'checkbox', checked: @checked[person.id],
          onChange:-> {
            @checked[person.id] = !@checked[person.id]
            self.refresh()
          }

        _a person.id,
          href: "/roster/committer/#{person.id}"
        _ " (#{person.name})"

        if @@action == 'add' and person.resolution
          resolution = Minutes.get(person.resolution)
          if resolution
            _ ' - '
            _Link text: resolution, href: Todos.link(person.resolution)
          end
        end
      end
    end

    _button.checklist.btn.btn_default 'Submit', disabled: @disabled,
      onClick: self.submit
  end

  def submit()
    @disabled = true

    data = {}
    data[@@action] = @checked

    post "secretary-todos/#{Agenda.title}", data do |todos|
      @disabled = false
      Todos.set todos
    end
  end
end

########################################################################
#                          Establish actions                           #
########################################################################

class EstablishActions < Vue
  def initialize
    @checked = {}
    @disabled = true
    @podlings = []
  end

  # update check marks based on current Todo list
  def created()
    @podlings = Todos.establish

    # uncheck podlings that were removed
    for name in @checked
      unless @podlings.any? {|podling| podling.name == name}
        @checked[name] = false
      end
    end

    # check podlings that were added
    @podlings.each do |podling|
      if @checked[podling.name] == undefined
        if not podling.resolution or Minutes.get(podling.resolution) != 'tabled'
          @checked[podling.name] = true 
        end
      end
    end

    self.refresh()
  end

  def refresh()
    # disable button if nobody is checked
    disabled = true
    for id in @checked
      disabled = false if @checked[id]
    end
    @disabled = disabled

    Vue.forceUpdate()
  end

  def render
    _p do
      _a 'Establish pmcs:', 
        href: 'https://infra.apache.org/officers/tlpreq'
    end

    _ul.checklist @podlings do |podling|
      _li do
        _input type: 'checkbox', checked: @checked[podling.name],
          onChange:-> {
            @checked[podling.name] = !@checked[podling.name]
            self.refresh()
          }

        _span podling.name

        resolution = Minutes.get(podling.resolution)
        if resolution
          _ ' - '
          _Link text: resolution, href: Todos.link(podling.resolution)
        end
      end
    end

    _button.checklist.btn.btn_default 'Submit', disabled: @disabled,
      onClick: self.submit
  end

  def submit()
    @disabled = true
    data = {establish: @checked}

    post "secretary-todos/#{Agenda.title}", data do |todos|
      @disabled = false
      Todos.set todos
    end
  end
end

########################################################################
#                      Reminder to draft feedback                      #
########################################################################

class FeedbackReminder < Vue
  def render
    _p 'Draft feedback:'

    _ul.list_group.row Todos.feedback do |pmc|
      _li.list_group_item.col_xs_6.col_sm_4.col_md_3.col_lg_2 do
        _Link text: pmc, href: pmc.gsub(/\s+/, '-')
     end
    end

    _button.checklist.btn.btn_default 'Submit',
      onClick:-> {window.location.href = 'feedback'}
  end
end