tool-tiles.html

<div 
    class="
        tool-tiles 
        pat-masonry"
    data-pat-masonry="
        column-width: .grid-sizer; 
        gutter: 0; 
        item-selector: .tool-tile">
    <div 
        class="grid-sizer"></div>
    {% for item in site.tools %}
        {% if item.layout == 'apps/assessments/tool' %}
            <div 
                class="tool-tile">
                <a 
                    class="pat-inject" 
                    data-pat-inject="history: record"
                    href="{{ item.url }}#document-body-{{ layout.application }}">
                    <figure
                        class="tool-icon">
                        {% if item.icon %}
                            <img 
                                alt=""
                                src="{{ item.icon }}"> 
                        {% endif %}
                    </figure>
                </a>
                <div
                    class="tool-info">
                    <h2
                        class="tool-title">
                         <a 
                            class="pat-inject" 
                            data-pat-inject="history: record"
                            href="{{ item.url }}#document-body-{{ layout.application }}">
                            {{ item.title }}
                        </a>
                    </h2>
                    {% if item.tags %}
                        <p 
                            class="tool-tags tag-cloud">
                            {% for tag in item.tags %}
                                {% if include.mode == "edit" %}
                                    <span 
                                        class="tag">{{ tag }}</span>
                                {% else %}
                                    <a 
                                        href="/tools/"
                                        data-pat-inject="history: record; source: #application-content; target: #application-content && source: #assessments-toolbar-view-options; target: #assessments-toolbar-view-options"
                                        class="tag pat-inject">{{ tag }}</a>
                                {% endif %}
                            {% endfor %}
                        </p>
                    {% endif %}
                    {% if item.summary %}
                        <section 
                            class="summary">
                            <p>
                                {{ item.summary }}
                            </p>
                        </section>
                    {% endif %}
                    {% if include.mode == "edit" %}
                        <div 
                            class="button-bar">
                            <a 
                                href="{{ item.url | replace: 'index','edit' }}#application-body-{{ layout.application }}"
                                data-pat-inject="
                                    history: record"
                                data-pat-switch="
                                    selector: #application-body-{{ layout.application }};
                                    remove: sidebar-left-*;
                                    add: sidebar-left-open"
                                class="default pat-button pat-inject pat-switch">{%- include patterns/i18n id="label_edit_imp" -%}</a>
                            <button 
                                type="submit" 
                                name="tool-button" 
                                value="test-tool" 
                                class="pat-button">{%- include patterns/i18n id="label_test_imp" -%}</button>
                            <!-- <a 
                                class= pat-button pat-inject" 
                                data-pat-inject="history: record"
                                href="{{ item.url }}#content">Information</a> -->
                        </div> 
                    {% else %}
                        <form 
                            class="button-bar pat-inject"
                            action="/preparation#main"
                            data-pat-inject="history: record">
                            <button 
                                type="submit" 
                                name="tool-button" 
                                value="edit-tool" 
                                class="default pat-button">{%- include patterns/i18n id="label_start_ra" -%}</button>
                            <a 
                                class= pat-button pat-inject" 
                                data-pat-inject="history: record"
                                href="{{ item.url }}#content">Information</a>
                        </form>  
                    {% endif %}
                </div>
            </div>
        {% endif %}
    {% endfor %}
</div>