rich_table_component 0.0.1 → 0.0.2

data/app/helpers/documents_helper.rb

@@ -0,0 +1,22 @@
+module DocumentsHelper
+  
+  # Return document thumbnail/icon
+  def document_image_tag(document)
+    if !(document.attachment.content_type =~ /^image/).nil? 
+      image_tag document.attachment(:micro)
+    else
+      image_tag 'icons/file_extension/file_extension_' + (Document::FILE_EXTENSION_ICON[document.attachment.content_type].presence || '') + '.png'
+    end
+  end
+
+  # Return document thumbnail/icon
+  def document_image_path(document)
+    if !(document.attachment.content_type =~ /^image/).nil? 
+      document.attachment(:micro)
+    else
+      '/assets/icons/file_extension/file_extension_' + (Document::FILE_EXTENSION_ICON[document.attachment.content_type].presence || '') + '.png'
+    end
+  end
+
+  
+end

data/app/helpers/menus_helper.rb

@@ -0,0 +1,182 @@
+module MenusHelper
+
+  def construct_all_menu
+    result = ""
+      Menu.roots.each do |menu_root|
+        if current_user.present?
+          result << '<div class="component menu menu_component grid_3 alpha omega"><div class="component_content">'
+          result << (construct_menu menu_root.sorted_tree)
+          result << '</div></div>'
+        end
+      end
+    sanitize result
+  end
+  
+
+  def construct_menu_group(menu_group_id)
+    result = ""
+    if(Menu.exists?(menu_group_id))
+      menus = Menu.find(menu_group_id).sorted_tree
+      menus.keep_if{|menu| (menu.roles & current_user.roles).present?}
+      if current_user.present? && menus.present?
+        result << '<div class="component menu menu_component grid_3 alpha omega"><div class="component_content">'
+        result << (construct_menu menus)
+        result << '</div></div>'
+      end
+    end
+    sanitize result
+  end
+
+  def construct_menu(menus)
+    result = ""
+    menus.keep_if{|menu| (menu.roles & current_user.roles).present?}
+    
+    if menus.length > 0
+      root_depth = menus[0].depth
+      curr_depth = root_depth - 1
+      menus.each do |menu|
+        if menu.depth > curr_depth
+          result << '<ul class="parent_' + (menu.depth - root_depth).to_s + '">'
+        elsif menu.depth < curr_depth
+          result << '</ul></li>' * (curr_depth - menu.depth)
+        else
+          # same level
+          result << '</li>'
+        end
+        result << '<li class="child_' + (menu.depth - root_depth).to_s + '">'
+        result << menu_item(menu)
+        curr_depth = menu.depth
+      end
+      result << '</li></ul>' * (curr_depth - menus[0].depth + 1)
+    end
+    sanitize result
+  end
+  
+  def menu_item(menu)
+    link_to t(menu.name), (menu.url.start_with?("'") ? eval("User.send(:sanitize_sql_array, [#{menu.url}])") : menu.url), class: ('menu_item ' + (menu.url == request.original_fullpath ? 'current_menu_item' : ''))
+  end
+  
+    
+  def breadcrumbs_component limit=20
+    results = []
+    results << (link_to icon('home', t('home')), '/', title: t('home'))
+    @parent_object = nil
+    if @parent_resources.present?
+      @parent_resources.reverse!.each_with_index do |pr, i|
+        begin
+          if i > 0
+            results << (link_to t("#{pr.singularize}"), {controller: pr, action: 'index', (@parent_resources[i - 1].singularize + '_id') => instance_variable_get("@#{@parent_resources[i - 1].singularize}").id})
+          else
+            results << (link_to t("#{pr.singularize}"), {controller: pr, action: 'index'})
+          end
+        rescue
+          results << t("#{pr.singularize}")
+        end
+        pr_id = params[(pr.singularize + '_id').to_sym]
+        parent_object = pr_id.present? ? pr.classify.constantize.find(pr_id) : instance_variable_get("@#{pr.singularize}")
+        results << {parent_object: @parent_object, resource: pr, current: (link_to parent_object.to_s, {controller: pr, action: 'show', id: parent_object}) + (link_to ('&nbsp;<b class="caret"></b>').html_safe, '#', "data-toggle" => 'dropdown', class: 'dropdown-toggle')}
+        @parent_object = parent_object
+      end
+    end
+    if params[:id]
+
+      if @parent_resources.present?
+        results << (link_to t("#{controller_name.singularize}"), {controller: controller_name, action: 'index', (@parent_resources.last.singularize + '_id') => instance_variable_get("@#{@parent_resources.last.singularize}").id})
+      else
+        begin
+          results << (link_to t("#{controller_name.singularize}"), {controller: controller_name, action: 'index'})
+        rescue
+          results << t("#{controller_name.singularize}")
+        end
+      end
+      current_object = controller_name.classify.constantize.find(params[:id])
+      results << {parent_object: @parent_object, resource: controller_name, current: (link_to current_object.to_s, {controller: controller_name, action: 'show', id: current_object}) + (link_to ('&nbsp;<b class="caret"></b>').html_safe, '#', "data-toggle" => 'dropdown', class: 'dropdown-toggle')}
+    elsif !controller_name.eql?('home')
+      results << t("#{controller_name.singularize}")
+    end
+    render 'rich_table_component/component/breadcrumbs', breadcrumbs: results, limit: limit
+  end
+  
+
+  
+  def static_menu(options = {}, title_options = {}, icon_options = {})
+    case options
+    when Hash
+      _menus = options[:menu]
+      _title = options[:title]
+      _icon = options[:icon]
+    else
+      _menus = options
+      _title = title_options
+      _icon = icon_options
+    end
+
+
+    result = ""
+    sub_result = static_menu_li(menus: _menus, title: _title)
+
+    unless sub_result.length < 50
+      # list is not empty
+      #result << '<div class="grid_3 alpha omega">'
+      if _title.present?
+        result << ' <li class="dropdown">'
+        result << '<a href="#" class="dropdown-toggle" data-toggle="dropdown">' + _title + '<b class="caret"></b></a>'
+      end
+      result << sub_result
+      if _title.present?
+        result << ' </li>'
+      end
+      #result << '</div>'
+    end
+    result.html_safe
+  end
+
+  def static_menu_li(options = {})
+    menus = options[:menus]
+    level = options[:level].presence || 0
+    title = options[:title]
+    ability = options[:ability]
+
+    result = ""
+
+    if menus.present? 
+      result << '<ul class="dropdown-menu parent_' + level.to_s + '">' if title.present?
+      menus.compact.each do |menu|
+        subresult = ""
+        subresult << '<li class="child_' + level.to_s + '">'
+
+        case menu
+        when Array
+          subresult << (static_menu_li menus: menu, level: (level + 1)).presence || ""
+        when Hash
+          subresult << (link_to menu[:label], menu[:url], class: 'menu_item')
+        else
+          subresult << menu
+        end
+          
+        subresult << '</li>'
+
+        if menu.class == Hash && menu[:ability].present?
+          unless can?(menu[:ability].keys.first, menu[:ability].values.first)
+            subresult = ""
+          end
+        end
+
+
+        if ability.present?
+          unless can?(ability.keys.first, ability.values.first)
+            subresult = ""
+          end
+        end
+
+        result << subresult
+
+      end
+      result << '</ul>' if title.present?
+      result
+    end
+
+  end
+
+
+end

