sutty/app/views/posts/index.haml

.row
  .col
    = render 'layouts/breadcrumb',
      crumbs: [ link_to(t('sites.index'), sites_path), @site.name, link_to(t('posts.index'), site_posts_path(@site)), @category ]
    = render 'layouts/help', help: t('help.breadcrumbs')
.row
  .col
    %h1= @site.name_with_i18n(@lang)

.row
  .col
    .btn-group
      - if @site.templates.empty?
        = link_to t('posts.new'), new_site_post_path(@site, lang: @lang),
          class: 'btn btn-success'
      - else
        = link_to t('posts.new'), new_site_post_path(@site, lang: @lang, template: @site.templates.first.id),
          class: 'btn btn-success'
        %button.btn.btn-success.dropdown-toggle.dropdown-toggle-split{data: { toggle: 'split' },
          aria: { haspopup: 'true', expanded: 'false' }}
          %span.sr-only= t('posts.dropdown')
        .dropdown-menu
          - @site.templates.each do |template|
            = link_to template.id.camelize,
              new_site_post_path(@site, lang: @lang, template: template.id),
              class: 'dropdown-item'
    - @site.translations.each do |l|
      = link_to t("i18n.#{l}"), site_posts_path(@site, category: @category, lang: l),
        class: 'btn btn-info'
    .btn-group.pull-right
      = link_to t('posts.categories'), site_posts_path(@site, lang: @lang), class: 'btn btn-secondary'
      %button.btn.btn-secondary.dropdown-toggle.dropdown-toggle-split{data: { toggle: 'split' },
        aria: { haspopup: 'true', expanded: 'false' }}
        %span.sr-only= t('posts.dropdown')
      .dropdown-menu
        - @site.categories.each do |c|
          = link_to c.split(':').first,
            site_posts_path(@site, lang: @lang, category: c),
            class: (params[:category] == c) ? 'dropdown-item active' : 'dropdown-item'

.row
  .col
    = render 'layouts/flash'
    - if @posts.present?
      .row
        .col
          %small.pull-right
            = t('posts.sort.by')
            - %w[order date].each do |s|
              = link_to t("posts.sort.#{s}"),
                site_posts_path(@site,
                category: @category,
                lang: @lang,
                sort_by: s)
      = form_tag site_reorder_posts_path, method: :post do
        = hidden_field 'posts', 'lang', value: @lang
        - if policy(@site).reorder_posts?
          - if @site.ordered? @lang
            .reorder-posts-panel.alert.alert-info.alert-dismissible.fade.show{role: 'alert'}
              = raw t('help.posts.reorder')
              %br
              = submit_tag t('posts.reorder_posts'), class: 'btn btn-success'
              %button.close{type: 'button',
                'aria-label': t('help.close') }
                %span{'aria-hidden': true} ×
          - else
            .alert.alert-danger.alert-dismissible.fade.show{role: 'alert'}
              = raw t('errors.posts.disordered')
              %br
              = hidden_field 'posts', 'force', value: true
              = submit_tag t('errors.posts.disordered_button'), class: 'btn btn-danger'
              %button.close{type: 'button',
                data: { dismiss: 'alert' },
                'aria-label': t('help.close') }
                %span{'aria-hidden': true} ×
        %table.table.table-condensed.table-striped{class: (@site.ordered? @lang) ? 'table-draggable' : ''}
          %tbody
            - @posts.each_with_index do |post, i|
              - if @category
                -# saltearse el post a menos que esté en la categoría
                -# por la que estamos filtrando
                - next unless post.categories.include?(@category)
              -# establecer la direccion del texto
              - direction = post.get_front_matter(:dir)
              %tr
                - if policy(@site).reorder_posts? && @site.ordered?(@lang)
                  %td
                    = fa_icon 'arrows-v', class: 'handle'
                    = hidden_field 'posts[order]', i, value: post.order, class: 'post_order'
                    %small
                      %br
                      %span.order.is= post.order
                      %span.order.was.d-none{data: { order: post.order }}= "(#{post.order})"

                %td{class: direction}
                  = link_to post.title, site_post_path(@site, post, lang: @lang)
                  - unless post.categories.empty?
                    %br
                    %small
                      - post.categories.each do |c|
                        = link_to c, site_posts_path(@site, category: c, lang: @lang),
                          data: { toggle: 'tooltip' }, title: t('help.category')
                  - if post.draft? || post.incomplete?
                    %br
                    - if post.draft?
                      %span.badge.badge-info= t('posts.draft')
                    - if post.incomplete?
                      %span.badge.badge-warning= t('posts.incomplete')

                %td
                  - if post.translations
                    %small
                      - post.translations.each do |pt|
                        = link_to pt.title, site_post_path(@site, pt, lang: pt.lang),
                          data: { toggle: 'tooltip' }, title: t("i18n.#{pt.lang}")
                        %br

                %td= post.date.strftime('%F')
                %td= link_to t('posts.edit'),
                  edit_site_post_path(@site, post, lang: @lang),
                  class: 'btn btn-info'
    - else
      %h2= t('posts.none')