openproject/app/helpers/timelines_helper.rb

#encoding: utf-8

#-- copyright
# OpenProject is a project management system.
#
# Copyright (C) 2012-2013 the OpenProject Team
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License version 3.
#
# See doc/COPYRIGHT.rdoc for more details.
#++

module TimelinesHelper
  unloadable

  def icon_for_color(color, options = {})
    return unless color

    options = options.merge(:class => "timelines-phase " + options[:class].to_s,
                            :style => "background-color: #{color.hexcode};" + options[:style].to_s)

    content_tag(:span, " ", options)
  end

  def icon_for_planning_element_type(type)
    return unless type

    if type.is_milestone?
      css_class = 'timelines-milestone'
    else
      css_class = 'timelines-phase'
    end
    if type.color.present?
      color = type.color.hexcode
    else
      color = "#CCC"
    end

    content_tag(:span, " ",
                :class => css_class,
                :style => "background-color: #{color}")
  end

  def parent_id_select_tag(form, planning_element)
    available_parents = planning_element.project.timelines_planning_elements.without_deleted.find(:all, :order => "COALESCE(parent_id, id), parent_id")
    available_parents -= [planning_element]

    available_options = available_parents.map do |pe|
      texts = (pe.ancestors.reverse << pe).map { |a| "*#{a.id} #{a.name}" }
      [texts.join(right_pointing_arrow), pe.id]
    end

    available_options.unshift(['',''])

    form.select :parent_id, available_options
  end

  def right_pointing_arrow
    " ▸ "
  end

  def format_date(date, options = nil)
    text = super(date)

    if options.present?
      content_tag(:span, text, options)
    else
      text
    end
  end

  def options_for_colors(colored_thing)
    s = content_tag(:option, '')
    colored_thing.available_colors.each do |c|
      options = {}
      options[:value] = c.id
      options[:selected] = 'selected' if c.id == colored_thing.color_id

      options[:style] = "background-color: #{c.hexcode}; color: #{c.text_hexcode}"

      s << content_tag(:option, h(c.name), options)
    end
    s
  end

  def options_for_project_types
    Timelines::ProjectType.all.map { |t| [t.name, t.id] }
  end

  def options_for_responsible(project)
    project.users.map { |u| [u.name, u.id] }
  end

  def visible_parent_project(project)
    parent = project.parent

    while parent.present? && !parent.timelines_visible?
      parent = parent.parent
    end

    parent
  end

  def timelines_header_tags
    %Q{
      <style type='text/css'>
        #content table.issues td.center,
        #content table th.center {
          text-align: center;
        }
        .contextual .new-element {
          background: url("../images/add.png") no-repeat scroll 6px center transparent;
          padding-left: 16px;
          font-size: 11px;
        }

        .timelines-contextual-fieldset {
          float:right;
          white-space:nowrap;
          margin-right:24px;
          padding-left:10px;
        }

        .timelines-milestone, .timelines-phase {
          border: 1px solid #000;
          display: inline-block;
          height: 12px;
          width: 12px;
          margin-bottom: -3px;
          margin-right: 5px;
        }
        .timelines-milestone {
          -webkit-transform: rotate(45deg);
             -moz-transform: rotate(45deg);
               -o-transform: rotate(45deg);
                  transform: rotate(45deg);
        }
        .timelines-phase {
          border-radius: 4px;
        }
        .timelines-attributes th {
          width: 17%;
        }
        .timelines-attributes td {
          width: 33%;
        }
        #content .meta table.timelines-attributes th,
        #content .meta table.timelines-attributes td {
          padding-top: 0.5em;
          padding-bottom: 0.5em;
        }
        #content table.timelines-rep,
        table.timelines-dates {
          width: 100%;
        }
        #content table.timelines-dates th {
          text-align: left;
          padding-left: 1em;
          padding-right: 1em;
        }
        table.timelines-dates td {
          padding: 1em;
        }

        table.timelines-dates tbody.timelines-current-dates td {
          font-weight: bold;
          height: 3em;
          vertical-align: middle;
          padding: 0 1em;
        }

        #content table.timelines-pt td, #content table.timelines-pt th,
        #content table.timelines-pet td, #content table.timelines-pet th {
          border: 1px solid #E6E6E6;
          padding: 6px;
          position: relative;
          text-align: left;
          vertical-align: top;
        }

        #content table.timelines-pt td.timelines-pt-reorder,
        #content table.timelines-pt td.timelines-pt-allows_association,
        #content table.timelines-pt td.timelines-pt-actions,
        #content table.timelines-pet td.timelines-pet-color,
        #content table.timelines-pet td.timelines-pet-reorder,
        #content table.timelines-pet td.timelines-pet-is_default,
        #content table.timelines-pet td.timelines-pet-in_aggregation,
        #content table.timelines-pet td.timelines-pet-is_milestone,
        #content table.timelines-pet td.timelines-pet-actions {
          width: 12%;
          text-align: center;
        }

        .timelines-pet-properties,
        .timelines-reporting-properties p {
          margin-bottom: 1em;
        }
        .timelines-pet-properties p,
        .timelines-reporting-properties p {
          margin-left: 1em;
          line-height: 2em;
        }
        .timelines-color-properties label,
        .timelines-pet-properties label,
        .timelines-pt-properties label,
        .timelines-scenario-properties label {
          display: inline-block;
          width: 10em;
        }
        .timelines-reporting-properties .timelines-value,
        .timelines-pet-properties .timelines-value,
        .timelines-pt-properties .timelines-value {
          margin-left: 0.4em;
        }
        td.timelines-scenario-name {
          font-weight: bold;
        }

        .contextual.timelines-for_previous_heading {
          margin-top: -2.6em;
        }
      </style>
      <!--[if IE]>
      <style type='text/css'>
        .timelines-milestone {
          filter: progid:DXImageTransform.Microsoft.Matrix(
                     sizingMethod='auto expand',
                              M11=0.7071067811865476,
                              M12=-0.7071067811865475,
                              M21=0.7071067811865475,
                              M22=0.7071067811865476);

          width: 11px;
          height: 11px;
          margin-bottom: 0px;
          margin-right: 8px;
        }
        .timelines-phase {
          margin-left: 2px;
        }
      </style>
      <![endif]-->

      <script>
        jQuery(function () {
          preview = jQuery('.timelines-x-update-color').each(function () {
            var preview, input, func;

            preview = jQuery(this);
            input   = preview.next('input');

            if (input.length == 0) {
              return;
            }

            func = function () {
              preview.css('background-color', input.val());
            };

            input.keyup(func).change(func).focus(func);
            func();
          });
        });
      </script>
    }.html_safe
  end

  def none_option
    result = [[l('timelines.filter.none'), -1]]
  end

  def filter_select_i18n_array_with_index_and_none(array, i18n_prefix)
    result = self.none_option
    index = -1
    result += array.map do |t|
      index += 1
      [l(i18n_prefix + t), index]
    end
  end

  def filter_select_with_none(collection, text, value)
    result = self.none_option
    result += filter_select(collection, text, value)
  end

  def filter_select(collection, text, value)
    collection.map do |t|
      [t.send(text), t.send(value)]
    end
  end

  def resolve_with_none_option(const, collection)
    collection
  end

  def internationalized_columns_select(collection)
    collection.map do |t|
      [l("timelines.filter.column." + t), t]
    end
  end
end