Skip to content
Normal view Permalink
latent_list.html 2.35 KiB
Newer Older
Marco De Donno's avatar
Add the latent list page
Marco De Donno committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 
<!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 }}";
        </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%;
            }
Marco De Donno's avatar
Update the latent list page with links to all images  
Marco De Donno committed
32 
            .icnml_img > a > img {
Marco De Donno's avatar
Add the latent list page
Marco De Donno committed
33 34 35 36 37 38 39 40 41 42 43 44 45 46 
                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" %}
Marco De Donno's avatar
Add the icnml_content box for each pages  
Marco De Donno committed
47 48 49 50 51 52 53 54 55 56 57 
        <div class="icnml_content">
            <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">
                                <a id="edit_{{ file[ 'id' ] }}" href="{{ url_for( 'submission_latent', id = submission_id, lid = file[ 'uuid' ] ) }}">
                                    <img src="{{ url_for( 'img_preview', id = file[ 'uuid' ] ) }}">
                                </a>
                            </div>
Marco De Donno's avatar
Add the latent list page
Marco De Donno committed
58 59 
                        </div>
                    </div>
Marco De Donno's avatar
Add the icnml_content box for each pages  
Marco De Donno committed
60 61 
                {% endfor %}
            </div>
Marco De Donno's avatar
Add the latent list page
Marco De Donno committed
62 63 
        </div>
        <script type="text/javascript">
Marco De Donno's avatar
Spelling check  
Marco De Donno committed
64 
            $( '#icnml_navigation_updatedonor' )
Marco De Donno's avatar
Add the latent list page
Marco De Donno committed
65 66 67 68 69 
    			.addClass( 'activated' );
        </script>
    </body>
</html>