thedesk/app/view/make/components/mediaModal.html

<!-- Modal Structure Image-->
<div id="imagemodal" class="modal modal-fixed-footer">
    <div class="modal-content">
        <div id="imagewrap">
            <img src="" id="imgmodal" />
        </div>
        <div class="progress nomargin hide transparent" id="imgmodal-progress">
            <div class="indeterminate"></div>
        </div>
        <br />
    </div>
    <div class="modal-footer">
        <div id="imginfo">
            <span id="imgprog"></span>% <br />
            <span id="imgsec"></span>ms <br /><span id="imgbyte"></span>KB
        </div>
        <span style="padding: 0.6rem" class="btnsgroup">
            <a class="waves-effect white-text" onclick="zoom(2)">
                <i class="material-icons">zoom_in</i>
            </a>
            <a class="waves-effect white-text" onclick="zoom(0.5)">
                <i class="material-icons">zoom_out</i>
            </a>
            <a class="waves-effect white-text" onclick="rotate(false)">
                <i class="material-icons">rotate_90_degrees_ccw</i>
            </a>
        </span>
        <span style="padding: 0.6rem" class="btnsgroup">
            <span style="position: relative; top: -2px;">Copy:</span>
            <a class="waves-effect white-text" onclick="copyImgBinary()" title="@@copyBinary@@">
                <i class="material-icons">image</i>
            </a>
            <a class="waves-effect white-text" onclick="copyImgUrl()" title="@@copyURL@@">
                <i class="material-icons">link</i>
            </a>
        </span>
        <button class="btn waves-effect purple" onclick="dlImg()">
            <i class="material-icons">file_download</i>
        </button>
        <button class="btn waves-effect brown" onclick="detFromImg()" title="@@thisToot@@">
            <i class="material-icons">pageview</i>
        </button>
        <button class="btn waves-effect orange" onclick="imgCont('prev')" id="image-prev">
            <i class="material-icons">keyboard_arrow_left</i>
        </button>
        <button class="btn waves-effect orange" onclick="imgCont('next')" id="image-next">
            <i class="material-icons">keyboard_arrow_right</i>
        </button>
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">
            <i class="material-icons">close</i>
        </a>
    </div>
</div>
<!-- Modal Structure Video-->
<div id="videomodal" class="modal modal-fixed-footer">
    <div class="modal-content">
        <video src="" id="video" style="max-width: 100%; max-height: 100%" controls loop="true" autoplay="true" />
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">@@close@@</a>
    </div>
</div>