data/app/helpers/paragraph_helper.rb

@@ -0,0 +1,57 @@
+module ParagraphHelper
+
+  def prettify_notification str=''
+    str.gsub!(/\B(##)\w*[a-zA-Z0-9_]+\w*/) do |x| 
+      obj = (x.split('_')[0][2..100]).constantize.find_all_by_id(x.split('_')[1]).last
+      if can? :read, obj
+        link_to obj.to_s, obj
+      else
+        obj.to_s
+      end
+    end
+    str.html_safe
+  end
+
+  # required for truncating html
+  require 'rexml/parsers/pullparser'
+  
+  # Return truncating in html raw format
+  def truncate_html(text, len = 30, at_end = ' ...')
+    p = REXML::Parsers::PullParser.new((text.presence || '<p> </p>').gsub(/[\r\n\t]/, ''))
+    tags = []
+    new_len = len
+    results = ''
+    while p.has_next? && new_len > 0
+      p_e = p.pull
+      case p_e.event_type
+      when :start_element
+        tags.push p_e[0]
+        results << "<#{tags.last}#{attrs_to_s(p_e[1])}>"
+      when :end_element
+        results << "</#{tags.pop}>"
+      when :text
+        results << p_e[0][0..new_len]
+        new_len -= p_e[0].length
+      else
+        results << "<!-- #{p_e.inspect} -->"
+      end
+    end
+    if at_end && (sanitize(text).try(:length).to_i) > len
+      results << at_end
+    end
+    tags.reverse.each do |tag|
+      results << "</#{tag}>"
+    end
+    raw(results)
+  end
+  
+  private
+
+    def attrs_to_s(attrs)
+      if attrs.empty?
+        ''
+      else
+        ' ' + attrs.to_a.map { |attr| %{#{attr[0]}="#{attr[1]}"} }.join(' ')
+      end
+    end
+end

data/app/helpers/translations_helper.rb

@@ -0,0 +1,9 @@
+module TranslationsHelper
+  # Just return an empty string if the given date is null
+  def ldate(dt)
+    dt ? dt.strftime('%d-%m-%Y') : ''
+  end
+  def mdate(dt)
+    dt ? l(dt.to_date) : ''
+  end
+end

data/app/views/application/_document_fields.html.haml

@@ -0,0 +1,20 @@
+.nested_field
+  - if f.object.new_record?
+    = f.input :document_type, as: :hidden, input_html: { value: controller_name.singularize }
+    = #f.input :name
+    = f.input :attachment
+  - else
+    .controls
+      .attachment_part
+        .attachment_entry
+          .attachment_entry_content
+            .attachment_entry_image      
+              = link_to document_image_tag(f.object), download_document_path(f.object)
+            .attachment_entry_description
+              .file_name_part
+                = link_to f.object.attachment_file_name, download_document_path(f.object)
+              .file_size_part
+                = number_to_human_size f.object.attachment_file_size
+
+
+  = link_to_remove_fields t("remove"), f

data/app/views/application/_edit.html.haml

@@ -0,0 +1,11 @@
+.modal.fade
+  .modal-header
+    %button.close{'data-dismiss' => 'modal'}
+      ×
+    %h3
+      = form_title.html_safe
+  .modal-body
+    .component.form_component.new_form_component
+      .component_content
+        .part.form_part
+          = render form_partial

data/app/views/application/_new.html.haml

@@ -0,0 +1,11 @@
+.modal.fade
+  .modal-header
+    %button.close{'data-dismiss' => 'modal'}
+      ×
+    %h3
+      = sanitize params[:form_title].presence || sanitize(params[:modal_title].presence) || "#{t('creating')} #{t(controller_name.singularize)}"
+  .modal-body
+    .component.form_component.new_form_component
+      .component_content
+        .part.form_part
+          = render 'form'

data/app/views/application/access_denied.js.erb

@@ -0,0 +1,5 @@
+showGlobalNotification('<%= flash[:error] %>', {type: ERROR});
+removeGlobalNotification();
+
+<% flash[:error].try(:clear) %>
+<% flash[:notice].try(:clear) %>

data/app/views/application/create.js.erb

@@ -0,0 +1,19 @@
+<% rtc_controller_name = params[:rtc_controller_name].presence || controller_name %>
+<% controller_name_singular = rtc_controller_name.singularize %>
+<% @controller_name = instance_variable_get("@#{controller_name_singular}") %>
+
+var $new_item = $('<%= j(render :partial => params[:rtc_partial].presence || controller_name_singular, locals: {"#{controller_name_singular}".to_sym => @controller_name}) %>').st_formatRow().addClass('created');
+
+var $rtc = $('.rich_table_component.showing_new_form');
+$rtc.removeClass('showing_new_form');
+$rtc.find('.resizers').after($new_item);
+
+$rtc.find('.showing_new_form').removeClass('showing_new_form');
+$rtc.find('.lvr_entry_edited').removeClass('lvr_entry_edited');
+$rtc.find('.rtc_empty_message').remove();
+
+$('.modal').modal('hide');
+
+
+<% flash[:error].try(:clear) %>
+<% flash[:notice].try(:clear) %>

data/app/views/application/destroy.js.erb

@@ -0,0 +1,9 @@
+
+var $deleted = $('.lvr_entry_deleted');
+$deleted.addClass('deleted');
+setTimeout(function(){
+  $deleted.fadeOut('slow', function(){
+    $deleted.remove();
+    //decreasePagination($(this).parents('.st_table_grid'));
+  });
+}, 500);

data/app/views/application/destroy_fail.js.erb

@@ -0,0 +1,2 @@
+$('.lvr_entry_deleted').removeClass('lvr_entry_deleted');
+alert('<%= @exception %>');

data/app/views/application/edit.html.haml

@@ -0,0 +1,8 @@
+.component.form_component.edit_form_component
+  .component_title
+    %h1= sanitize "#{t('updating')} #{t(controller_name.singularize)}"
+  .component_content
+    .part.form_part
+      = render 'form'
+    = #link_to 'Back', controller: controller_name, action: 'index' 
+

data/app/views/application/edit.js.erb

@@ -0,0 +1,28 @@
+$('.modal, .modal-backdrop').remove();
+$('.cke_skin_kama').remove();
+
+<% params[:remote] = true %>
+<% params[:form_partial] ||= "form" %>
+<% params[:form_title] ||= params[:modal_title].presence || "#{t('editing')} #{t(controller_name.singularize)}" %>
+
+var $modal = $('<%= j(render "edit", form_partial: params[:form_partial], form_title: params[:form_title]) %>');
+$modal.modal();
+$modal.on('shown', function(){
+
+  // Fix Rich Table Component
+  renderModalTableGrid();
+
+  // call jquery-file-upload
+  renderJqueryFileUpload();
+
+  // call ckeditor
+  renderRemoteCkeditor();
+
+  // call tokens
+  renderTokens();
+
+}).on('hidden', function(){
+  $('.showing_new_form').removeClass('showing_new_form');
+  $('.lvr_entry_edited').removeClass('lvr_entry_edited'); 
+  $('.modal, .modal-backdrop, .token-input-dropdown-bootstrap').remove();
+});

data/app/views/application/index.js.erb

@@ -0,0 +1,7 @@
+var $elmt = $('.updating.rich_table_component');
+$elmt.find('.rtc_grid').html("<%= j(render "rich_table_component/rtc/table", rtc_controller_name: params[:rtc_controller_name].presence || controller_name, rtc_partial: params[:rtc_partial].presence || nil) %>");
+$elmt.st_tableGrid_update();
+<% if params[:page].present? || params[:per_page].present? %>
+  $elmt.find('.pagination_area').html("<%= j(render "rich_table_component/pagination", rtc_controller_name: params[:rtc_controller_name].presence || controller_name ) %>");
+<% end %>
+$('.rich_table_component.updating').removeClass('updating');

data/app/views/application/index.pdf.haml

@@ -0,0 +1,87 @@
+- rtc_controller_name = params[:rtc_controller_name].presence || controller_name
+- rtc_class_name = rtc_controller_name.classify if rtc_class_name.nil?
+
+- @rtc_controller_name = instance_variable_get("@#{rtc_controller_name}")
+
+%h2= "Tabel " + t(rtc_controller_name.classify.underscore)
+%table{:border => "0", :cellpadding => "0", :cellspacing => "0"}
+  %tr
+    - puts params[:export_attribute_ids]
+    - params[:export_attribute_ids].each do |att|
+      - attribute = att.to_s
+      %th
+        .cell= t((attribute.split('.').last(2) - ['to_s']).join('_').presence || @rtc_controller_name.klass.name.underscore)
+  - @rtc_controller_name.each do |rtc|
+    %tr
+      - params[:export_attribute_ids].each do |att|
+        - attribute = att.to_s
+        - splitter = attribute.split('.')
+        - splitter.unshift(rtc)
+        - val = splitter.inject do |ret, n| 
+          - if ret.respond_to? :collect
+            - ret.collect(&(n.to_sym))
+          - else
+            - ret.try(n)
+        - val = val.join(', ') if val.instance_of? Array
+
+        - case val.class.to_s
+        - when 'String'
+          - cell_type = "String"
+        - when 'Fixnum'
+          - cell_type = "Number"
+        - when 'ActiveSupport::TimeWithZone'
+          - cell_type = "String"
+        - when 'Date'
+          - cell_type = "String"
+        - when 'NilClass'
+          - cell_type = nil
+        - else
+          - cell_type = "String"
+        - if cell_type == nil
+          %td{"ss:StyleID" => "Content"}
+        - else
+          %td{class: "#{cell_type.underscore}"}
+            .cell= strip_tags(val.to_s)
+
+%style{:type => "text/css"}
+  :css 
+    table{
+      border-collapse: collapse;
+      border: 0;
+      font-size: 10px;
+      font-family: arial, tahoma, verdana, sans-serif;
+      color: #111;
+      margin: 0;
+    }
+    tr{
+      border: 0;
+      margin: 0;
+    }
+    th{
+      margin: 0;
+      padding: 7px 15px;  
+      font-weight: bold;
+      color: #111;
+      background: #F1F1F1; 
+      border: 1px solid #F0F0F0;
+      border-left: 0;
+    }
+    th:nth-child(1){
+      border-left: 1px solid #F0F0F0;
+    }
+    td{
+      margin: 0;
+      padding: 7px 10px; 
+      background: #F8F8F8;
+      border: 0;
+      border-bottom: 1px solid #F0F0F0;
+      border-right: 1px solid #F0F0F0;
+      color: #444;
+      text-align: center;
+    }
+    tr:nth-child(2n) td{ 
+      background: #fff;
+    }
+    td:nth-child(1){
+      border-left: 1px solid #F0F0F0;
+    }

data/app/views/application/index.xls.haml

@@ -0,0 +1,64 @@
+!!! XML
+%Workbook{:xmlns => "urn:schemas-microsoft-com:office:spreadsheet", "xmlns:html" => "http://www.w3.org/TR/REC-html40", "xmlns:o" => "urn:schemas-microsoft-com:office:office", "xmlns:ss" => "urn:schemas-microsoft-com:office:spreadsheet", "xmlns:x" => "urn:schemas-microsoft-com:office:excel"}
+  %Styles
+    %Style{"ss:ID" => "Title"}
+      %Font{"ss:Bold" => "1", "ss:Size" => "16"}
+    %Style{"ss:ID" => "Header"}
+      %Borders
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Left", "ss:Weight" => "1"}
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Top", "ss:Weight" => "1"}
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Right", "ss:Weight" => "1"}
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Bottom", "ss:Weight" => "1"}
+      %Font{"ss:Bold" => "1", "ss:Color" => "#333333", "ss:Size" => "11"}
+      %Interior{"ss:Color" => "#DDDDDD", "ss:Pattern" => "Solid"}
+    %Style{"ss:ID" => "Content"}
+      %Borders
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Left", "ss:Weight" => "1"}
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Right", "ss:Weight" => "1"}
+        %Border{"ss:Color" => "#666666", "ss:LineStyle" => "Continuous", "ss:Position" => "Bottom", "ss:Weight" => "1"}
+      %Font{"ss:Color" => "#333333", "ss:Size" => "11"}
+  %Worksheet{"ss:Name" => "Sheet1"}
+    - rtc_controller_name = params[:rtc_controller_name].presence || controller_name
+    - rtc_class_name = rtc_controller_name.classify if rtc_class_name.nil?
+    - @rtc_controller_name = instance_variable_get("@#{rtc_controller_name}")
+    %Table
+      %Column{"ss:AutoFitWidth" => "1"}
+      %Row
+        %Cell{"ss:StyleID" => "Title"}
+          %Data{"ss:Type" => "String"}= "Tabel " + t(rtc_controller_name.classify.underscore)
+      %Row{"ss:Index" => "3"}
+        - params[:export_attribute_ids].each do |att|
+          - attribute = att.to_s
+          %Cell{"ss:StyleID" => "Header"}
+            %Data{"ss:Type" => "String"}= t((attribute.split('.').last(2) - ['to_s']).join('_').presence || @rtc_controller_name.klass.name.underscore)
+      - @rtc_controller_name.each do |rtc|
+        %Row
+          - params[:export_attribute_ids].each do |att|
+            - attribute = att.to_s
+            - splitter = attribute.split('.')
+            - splitter.unshift(rtc)
+            - val = splitter.inject do |ret, n| 
+              - if ret.respond_to? :collect
+                - ret.collect(&(n.to_sym))
+              - else
+                - ret.try(n)
+            - val = val.join(', ') if val.instance_of? Array
+
+            - case val.class.to_s
+            - when 'String'
+              - cell_type = "String"
+            - when 'Fixnum'
+              - cell_type = "Number"
+            - when 'ActiveSupport::TimeWithZone'
+              - cell_type = "String"
+            - when 'Date'
+              - cell_type = "String"
+            - when 'NilClass'
+              - cell_type = nil
+            - else
+              - cell_type = "String"
+            - if cell_type == nil
+              %Cell{"ss:StyleID" => "Content"}
+            - else
+              %Cell{"ss:StyleID" => "Content"}
+                %Data{"ss:Type" => cell_type}= strip_tags(val.to_s)

data/app/views/application/new.html.haml

@@ -0,0 +1,7 @@
+.component.form_component.new_form_component
+  .component_title
+    %h1= sanitize "#{t('creating')} #{t(controller_name.singularize)}"
+  .component_content
+    .part.form_part
+      = render 'form'
+    = #link_to 'Back', controller: controller_name, action: 'index' 

data/app/views/application/new.js.erb

@@ -0,0 +1,23 @@
+$('.modal, .modal-backdrop').remove();
+
+<% params[:remote] = true %>
+
+var $modal = $('<%= j(render "new") %>');
+$modal.modal();
+$modal.on('shown', function(){
+  // Fix Rich Table Component
+  renderModalTableGrid();
+
+  // call jquery-file-upload
+  renderJqueryFileUpload();
+
+  // call ckeditor
+  renderRemoteCkeditor();
+
+  // call tokens
+  renderTokens();
+
+}).on('hidden', function(){
+  $('.showing_new_form').removeClass('showing_new_form');
+  $('.lvr_entry_edited').removeClass('lvr_entry_edited'); 
+});

data/app/views/application/recapitulation.js.erb

@@ -0,0 +1,12 @@
+<% if @recapitulation_error.present? %>
+  recapitulation_error = <%=raw @recapitulation_error %>;
+  recapitulation_matrix = null;
+<% else %>
+  recapitulation_error = null;
+  <% if @recapitulation_matrix.present? %>
+    recapitulation_matrix = <%=raw @recapitulation_matrix %>;
+  <% else %>
+    recapitulation_error = {message: 'Tidak ada data, silakan ulangi pencarian'};
+  <% end %>
+<% end %>
+

data/app/views/application/recapitulation.pdf.haml

@@ -0,0 +1,68 @@
+%h1.title
+  = t('recapitulation')
+- if @recapitulation_matrix.present?
+  - label_cols = @recapitulation_matrix.shift
+  %table{:border => "0", :cellpadding => "0", :cellspacing => "0"}
+    %tr
+      - label_cols.each_with_index do |label_col, i|
+        - if i == 0
+          %th.label
+            = label_col
+        - else
+          %th
+            = label_col
+    - @recapitulation_matrix.each do |row|
+      %tr
+        - row.each_with_index do |cell, i|
+          - if i == 0
+            %td.label
+              = strip_tags(cell.to_s)
+          - else
+            %td
+              = strip_tags(cell.to_s)
+
+%style{:type => "text/css"}
+  :css 
+    table{
+      border-collapse: collapse;
+      border: 0;
+      font-size: 10px;
+      color: #111;
+      margin: 0;
+    }
+    tr{
+      border: 0;
+      margin: 0;
+    }
+    th{
+      margin: 0;
+      padding: 7px 15px;  
+      font-weight: bold;
+      color: #111;
+      background: #F1F1F1; 
+      border: 1px solid #F0F0F0;
+      border-left: 0;
+      border_bottom: 2px solid #cecece;
+    }
+    th.label{
+      border-left: 1px solid #F0F0F0;
+    }
+    td{
+      margin: 0;
+      padding: 7px 10px; 
+      background: #F8F8F8;
+      border: 0;
+      border-bottom: 1px solid #F0F0F0;
+      border-right: 1px solid #F0F0F0;
+      color: #444;
+      text-align: center;
+    }
+    tr:nth-child(2n) td{ 
+      background: #fff;
+    }
+    td.label{ 
+      text-align :left;
+      font-weight: bold;
+      color: #111;
+      border-left: 1px solid #F0F0F0;
+    }