it3s/meppit

<section class="main-content">

  <div class="map-tabs" data-components="tabs">
    <ul>
      <li><a href="#content"><%= icon "file-text", t('maps.tabs.content') %></a></li>
      <li><a href="#data"><%= icon "map-marker", t('maps.tabs.data') %></a></li>
      <li><a href="#layers"><%= icon "bars", t('maps.tabs.layers') %></a></li>
      <li><a href="#talk"><%= icon "comments", t('maps.tabs.talk') %></a></li>
    </ul>

    <div class="tab-content" id="content">
      <div class="main-info">
        <div class="description">
          <%= f.input :description, :as => :text, :input_html => {:class => 'tinymce', 'data-components' => 'editor'} %>
        </div>
        <%= render 'shared/additional_info/edit', f: f %>
      </div>
      <div class="extra-info" >
        <%= render 'shared/contacts/edit', :object => map %>
        <div class="tags">
          <%= tags_input f, :tags, map.tags %>
        </div>
      </div>

    </div>
    <div class="tab-content" id="data" data-components="list" data-list='{"scroll": {"behavior": "local"}}'>
      <div id="geo_data_collection-pagination">
        <%= paginate @geo_data_collection, remote: true,
          params: {controller: 'maps', action: 'geo_data', user_id: map.id} %>
      </div>
      <ul id="geo_data-list" class="list geo_data-list">
        <% unless @geo_data_collection.empty? %>
          <%= render @geo_data_collection, size: :small, control_type: :remove_button, parent: map %>
        <% else %>
          <p class="empty"><%= t 'maps.data.empty', name: map.name %></p>
        <% end %>
      </ul>
    </div>
    <div class="tab-content" id="layers">
      <%= render 'layers/edit', object: map, f: f %>
    </div>
    <div class="tab-content" id="talk">
      <%= render 'comments/list', comments: map.comments, object: map %>
    </div>
  </div>

</section>