zhdk/madek

.multi-select

  %ul.multi-select-holder

    {{tmpl(meta_datum.raw_value) App.renderPath("media_resources/edit/multi-select/keyword")}}

    %li.multi-select-input-holder.mbs
      %input.multi-select-input.form-autocomplete-keywords{:id => "resource[meta_data_attributes][${index}][value]", :type => "text"}
        %a.multi-select-input-toggle
          %i.icon-arrow-down

    %a.button.small.form-widget-toggle
      %i.icon-tag.dark.small

    .form-tags-widget.form-widget.hidden

      %ul.ui-tabs
        %li.ui-tabs-item.active.mll.pls
          %a{"data-toggle" => "tab", :href => "#tags_mine_${index}"} ${_jed('My keywords')}
        %li.ui-tabs-item
          %a{"data-toggle" => "tab", :href => "#tags_top_${index}"} ${_jed('Most popular')}
        %li.ui-tabs-item
          %a{"data-toggle" => "tab", :href => "#tags_latest_${index}"} ${_jed('Latest')}
      .tab-content.mbs

        .tags-mine.tab-pane.active.pam.ui-container.bordered.rounded-right.rounded-bottom{:id => "tags_mine_${index}"}
          %ul.ui-tag-cloud.small.ellipsed.compact
            .title-xs.by-center ${_jed('Loading keywords')}
            .ui-preloader.small

        .tags-top.tab-pane.pam.ui-container.bordered.rounded-right.rounded-bottom{:id => "tags_top_${index}"}
          %ul.ui-tag-cloud.small.ellipsed.compact
            .title-xs.by-center ${_jed('Loading keywords')}
            .ui-preloader.small

        .tags-latest.tab-pane.pam.ui-container.bordered.rounded-right.rounded-bottom{:id => "tags_latest_${index}"}
          %ul.ui-tag-cloud.small.ellipsed.compact
            .title-xs.by-center ${_jed('Loading keywords')}
            .ui-preloader.small