Skip to content
list.html 3.34 KiB
Newer Older
<!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 %}
        
        <script type="text/javascript" src="{{ url_for( 'send_app_files', path = 'functions.js' ) }}"></script>
        <link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'app.css' ) }}">
        <link type="text/css" rel="stylesheet" href="{{ url_for( 'send_app_files', path = 'dropzone.css' ) }}">
        
        <script type="text/javascript">
            baseurl = "{{ baseurl }}";
            var password_local = decrypt( sessionStorage.getItem( "session_key" ), "{{ session_security_key }}" );
        </script>
        
        <style type="text/css">
            .icnml_next_buttons {
                margin-top: 20px;
                padding-left: 50px;
                padding-right: 50px;
            }
            .icnml_next_button {
                width: 100%;
                margin-bottom: 5px;
            }
Marco De Donno's avatar
Marco De Donno committed
            #icnml_donor_list {
                display: grid;
                grid-gap: 10px;
                grid-template-columns: repeat( auto-fit, minmax( 200px, max-content ) );
                grid-auto-rows: min-content;
            }
Marco De Donno's avatar
Marco De Donno committed
            .icnml_donor_button {
                width: 120px;
                height: 120px;
            }
Marco De Donno's avatar
Marco De Donno committed
            .icnml_donor_button > span {
                height: 120px;
                line-height: 120px;
                vertical-align: center;
                text-align: center;
            }
            
        </style>
    </head>
    <body class="icnml_main_layout">
        {% include "header.html" %}
        {% include "navigations/submitter.html" %}
        
        <div class="icnml_content">
            <div id="icnml_donor_list">
                {% for donor in donors %}
                    <div style="margin-bottom: 20px">
                        <div class="ui-widget-header ui-corner-top icnml_box_top" id="donor_{{ donor[ 'id' ] }}_nickname">-</div>
                        <div class="ui-widget-content ui-corner-bottom icnml_box_content">
                            <div class="icnml_button">
                                <a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only icnml_donor_button" id="edit_{{ donor[ 'id' ] }}_button" role="button" aria-disabled="false">
                                    <span>Edit</span>
                                </a>
                            </div>
                {% endfor %}
            </div>
        </div>
        
        <script type="text/javascript">
Marco De Donno's avatar
Marco De Donno committed
        	{% for donor in donors %}
        		$( "#donor_{{ donor[ 'id' ] }}_nickname" ).text( decrypt( "{{ donor[ 'nickname' ] }}", password_local ) );
        		
Marco De Donno's avatar
Marco De Donno committed
        		$( "#edit_{{ donor[ 'id' ] }}_button" ).on( 'click', function()
Marco De Donno's avatar
Marco De Donno committed
        			window.location = "{{ url_for( 'submission_update', id = donor[ 'uuid' ] ) }}";
Marco De Donno's avatar
Marco De Donno committed
            $( '#icnml_navigation_updatedonor' )
    			.addClass( 'activated' );
            
            $( '#navloc' ).append(
        		$( '<span />' ).text( "Submissions" )
			);
        </script>
    </body>
</html>