Shopping Cart

There are no notes for this item.

<!-- Default -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <p class="dso-empty">U heeft nog geen activiteiten gekozen</p>
    </div>

</div>
      
<!-- Items Collapsed -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <button type="button" class="dso-status"><svg class="di di-chevron-down">
                <use href="../../dso-icons.svg#chevron-down" />
            </svg>U heeft 2 activiteiten gekozen
        </button>

    </div>

</div>
      
<!-- Items -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <button type="button" class="dso-status"><svg class="di di-chevron-up">
                <use href="../../dso-icons.svg#chevron-up" />
            </svg>U heeft 2 activiteiten gekozen
        </button>

        <ul class="dso-items">

            <li>

                Milieubelastende activiteit - Melding

                <button type="button" title="Naam bewerken" class="btn btn-link dso-edit-cart-item"><span class="sr-only">Naam bewerken</span><svg class="di di-pencil">
                        <use href="../../dso-icons.svg#pencil" />
                    </svg></button>

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

            </li>

            <li>

                Milieubelastende activiteit - Melding
                <span class="dso-additive">2</span>

                <button type="button" title="Naam bewerken" class="btn btn-link dso-edit-cart-item"><span class="sr-only">Naam bewerken</span><svg class="di di-pencil">
                        <use href="../../dso-icons.svg#pencil" />
                    </svg></button>

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

            </li>

        </ul>

    </div>

</div>
      
<!-- Items Edit -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <button type="button" class="dso-status"><svg class="di di-chevron-up">
                <use href="../../dso-icons.svg#chevron-up" />
            </svg>U heeft 2 activiteiten gekozen
        </button>

        <ul class="dso-items">

            <li>

                Milieubelastende activiteit - Melding

                <button type="button" title="Naam bewerken" class="btn btn-link dso-edit-cart-item"><span class="sr-only">Naam bewerken</span><svg class="di di-pencil">
                        <use href="../../dso-icons.svg#pencil" />
                    </svg></button>

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

            </li>

            <li>

                Milieubelastende activiteit - Melding

                <div class="dso-edit-additive">
                    <label for="additive-items-edit-1">Bewerk toevoeging</label>
                    <input type="text" class="dso-edit-name" id="additive-items-edit-1" value="2" />
                </div>

            </li>

        </ul>

    </div>

</div>
      
<!-- Subitems Hidden Summary -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <ul class="dso-items">

            <li>

                Milieubelastende activiteit - Melding

                <button type="button" title="Naam bewerken" class="btn btn-link dso-edit-cart-item"><span class="sr-only">Naam bewerken</span><svg class="di di-pencil">
                        <use href="../../dso-icons.svg#pencil" />
                    </svg></button>

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

                <ul class="dso-subitems">

                    <li>

                        Wasstraat of wasplaats
                        <button type="button" class="dso-delete" title="Verwijder">
                            <svg class="di di-trash">
                                <use href="../../dso-icons.svg#trash" />
                            </svg>
                        </button>
                    </li>

                </ul>

            </li>

            <li>

                Milieubelastende activiteit - Melding

                <div class="dso-edit-additive">
                    <label for="additive-subitems-hidden-summary-1">Bewerk toevoeging</label>
                    <input type="text" class="dso-edit-name" id="additive-subitems-hidden-summary-1" value="Wasstraat om de hoek van garagebedrijf Jansen" />
                </div>

                <ul class="dso-subitems">

                    <li>

                        Wasstraat of wasplaats
                        <button type="button" class="dso-delete" title="Verwijder">
                            <svg class="di di-trash">
                                <use href="../../dso-icons.svg#trash" />
                            </svg>
                        </button>
                    </li>

                </ul>

            </li>

        </ul>

    </div>

</div>
      
<!-- Subitems -->
        <h2>Mijn activiteiten</h2>

