<!-- Default -->
<div class="main-panel">
    <div class="asset-topbar title-panel">
        <h1>Select an Asset</h1>
        <div class="buttons">
            <a href="#" class="button button-icon icon-left">
                <div>
                    <svg width="12" height="12" class="icon icon-upload"><use xlink:href="/assets/svg/assets.svg#upload" /></svg>
                    <span>Add Asset</span>
                </div>
            </a>
            <a href="#" class="button button-icon action-success icon-left active">
                <div>
                    <svg width="12" height="12" class="icon icon-add"><use xlink:href="/assets/svg/core.svg#add" /></svg>
                    <span>Use Selected</span>
                </div>
            </a>
        </div>
    </div>
    <div class="smartbar">
        <ul>
            <li>
                <div class="button-group button-toggle">
                    <a class="button button-small toggle-active" href="/foo"><svg width="12" height="12" class="icon icon-grid-big"><use xlink:href="/assets/svg/core.svg#grid-big" /></svg> Grid</a>
                    <a class="button button-small" href="/foo"><svg width="12" height="12" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> List</a>
                </div>

            </li>
            <li>
                <div class="breadcrumb tab-active">
                    <a href="/grandparent">Grandparent Item</a>
                    <svg width="8" height="8" class="icon icon-o-navigate-right"><use xlink:href="/assets/svg/core.svg#o-navigate-right" /></svg>
                    <a href="/grandparent/parent">Parent Item</a>
                    <svg width="8" height="8" class="icon icon-o-navigate-right"><use xlink:href="/assets/svg/core.svg#o-navigate-right" /></svg>
                    <a href="/grandparent/parent/me">Current Item</a>
                </div>

            </li>
            <li>
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-end smartbar-util">
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-util">
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-util">
                <button type="submit" name="btnUndo" id="btnUndo" value="Undo" class="button">
<svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Undo</span>
</button>
            </li>
        </ul>
    </div>
    <div class="inner">
        <div class="asset-grid js asset-dropzone">
            <div class="drop-invitation">
                <div class="drop-invitation-inner">
                    <div class="drop-message">
                        <h2><svg width="16" height="16" class="icon icon-upload"><use xlink:href="/assets/svg/assets.svg#upload" /></svg> Drop files to anywhere upload</h2>
                        <p><svg width="12" height="12" class="icon icon-box-storage"><use xlink:href="/assets/svg/core.svg#box-storage" /></svg> <em>s3</em></p>
                    </div>
                </div>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/05-loadingbay.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-letterbox" data-id="114">
                <img src="/assets/img/04-canon-logo@2x.png" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/03-dukespecial@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-letterbox" data-id="114">
                <img src="/assets/img/04-canon-logo@2x.png" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-thumbless" data-id="114">
                <svg width="64" height="64" class="icon icon-o-video"><use xlink:href="/assets/svg/assets.svg#o-video" /></svg>
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/03-dukespecial@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/02-library@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-thumbless" data-id="114">
                <svg width="64" height="64" class="icon icon-o-video"><use xlink:href="/assets/svg/assets.svg#o-video" /></svg>
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-square" data-id="114">
                <img src="/assets/img/01-tshirt-black-thumb@2x.jpg" alt="Preview">
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

        </div>

        <script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
        <script src="/assets/js/asset-grid.js"></script>

    </div>
</div>

<!-- One File -->
<div class="main-panel">
    <div class="asset-topbar title-panel">
        <h1>Select an Asset</h1>
        <div class="buttons">
            <a href="#" class="button button-icon icon-left">
                <div>
                    <svg width="12" height="12" class="icon icon-upload"><use xlink:href="/assets/svg/assets.svg#upload" /></svg>
                    <span>Add Asset</span>
                </div>
            </a>
            <a href="#" class="button button-icon action-success icon-left active">
                <div>
                    <svg width="12" height="12" class="icon icon-add"><use xlink:href="/assets/svg/core.svg#add" /></svg>
                    <span>Use Selected</span>
                </div>
            </a>
        </div>
    </div>
    <div class="smartbar">
        <ul>
            <li>
                <div class="button-group button-toggle">
                    <a class="button button-small toggle-active" href="/foo"><svg width="12" height="12" class="icon icon-grid-big"><use xlink:href="/assets/svg/core.svg#grid-big" /></svg> Grid</a>
                    <a class="button button-small" href="/foo"><svg width="12" height="12" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> List</a>
                </div>

            </li>
            <li>
                <div class="breadcrumb tab-active">
                    <a href="/grandparent">Grandparent Item</a>
                    <svg width="8" height="8" class="icon icon-o-navigate-right"><use xlink:href="/assets/svg/core.svg#o-navigate-right" /></svg>
                    <a href="/grandparent/parent">Parent Item</a>
                    <svg width="8" height="8" class="icon icon-o-navigate-right"><use xlink:href="/assets/svg/core.svg#o-navigate-right" /></svg>
                    <a href="/grandparent/parent/me">Current Item</a>
                </div>

            </li>
            <li>
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-end smartbar-util">
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-util">
                <a href="/options" class=""><svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Reorder</span></a>
            </li>
            <li class="smartbar-util">
                <button type="submit" name="btnUndo" id="btnUndo" value="Undo" class="button">
<svg width="14" height="14" class="icon icon-menu"><use xlink:href="/assets/svg/core.svg#menu" /></svg> <span>Undo</span>
</button>
            </li>
        </ul>
    </div>
    <div class="inner">
        <div class="asset-grid ">
            <div class="grid-asset asset-image asset-display-thumbless" data-id="114">
                <svg width="64" height="64" class="icon icon-o-video"><use xlink:href="/assets/svg/assets.svg#o-video" /></svg>
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

            <div class="grid-asset asset-image asset-display-thumbless" data-id="114">
                <svg width="64" height="64" class="icon icon-o-video"><use xlink:href="/assets/svg/assets.svg#o-video" /></svg>
                <div class="asset-meta with-thumb"><span class="title">Image title</span></div>
                <span class="asset-ratio asset-landscape"></span>
            </div>

        </div>

    </div>
</div>

<!-- Default -->
<div class="main-panel">
{{ render "@asset-toolbar" }}
{{ render "@tabbed-smartbar" }}
<div class="inner">
{{ render "@asset-grid--upload-dropzone" }}
</div>
</div>

<!-- One File -->
<div class="main-panel">
{{ render "@asset-toolbar" }}
{{ render "@tabbed-smartbar" }}
<div class="inner">
	<div class="asset-grid {{mode}}">
	{{ render "@grid-asset--thumbless" }}
	{{ render "@grid-asset--thumbless" }}
</div>


{{#if mode}}
<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
<script src="/assets/js/asset-grid.js"></script>
{{/if}}
</div>
</div>
/* Default: No context defined */

/* One File: No context defined */

There are no notes for this item.