Commit a386eec2 authored by Carson Oldson's avatar Carson Oldson
Browse files

Adding drupal and once libraries, adding once to javascript so that ajax... 

Adding drupal and once libraries, adding once to javascript so that ajax events don't re-call the tabs, changing the .tabs() selector to use a class
rather than an id
parent 15350d76

field_collection_tabs.libraries.yml

+2 −0
Original line number Diff line number Diff line
@@ -4,4 +4,6 @@ field_collection_tabs: 
    js/field_collection_tabs.js: {}

  dependencies:

    - core/jquery

    - core/drupal

    - core/jquery.once

    - core/jquery.ui.tabs

js/field_collection_tabs.js

+1 −2
Original line number Diff line number Diff line
@@ -8,8 +8,7 @@ 


  Drupal.behaviors.field_collection_tabs = {

    attach: function(context) {

      // TODO: figure out how to handle multiple #tabs (regex maybe?)

     $('#tabs', context).tabs();

     $('.field-collection-tabs', context).once().tabs();

    }

  }

templates/field-collection-tabs.html.twig

+2 −2
Original line number Diff line number Diff line 


{%

set classes = [

'field-collection-item',
@@ -5,10 +6,9 @@ set classes = [ 
'field-collection-item--view-mode-' ~ field_collection_item.view_mode|clean_class,

]

%}

{{ attach_library('field_collection_tabs/field_collection_tabs') }}

<div{{ attributes.addClass(classes) }}>

  <div class="content"{{ content_attributes }}>

    <div id="tabs" class="field-collection-tabs">

    <div class="field-collection-tabs">

      <ul>

        {% for title in titles %}

          <li id="tab-{{loop.index}}">