beautify user-interface

1 files changed, 78 insertions, 55 deletions

diff --git a/public/app/views/js/submit/penalty-form.php b/public/app/views/js/submit/penalty-form.php
index fcf9093..a5a8ec6 100644
--- a/public/app/views/js/submit/penalty-form.php
+++ b/public/app/views/js/submit/penalty-form.php
@@ -1,25 +1,33 @@
 <script>
-    function constructPost() {
-        post = {        // select content data
-            of_article: selected_text($('select[name=of_article]')),
-            student_names: $('textarea[name=student_names]').val(),
-            of_department: $('input[name=of_department]').val(),
-            date: $('input[name=date]').val(),
-            time: $('input[name=time]').val(),
-            place: selected_text($('select[name=place]')),
-            rapporteur: selected_text($('select[name=rapporteur]')),
-            charge: $('textarea[name=charge]').val(),
-            apology: $('textarea[name=apology]').val(),
-            decision_reasoning: $('textarea[name=decision_reasoning]').val(),
-            decision: selected_text($('select[name=decision]')),
-            decision_more: $('input[name=decision_more]').val(),
-            president: selected_text($('select[name=president]')),
-            members: selected_multitexts($('select[name="members[]"]'))
-        };
-    }
+    $(document).ready(function() {
+
+        // penalty details
+        ////////////////////////////////////////////////////////////////////////
+
+        function postObject() {
+            return {        // select content data
+                type_id: 2,     // 1 = penalty document
+                subject: $('input[name=subject]').val(),
+                of_article: selected_text($('select[name=of_article]')),
+                student_names: $('textarea[name=student_names]').val(),
+                of_department: $('input[name=of_department]').val(),
+                date: $('input[name=date]').val(),
+                time: $('input[name=time]').val(),
+                place: selected_text($('select[name=place]')),
+                rapporteur: selected_text($('select[name=rapporteur]')),
+                charge: $('textarea[name=charge]').val(),
+                apology: $('textarea[name=apology]').val(),
+                decision_reasoning: $('textarea[name=decision_reasoning]').val(),
+                decision: selected_text($('select[name=decision]')),
+                decision_more: $('input[name=decision_more]').val(),
+                president: selected_text($('select[name=president]')),
+                now: Math.floor(Date.now() / 1000),     // client timestamp
+                members: selected_multitexts($('select[name="members[]"]')),
+                ticket: ref.ticket
+            };
+        }
 
 
-    $(document).ready(function() {
 
         // When form is submited
         ////////////////////////////////////////////////////////////////////////
@@ -27,46 +35,61 @@
         $('.content-form form').submit( event => {
             event.preventDefault();
 
-            if (false) {
-            alert('Τα δυο passrods δεν ταιριάζουν!');
-
-            } else {
-
-                var data = {        // select content data
-                    of_article: selected_text($('select[name=of_article]')),
-                    student_names: $('textarea[name=student_names]').val(),
-                    of_department: $('input[name=of_department]').val(),
-                    date: $('input[name=date]').val(),
-                    time: $('input[name=time]').val(),
-                    place: selected_text($('select[name=place]')),
-                    rapporteur: selected_text($('select[name=rapporteur]')),
-                    charge: $('textarea[name=charge]').val(),
-                    apology: $('textarea[name=apology]').val(),
-                    decision_reasoning: $('textarea[name=decision_reasoning]').val(),
-                    decision: selected_text($('select[name=decision]')),
-                    decision_more: $('input[name=decision_more]').val(),
-                    president: selected_text($('select[name=president]')),
-                    members: selected_multitexts($('select[name="members[]"]'))
-                };
-
-                var form_data = {     // prepare data to post
-                subject: $('input[name=of_department]').val(),
-                content: JSON.stringify(data),
-                on_date: $('input[name=date]').val(),
-                user_id: $('input[name=id]').val()
-                }
+            // select action url (add or update)
+            var request = '/petition/new';
 
-                // select action url (add or update)
-                // var request = '/account/register';
+            // send POST request
+            $.post(request, postObject())
+            .done(function( data ) {
                 console.log(data);
 
-                // send POST request
-                // $.post(request, form_data)
-                // .done(function( data ) {
-                //     $('.classroom .content-form').html(data.message)
-                // });
-            }  
+                if (data.success) {   // ok ? redirect to panel
+                    window.location.href = '/panel';
+
+                } else {    // error ? alert!
+                    alert(data.error);
+                }
+
+            });
+
+        });
+
+
+
+        // preview event
+        ////////////////////////////////////////////////////////////////////////
+
+        $('.btn-preview').click( event => {
+            event.preventDefault();
+            console.log('preview', postObject());
+
+            pdfMake.fonts = {
+                FiraSans: {
+                    normal: '<?=SITE_URL?>/assets/fonts/FiraSans-Light.ttf',
+                    bold: '<?=SITE_URL?>/assets/fonts/FiraSans-Medium.ttf'
+                    // italics: 'https://example.com/fonts/fontFile3.ttf',
+                    // bolditalics: 'https://example.com/fonts/fontFile4.ttf'
+                },
+                FiraMono: {
+                    normal: '<?=SITE_URL?>/assets/fonts/FiraMono-Regular.ttf',
+                }
+            }
+
+            pdfMake.createPdf(designer( postObject(), ref )).open();
+        });
+
+
+
+        // go-back event
+        ////////////////////////////////////////////////////////////////////////
+        
+        $('.btn-back2panel').click( event => {
+            event.preventDefault();
 
+            let confirm_exit = confirm('<?=CONFIRM_EXIT?>');
+            if (confirm_exit) {
+                window.location.href = '/panel';
+            }
         });