<div class="dso-shopping-cart">
    <div class="dso-contents">
        <button type="button" class="dso-status"><svg class="di di-chevron-up">
                <use href="../../dso-icons.svg#chevron-up" />
            </svg>U heeft 3 activiteiten gekozen
        </button>

        <ul class="dso-items">

            <li>

                Tankstation starten of veranderen

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

                <ul class="dso-subitems">

                    <li>

                        Tanken van diesel, benzine en andere vloeibare brandstof
                        <button type="button" class="dso-delete" title="Verwijder">
                            <svg class="di di-trash">
                                <use href="../../dso-icons.svg#trash" />
                            </svg>
                        </button>
                    </li>

                    <li>

                        Tanken en opslaan van LPG
                        <button type="button" class="dso-delete" title="Verwijder">
                            <svg class="di di-trash">
                                <use href="../../dso-icons.svg#trash" />
                            </svg>
                        </button>
                    </li>

                </ul>

            </li>

            <li>
                <svg class="di di-status-warning">
                    <use href="../../dso-icons.svg#status-warning" />
                </svg><span class="sr-only">waarschuwing</span>
                Opslaan van vloeistoffen in een opslagtank

                <button type="button" class="dso-delete" title="Verwijder">
                    <svg class="di di-trash">
                        <use href="../../dso-icons.svg#trash" />
                    </svg>
                </button>

                <ul class="dso-subitems">

                    <li>
                        <svg class="di di-status-warning">
                            <use href="../../dso-icons.svg#status-warning" />
                        </svg><span class="sr-only">waarschuwing</span>
                        Opslaan van vloeistoffen in een ondergrondse opslagtank
                        <button type="button" class="dso-delete" title="Verwijder">
                            <svg class="di di-trash">
                                <use href="../../dso-icons.svg#trash" />
                            </svg>
                        </button>
                    </li>

                </ul>

            </li>

        </ul>

    </div>

</div>
      
Mijn activiteiten




  

    {%- if items.length > 0 %}
      {%- if not hideSummary %}
      
      {% endif -%}
      {% if not collapsed %}
        
    
          {% for item in items %}
            
  • 
              {% if (item.subitems | hasWarning) %}{% render '@icon', {icon:'status-warning'} %}waarschuwing{% endif %}
              {{ item.label }}{% if not item.readonly and not item.edit and item.additive %}
                {{ item.additive }}
              {%- endif %}
              {% if not item.readonly %}
                {% if item.edit %}
                  
    
                    
                    
                  
    
                {% endif %}

                {% if not item.edit %}
                  {% render '@button', {type: 'button', modifier: 'link dso-edit-cart-item', label: 'Naam bewerken', icon: 'pencil', iconOnly: true} %}
                {% endif %}
              {% endif %}
              {% if not item.edit %}
                
              {% endif %}
              {% if item.subitems.length %}
                
      
                  {% for subitem in item.subitems %}
                    
    • 
                      {% if subitem.warning %}{% render '@icon', {icon:'status-warning'} %}waarschuwing{% endif %}
                      {{ subitem.label }}
                      
                    
      • 
                  {% endfor %}
                
    
              {% endif %}
            
    • 
          {% endfor %}
        

      {% endif %}
    {% else %}
      
U heeft nog geen activiteiten gekozen

    {% endif -%}
  


  {% if items.length > 0 and (items | hasWarning) and open %}
    

      Let op: Voor de werkzaamheden met een {% render '@icon', {icon:'status-warning'} %} zijn geen maatregelen opgenomen in dit overzicht met maatregelen. Dit betekent niet dat er geen voorschriften en maatregelen van toepassing zijn.
    

  {% endif %}

/* Default */
items: []


/* Items Collapsed */
items:
  - label: Milieubelastende activiteit - Melding
  - label: Milieubelastende activiteit - Melding
    additive: 2
collapsed: true


/* Items */
items:
  - label: Milieubelastende activiteit - Melding
  - label: Milieubelastende activiteit - Melding
    additive: 2


/* Items Edit */
items:
  - label: Milieubelastende activiteit - Melding
  - label: Milieubelastende activiteit - Melding
    additive: 2
    edit: true


/* Subitems Hidden Summary */
items:
  - label: Milieubelastende activiteit - Melding
    subitems:
      - label: Wasstraat of wasplaats
  - label: Milieubelastende activiteit - Melding
    additive: Wasstraat om de hoek van garagebedrijf Jansen
    edit: true
    subitems:
      - label: Wasstraat of wasplaats
hideSummary: true


/* Subitems */
items:
  - label: Tankstation starten of veranderen
    readonly: true
    subitems:
      - label: 'Tanken van diesel, benzine en andere vloeibare brandstof'
      - label: Tanken en opslaan van LPG
  - label: Opslaan van vloeistoffen in een opslagtank
    readonly: true
    subitems:
      - label: Opslaan van vloeistoffen in een ondergrondse opslagtank
        warning: true