getlackey/lackey-cms

{>"cms/core/modal"/}

{<body}
<section data-lky-component="media" class="context-media">
    <div class="flex">
        <h1>Media Info</h1>
        <button class="trash" data-lky-api="DELETE:/cms/media/{data.media.id}"><img src="img/cms/cms/svg/bin-filled.svg"/></button>
    </div>
    <div class="flex">
        <div class="left">

            <h2>Mime Type</h2>
            {data.media.mime}

            <h2>Media ID</h2>
            {data.media.id}

            <h2>Filename</h2>
            {@split key=data.media.source delim="/"}
                {#split}
                    {@math key=split.length method="subtract" operand="1"}
                        {@eq value=$idx}{.}{/eq}
                    {/math}
                {/split}
            {/split}
            <h2>Source</h2>
            {data.media.source} <a class="preview" href="{data.media.source}"><img src="img/cms/cms/svg/eye-filled.svg"/></a>

            {@gt key=data.media.attributes.length value=0}
                <h2>Attributes</h2>
                {?data.media.attributes}
                    {@iter context=data.media.attributes}
                    <strong>{key}</strong>: {value}
                    {/iter}
                {/data.media.attributes}
            {/gt}

            {@gt key=data.media.alternatives.length value=0}
                <h2>Alternatives</h2>
                {#data.media.alternatives}
                    {type} - <a href="{src}">{src}</a>
                {/data.media.alternatives}
            {/gt}

            <h2>Created At</h2>
            {data.media.createdAt}
        </div>
        <div class="right">
            <div class="mediaContainer">{data.media|media|s}</div>
        </div>
    </div>
</section>
{/body}