luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

Markup for the image-file component

Browse source
This commit is contained in:
Michael Lange 2019-07-02 12:59:57 -07:00
parent 153218183b
commit 29dacd0c2a
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/app/templates/components/image-file.hbs
View file

@ -1,12 +1,11 @@
<a href={{src}} target="_blank" rel="noopenner noreferrer"> <a href={{src}} target="_blank" rel="noopenner noreferrer" class="image-file-image">
<img src={{src}} alt={{or alt fileName}} title={{fileName}} onload={{action updateImageMeta}} /> <img src={{src}} alt={{or alt fileName}} title={{fileName}} onload={{action updateImageMeta}} />
</a> </a>
<figcaption> <figcaption class="image-file-caption">
<span> <span class="image-file-caption-primary">
{{fileName}} <strong>{{fileName}}</strong>
{{#if (and width height)}} {{#if (and width height)}}
({{width}}px &times; {{height}}{{#if size}}px, {{format-bytes size}}{{/if}}) ({{width}}px &times; {{height}}{{#if size}}px, {{format-bytes size}}{{/if}})
{{/if}} {{/if}}
</span> </span>
<span>{{src}}</span>
</figcaption> </figcaption>