Skip to content
new.html 5.06 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 }}";
            upload_id = "{{ upload_id }}";
            
            var password_local = decrypt( sessionStorage.getItem( "session_key" ), "{{ session_security_key }}" );
        </script>
    </head>
    <body class="icnml_main_layout">
        {% include "header.html" %}
        {% include "navigations/submitter.html" %}
        <div class="icnml_content">
            <form id="icnml_submission_form">
                <div class="ui-widget-header ui-corner-top icnml_box_top">Submission form</div>
                <div class="ui-widget-content ui-corner-bottom icnml_box_content">
                    <div class="icnml_box_fields">
                        <div style="text-align: right;">
                            <label for="upload_nickname">Submission nickname</label>
                        </div>
                        <div>
                            <input id="upload_nickname" name="upload_nickname" type="text" />
                        </div>
                        
                        <div style="text-align: right;">
                            <label for="email">Donor e-mail</label>
                        </div>
                        <div>
                            <input id="email" name="email" type="text" />
                        </div>
                        
                        <div style="text-align: right;">
                            <label for="email_confirmation">Donor e-mail confirmation</label>
                        </div>
                        <div>
                            <input id="email_confirmation" name="email_confirmation" type="text" />
                        </div>
                    <div id="icnml_sub_error" class="icnml_box_error"></div>
                    <div class="icnml_button">
                        <a class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="next_button" role="button" aria-disabled="false">
                            <span class="ui-button-text">Next</span>
                        </a>
        
        <script type="text/javascript">
            var validate_form = function()
        	{
            	$( '#icnml_sub_error' ).text( "" );
            	
            	var upload_nickname = $( '#upload_nickname' ).val() || null;
            	upload_nickname = encrypt( upload_nickname, password_local );
            	
            	var email = $( '#email' ).val();
            	var email_conf = $( '#email_confirmation' ).val();
            	
            	if( ! email )
        		{
            		$( '#icnml_sub_error' )
            			.text( "The e-mail can not be empty" );
        		}
            	else if( email !== email_conf )
        		{
            		$( '#icnml_sub_error' )
Marco De Donno's avatar
Marco De Donno committed
            			.text( "The e-mail fields does not match" );
        	            url: "{{ url_for( 'submission_do_new' ) }}",
        	            dataType: 'json',
        	            method: 'POST',
        	            data: {
        	            	upload_nickname: upload_nickname,
        	            	email: email
        	            },
        	            success: function( data )
        	            {
        	                if( ! data.error )
        	                {
        	                	toastr.success( "Case id: " + data.id, "Case created" );
            	                	var url = "{{ url_for( 'submission_update', id = '-' ) }}";
            	                	url = url.replace( '-', data.id );
            	                	location.href = url;
            	                	
        	                } else {
        	                	toastr.error( data.msg, "Case not created" );
        	                }
        	            }
        	        } );
        		}
        	}
Marco De Donno's avatar
Marco De Donno committed
            
            $( '#next_button' ).on( 'click', validate_form );
            
Marco De Donno's avatar
Marco De Donno committed
            $( '#icnml_navigation_newdonor' )
            	.addClass( 'activated' );
            
            $( '#navloc' ).append(
        		$( '<span />' ).text( "New submission" )
			);
            
            $( '#upload_nickname' ).focus();
        </script>
    </body>
</html>