file-view.html

        
            
1
            <x-hbox style="align-items: center;">
        
            
2
                <h1 style="display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden;" title="{{ basename }}"><iconify-icon icon="{{ icon }}"></iconify-icon>&nbsp;{{ basename }}</h1>
        
            
3
                <div class="flexible-space"></div>
        
            
4
                <x-buttonbox>
        
            
5
                    <a href="{{ file }}" class="button">View raw</a>
        
            
6
                    <a href="{{ file }}" download class="button">Download</a>
        
            
7
                </x-buttonbox>
        
            
8
            </x-hbox>
        
            
9
            {{ mimetype }} &bull; {{ size[0] }}&nbsp;{{ size[1] }}
        
            
10
            
        
            
11
            {% if mode == "text" %}
        
            
12
                <pre>{{ contents }}</pre>
        
            
13
            {% elif mode == "image" %}
        
            
14
                <img src="{{ file }}">
        
            
15
            {% elif mode == "audio" %}
        
            
16
                <audio controls src="{{ file }}" style="width: 100%;">
        
            
17
                    Your browser does not support HTML5 multimedia.
        
            
18
                    <a href="{{ file }}">Download file</a>
        
            
19
                </audio>
        
            
20
            {% elif mode == "video" %}
        
            
21
                <video controls src="{{ file }}" style="width: 100%;">
        
            
22
                    Your browser does not support HTML5 multimedia.
        
            
23
                    <a href="{{ file }}">Download file</a>
        
            
24
                </video>
        
            
25
            {% endif %}