Skip to content
latent_list.html 2.11 KiB
Newer Older
Marco De Donno's avatar
Marco De Donno committed
<!DOCTYPE html>
<html>
    <head>
        {% for src in js %}
            <script type="text/javascript" src="{{ src }}"></script>
        {% endfor %}
        {% for src in css %}
            <link type="text/css" rel="stylesheet" href="{{ src }}">
        {% endfor %}
        
        <link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'app.css' ) }}">
        
        <script type="text/javascript">
            baseurl = "{{ baseurl }}";
            upload_id = "{{ upload_id }}";
        </script>
        
        <style type="text/css">
            .icnml_lp_list {
                margin: 10px;
                display: grid;
                grid-gap: 10px;
                grid-template-columns: repeat( auto-fit, minmax( 300px, max-content ) );
                grid-auto-rows: min-content;
            }
            .icnml_lp_list > div {
                height: 100%;
            }
            
            .icnml_img {
                width: 100%;
            }
            .icnml_img > img {
                display: block;
                margin-left: auto;
                margin-right: auto;
                max-width: 100%;
                max-height: 100%;
            }
            
        </style>
        
    </head>
    <body class="icnml_main_layout">
        {% include "header.html" %}
        {% include "navigations/submitter.html" %}
        
        <div class="icnml_lp_list">
            {% for file in files %}
                <div id="latent_{{ file[ 'uuid' ] }}">
                    <div class="ui-widget-header ui-corner-top icnml_box_top">{{ file[ 'filename' ] }}</div>
                    <div class="ui-widget-content ui-corner-bottom icnml_box_content">
                        <div class="icnml_img">
                            <img src="{{ url_for( 'img_preview', id = file[ 'uuid' ] ) }}">
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
        <script type="text/javascript">
            $( '#icnml_navigation_updatedonnor' )
    			.addClass( 'activated' );
        </script>
    </body>
</html>