diff options
Diffstat (limited to 'public/app/views/user/invitation.php')
| -rw-r--r-- | public/app/views/user/invitation.php | 166 |
1 files changed, 107 insertions, 59 deletions
diff --git a/public/app/views/user/invitation.php b/public/app/views/user/invitation.php index eb34bc4..564b722 100644 --- a/public/app/views/user/invitation.php +++ b/public/app/views/user/invitation.php @@ -8,71 +8,55 @@ //////////////////////////////////////////////////////////////////////// Render::view('components/header_includes'); ?> - - <style> - html,body{ - padding:0; margin:0; - font-size:1.25em; - color: #037; background: #f6f6f6; - line-height:1.2em; - } - h3 { - font-size: 2em; font-style: normal; - font-weight: 400; - color: #05a; - margin: 0; padding: 5px; - opacity: 0.27; - border-bottom: 1px solid #05a; - } - .container { display: flex; height: 100vh; align-items:center; } - .content { position: relative; - max-width: 540px; width: 100%; - margin: auto auto; padding: .5em; - justify-center: center; - font-size: .78em; - } - .content-form { - padding: 1.5em; - background: #eee; - border-radius: 8px; - box-shadow: 1px 5px 7px #7777; - } - .content .info { padding: 1.5em; font-size: .92em; } - .content .info p { padding: .5em; color: #444; font-size: .82em } - .form-label { margin-bottom: .25rem; } - label { font-size: 14px; } - </style> </head> -<body class="office"> +<body class="office central-form"> + <div class='container'> - <div class="content"> + <div class="content max540px"> + <div class="info"> - <!--<h4>1o Γυμνάσιο Ραφήνας</h4> - <p>1o Γυμνάσιο Ραφήνας: Πλατφόρμα ηλεκτρονικών αιτήσεων και δημιουργίας εγγράφων</p>--> + <h4>1o Γυμνάσιο Ραφήνας</h4> + <p> + Πλατφόρμα ηλεκτρονικών αιτήσεων + και δημιουργίας διαδικαστικών εγγράφων. + </p> </div> + <div class='content-form'> <form method="post"> <div> - <p>1o Γυμνάσιο Ραφήνας /<br /> - Πλατφόρμα ηλεκτρονικών αιτήσεων και δημιουργίας διαδικαστικών εγγράφων</p> - - <h2>Πρόσκληση #</h2> + <h4>Πρόσκληση #<?=$invitation_number?></h4> + <hr/> <?=$form['html']?> <br /> - <button type="submit" class="btn btn-primary btn-sm col-12">Εγγραφή</button> + <button type="submit" class="btn btn-primary btn-sm col-12">Ενεργοποίηση Λογαριασμού</button> </div> </form> </div> <div class="info"> - <p>Απαιτείται η συμπλήρωση όλων των στοιχείων προκειμένου να γίνεται γρήγορα η σύνταξη των εγγράφων. Τα στοιχεία σας δεν πρόκειται να δημοσιοποιηθούν και προστατεύονται κατά την εισαγωγή τους με κρυπτογράφιση AES. Παράλληλα η σύνδεση στο site γίνεται με χρήση πιστοποιητικού SSL (RSA 2048 bits).</p> - <p>Αν έχετε ενεργοποιήσει ήδη το λογαρισμό σας <a href="/login">μπορείτε να συνδεθείτε</a>.</p> + <p> + Απαιτείται η συμπλήρωση όλων των στοιχείων + προκειμένου να γίνεται γρήγορα η σύνταξη των εγγράφων. + </p> + <p> + Αν έχετε ενεργοποιήσει ήδη το λογαρισμό σας + <a href="/login">μπορείτε να συνδεθείτε</a>. + </p> + <p> + Τα στοιχεία σας δεν πρόκειται να δημοσιοποιηθούν και προστατεύονται + κατά την μεταφορά τους στον server με ισχυρή κρυπτογράφιση. + Η ασφάλεια της σύνδεσης με το site πιστοποιείται από την + <a href="https://letsencrypt.org/" target="_blanc">Let's Encrypt</a>. + </p> + </div> </div> </div> + </body> <script> @@ -81,13 +65,44 @@ var empty = ''; $(document).ready(function() { + // supplementary functions to select2 control + //////////////////////////////////////////////////////////////////////////// + + /** getValues + * --- -- -- - - - + * Get selected value(s) of Select2 control + * + * @param arg: source-element + * @return (string) value(s) comma-separated + */ + function getValues(srcElm) { + var res; + var obj = srcElm.select2('data'); // get delected data array + + if (obj.length === 0) return ''; // if empty list then nothig is selected + else { + var i = 0; + obj.forEach(function(elm){ // loop through object elements array + + if (i) res += ',' + elm.id; // if not first item, prepend ',' befor value(id) + else res = elm.id; // else set (first) checked value + + i++; + }); + } + return res; + } + + /** select2_set_text + * --- -- -- - - - * select an (select2-)option by text + * onto a (single) select2 control * * @param control = jquery selector, * @param t (string) = text of option */ - function select2_set_text(control, t) { /* define function */ + function select2_set_text(control, t) { opts = control.select2()[0].options; var id; for(i=0; i<opts.length; i++) { if (opts[i].text == t) id = i; } @@ -95,23 +110,28 @@ $(document).ready(function() { } /** get_id_of_text - * get id (=value) of an option with `t` text + * --- -- -- - - - + * get id (=value) of an option with `t` as text + * onto a select2 control; + * + * Can be used on single or multiple select2 contols * * @param control = jquery selector, * @param t (string) = text of option */ - function get_id_of_text( control , t) { /* define id from text */ + function get_id_of_text( control , t) { opts = control.select2()[0].options; var id = false; for(i=0; i<opts.length; i++) { if (opts[i].text == t) id = i; } return id; } - /** select2_set_multi_text + /** select2_set_multi_text + * --- -- -- - - - * select several (select2-)options by text * * @param control = jquery selector, - * #param t_list (string) = list of selected texts + * @param t_list (string) = list of selected texts */ function select2_set_multi_text(control, t_list) { /* define function */ var ids = []; @@ -122,12 +142,40 @@ $(document).ready(function() { } + /** + * get selected text of a select2 control + */ + function selected_text(control) { + if (control.select2('data').lenght == 0) return false + else return control.select2('data')[0].text; + } + + /** + * get all selected texts from a multi-select2 contol + */ + function selected_multitexts(control) { + if (control.select2('data').legth == 0) return false; + else { + var result = []; + control.select2('data').forEach( item => { result.push(item.text); }); + return result; + } + } + + // intializations from form-definition + //////////////////////////////////////////////////////////////////////////// + <?=$form['init_js']?> + + // track empty values + //////////////////////////////////////////////////////////////////////////// + <?=$form['values_js']?> + // When form is submited - // ------------------------------------------------------------------------- + //////////////////////////////////////////////////////////////////////////// $('form').submit( event => { event.preventDefault(); @@ -161,15 +209,15 @@ $(document).ready(function() { // access verification password: $('input[name=password]').val() }; - // console.log('post:', data); + console.log(data); - var request = '/account/activate'; // set action url - - // send POST request - $.post(request, data) - .done(function( data ) { - $('.office .content-form').html(data.message) - }); +// var request = '/account/activate'; // set action url +// +// // send POST request +// $.post(request, data) +// .done(function( data ) { +// $('.office .content-form').html(data.message) +// }); } }); |