From 17d243371c43847e9dbdeb21395afc0e8f5437ae Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Mon, 24 Apr 2023 04:36:57 +0300
Subject: edit lesson: putting all together; media with privile level

---
 public/assets/js/admin/edit_lesson.js | 198 ++++++++++++----------------------
 1 file changed, 71 insertions(+), 127 deletions(-)

(limited to 'public/assets/js/admin/edit_lesson.js')

diff --git a/public/assets/js/admin/edit_lesson.js b/public/assets/js/admin/edit_lesson.js
index ba31470..c5b0501 100644
--- a/public/assets/js/admin/edit_lesson.js
+++ b/public/assets/js/admin/edit_lesson.js
@@ -25,7 +25,6 @@ var files = [];     // array of { id:.., title:.., type:.., path:.. } records
 
 const files_root = '/media/';    // files root firectory
 
-var pageUrl = new URL(window.location.href);
 
 // an alternative--id when a lesson_id not exists (needed for file-upload)
 // ... consist of a 6-digit date string + random number up to 999
@@ -89,22 +88,9 @@ const upload_file_form = () => {
                     '<input type="text" class="form-control " value="" name="title" id="title" placeholder="Τίτλος για το Αρχείο" required="">',
                 '</div>',
 
-                '<div class="row">',
-
-                    '<div class="col-7"><div class="form-group">',
-                        '<label class="control-label" for="file">Εισαγωγή Αρχείου</label>',
-                        '<input class="form-control" type="file" id="file" name="file" required="">',
-                    '</div></div>',
-
-                    '<div class="col-5"><div class="form-group">',
-                        '<label class="control-label" for="category_id">Είδος</label>',
-                        '<select class="form-control form-select" id="reference" name="reference" required="">',
-                            '<option"></option>',
-                            '<option value="1">Παραπομπή (εμφανίζεται)</option>',
-                            '<option value="0">Βοηθητικό αρχείο (κρυφό)</option>',
-                        '</select>',
-                    '</div></div>',
-
+                '<div class="form-group">',
+                    '<label class="control-label" for="file">Εισαγωγή Αρχείου</label>',
+                    '<input class="form-control" type="file" id="file" name="file" required="">',
                 '</div>',
 
             '</div>',
@@ -172,6 +158,13 @@ $(document).ready(function() {
         width: '100%'
     });
 
+    // inti category (select2)
+    // ...
+    $("#privilege_id").select2({
+        placeholder: 'Επίπεδο Πρόσβασης',
+        width: '100%'
+    });
+
 
     // // init tags (select2)
     // // ...
@@ -200,33 +193,25 @@ $(document).ready(function() {
      */
     if (id) {   // if an `id` is given, load post .. then init_form
 
-        $.getJSON( "/admin/api/", { action: "get_post", id: id } )
+        $.getJSON( "/admin/api/lesson/" + id )
         .done( function (data) {
-            post = data;            // keep post
+            lesson = data;            // keep post
 
             // update fields' values
-            $('input[name=id]').val(post.id);           // id
-            $('input[name=title]').val(post.title);     // title
-            $('textarea[name=intro]').val(post.intro);  // intro
-            $('textarea[name=body]').val(post.body);    // body         
+            $('input[name=id]').val(lesson.id);           // id
+            $('input[name=title]').val(lesson.title);     // title
+            $('textarea[name=intro]').val(lesson.intro);  // intro
+            $('textarea[name=body]').val(lesson.body);    // body         
             $('input[name=status]').prop(               // status
                 'checked',
-                ((post.status==1)? true : false))
+                ((lesson.status==1)? true : false))
             .trigger('change');
 
-            $('#post-info').html('Δημιουργία: '+post.creation_date+'<br>Τελευταία Ενημέρωση: '+ post.update_date);
-
-            $('#delete').prop( "disabled", false );     // enable delete button
-
-            // if intro exist, show intro (optinal) field
-            if ((post.intro != null) && (post.intro != '')) {
-                $('.optional label[for=intro]').addClass('show');   // unhide section
-            }
+            // $('#post-info').html('Δημιουργία: '+post.creation_date+'<br>Τελευταία Ενημέρωση: '+ post.update_date);
 
             // parse media files; then draw
-            if (post.medias_json != null) {
-                files = JSON.parse(post.medias_json);
-                $('.optional label[for=media]').addClass('show');   // unhide section
+            if (lesson.medias_json != null) {
+                files = JSON.parse(lesson.medias_json);
             }
             draw_files_list();      // then draw the files list
             
@@ -234,7 +219,6 @@ $(document).ready(function() {
         });
 
     } else {    // else ... just init_form
-        $('#delete').prop( "disabled", true );     // disable delete button for new post attempt
         init_form_values();
     }
 
@@ -265,15 +249,15 @@ $(document).ready(function() {
             });
             categories.sort( compare_label );  // sort categories by breadcrumb
 
-            // // construct tags data
-            // // ---
-            // Object.keys(tags_response[0]).forEach( key => {
-            //     tag = tags_response[0][key];
-            //     tags.push({
-            //         id: tag.id,
-            //         label: tag.name
-            //     });
-            // });
+            // construct tags data
+            // ---
+            /// Object.keys(tags_response[0]).forEach( key => {
+            ///     tag = tags_response[0][key];
+            ///     tags.push({
+            ///         id: tag.id,
+            ///         label: tag.name
+            ///     });
+            /// });
 
             // construct provileges data
             // ---
@@ -294,20 +278,20 @@ $(document).ready(function() {
 
             } else {
                 // setup category_id options; select post's chosen category-id
-                set_parent_options( $('#category_id'), categories, post.category_id );
+                set_parent_options( $('#course_id'), categories, lesson.course_id );
 
                 // parse selected tags
                 // ---
-                var selected_tag_ids = [];
-                if (post.tags_json != null) {
-                    var selected_tags = JSON.parse(post.tags_json);
-                    selected_tags.forEach( itag => { selected_tag_ids.push(itag.id); })
-                }
+                /// var selected_tag_ids = [];
+                /// if (post.tags_json != null) {
+                ///     var selected_tags = JSON.parse(post.tags_json);
+                ///     selected_tags.forEach( itag => { selected_tag_ids.push(itag.id); })
+                /// }
                 // setup tags options; select post's chosen tags
-                set_parent_options( $('#tags'), tags, selected_tag_ids );
+                set_parent_options( $('#privilege_id'), privileges, lesson.privilege_id );
 
                 // ALSO: if tags selectd, show tags field
-                if (selected_tag_ids.length != 0) { $('.optional label[for=tags]').addClass('show'); }
+                // if (selected_tag_ids.length != 0) { $('.optional label[for=tags]').addClass('show'); }
             }
 
         });
@@ -347,28 +331,15 @@ $(document).ready(function() {
         var ref_icon, ref_class;
 
         files.forEach( item => {
-            // preapre [show|hide]-file as reference
-            if (item.reference == 1) {
-                ref_icon = '<i class="fas fa-eye"></i>';
-                ref_class = 'btn-default';
-    
-            } else {
-                ref_icon = '<i class="fas fa-eye-slash"></i>';
-                ref_class = 'btn-disabled';
-            }
-
             var copy = [    // copy button
                 '<button type="button" class="btn btn-xs btn-default js-copy"',
-                    'data-url="' + item.path + '">',
+                    ' data-url="' + item.path +'"',
+                    ' data-type="' + item.type + '"',
+                    '>',
                     '<i class="far fa-clone"></i>',
                 '</button>'
             ].join('');
-            var ref = [   // show|hide (is_reference)
-                '<button type="button" class="btn btn-xs '+ ref_class +' js-reference"',
-                    'data-id="' + item.id + '">',
-                    ref_icon,
-                '</button>'
-            ].join('');
+
             var del = [    // delete button
                 '<button type="button" class="btn btn-xs btn-danger js-delete"',
                     'data-id="' + item.id + '">',
@@ -377,9 +348,9 @@ $(document).ready(function() {
             ].join('');
             var option = [  // li html
                 '<li>',
-                    '<div class="text">' + item.title + '</div>',
+                    '<div class="text">' + item.label + '</div>',
                     '<div class="actions">',
-                        ref, ' ', copy, ' ',  del,
+                        copy, ' ',  del,
                     '</div>',
                 '</li>'
             ].join('');
@@ -400,20 +371,20 @@ $(document).ready(function() {
     $('.edit-post form').submit( event => {
         event.preventDefault();
 
-        // rearrange tags to old and new ones
-        // ---
-        var old_tags = [];
-        var new_tags = [];
-        var tags = $('#tags').select2('data');      
-        tags.forEach( t => {
-            if (!parseInt(t.id)) {
-                 new_tags.push(t.text);
-            } else {    old_tags.push(t.id); }
-        })
+        // // rearrange tags to old and new ones
+        // // ---
+        // var old_tags = [];
+        // var new_tags = [];
+        // var tags = $('#tags').select2('data');      
+        // tags.forEach( t => {
+        //     if (!parseInt(t.id)) {
+        //          new_tags.push(t.text);
+        //     } else {    old_tags.push(t.id); }
+        // })
 
         var attachments = [];
         // attachments (array) of "`media_id`;`reference`" strings
-        files.forEach( f => { attachments.push( f.id +';'+ f.reference ) });
+        files.forEach( f => { attachments.push( f.id ) });
 
         // prepare data to POST
         // ---
@@ -423,7 +394,7 @@ $(document).ready(function() {
             course_id: parseInt($('#course_id').select2('data')[0].id),
             intro: $('.edit-post form textarea[name=intro]').val(),
             body: $('.edit-post form textarea[name=body]').val(),
-            status: (($('input[name=status]').is(":checked")) ? 1 : 0),
+            status: ( ($('select[name=status]').val() == "0") ? 0 : 1 ),
             privilege_id: parseInt($('#privilege_id').select2('data')[0].id),
             // tags: old_tags,
             // new_tags: new_tags,
@@ -432,65 +403,38 @@ $(document).ready(function() {
 
         // select action url (add or update)
         // ---
-        var request = '/wiki/ajax?action=' + ((data.id == 0) ? 'add_post' : 'update_post');
+        var request = '/admin/api/lesson/' + ((data.id == 0) ? 'add' : 'update');
 
         // send POST (ajax) request
         $.post(request, data)
         .done(function( data ) {
-            window.location.href = '/wiki/admin?action=posts';      // seems ok; bach to articles
+            console.log(data);
+            //window.location.href = '/admin/lessons';      // seems ok; bach to articles
         });       
 
     });
 
 
-    // go-back (to posts)
+    // go-back (to lessons)
     // --- -- -- - - -
     $('#go-back').click( event => {
-        window.location.href = '/wiki/admin?action=posts';
-    });
-
-
-    // delete
-    // --- -- -- - - -
-    $('#delete').click( event => {
-        // ask before deletion
-        swal({
-            title: 'Είστε βέβαιος;',
-            html: "Ζητήσατε να διαγραφεί το άρθρο.<br>Παρακαλώ επιβεβαιώστε την διαγραφή.<br>ΠΡΟΣΟΧΗ: Δεν θα έχετε την δυνατότητα αναίρεσης!",
-            type: 'warning',
-            showCancelButton: true,
-            confirmButtonColor: '#3085d6',
-            cancelButtonColor: '#d33',
-            cancelButtonText: 'Ακύρωση',
-            confirmButtonText: 'Ναι, να διαγραφεί',
-            showLoaderOnConfirm: true,
-            preConfirm: function() {
-                return new Promise(function(resolve) {
-                    $.getJSON( "/wiki/ajax", { action: "delete_post", id: id } )
-                    .done( function (data) {
-                        // return to posts-administration
-                        window.location.href = '/wiki/admin?action=posts';
-                    });
-                });
-            }, 
-            allowOutsideClick: false
-        }).catch(swal.noop);
-
+        if (confirm('Θέλετε να ακυρώσετε τις όποιες αλλαγές και να φύγτε από τη σελίδα;')) {
+            window.location.href = '/admin/lessons';
+        }
     });
 
 
-
     // copy url button
     // --- -- -- - - -
-    $('.wiki').on('click', 'button.js-copy', function (e) {
+    $('.admin-container').on('click', 'button.js-copy', function (e) {
         var copytext = '';   // default: copy nothing
 
         if ($(this).data('id') !== undefined) {
-            copytext = pageUrl.origin +'/wiki/post?id=' + $(this).data('id');
+            copytext = window.location.origin +'/lesson/' + $(this).data('id');
         }
 
         if ($(this).data('url') !== undefined) {
-            copytext = files_root + $(this).data('url');
+            copytext = window.location.origin + '/serve/file/' + $(this).data('url') + '?type=' + $(this).data('type');
         }
         
         navigator.clipboard
@@ -498,6 +442,7 @@ $(document).ready(function() {
         .then(() => {   // notify the copy event
             $(this).addClass('copied');
             setTimeout( () => { $(this).removeClass('copied'); }, 700);
+            console.log(copytext, ' copied!');
         })
         .catch(() => {
             console.log("error on coping text");
@@ -508,7 +453,8 @@ $(document).ready(function() {
 
     // delete (remove) file button
     // --- -- -- - - -
-    $('.wiki').on('click', 'button.js-delete', function (e) {
+    $('.admin-container').on('click', 'button.js-delete', function (e) {
+        console.log('delete!');
         var media_id = $(this).data('id');
 
         // remove from files array the one with id == media_id
@@ -521,12 +467,11 @@ $(document).ready(function() {
     });
 
 
-
-    
+   
 
     // show|hide file as referece button
     // --- -- -- - - -
-    $('.wiki').on('click', 'button.js-reference', function (e) {
+    $('.admin-container').on('click', 'button.js-reference', function (e) {
         var id = $(this).data('id');
         
         // toggle reference attribute of item with `id` = id
@@ -608,8 +553,7 @@ $(document).ready(function() {
                         id: response.id,
                         title: response.title,
                         path: response.path,
-                        type: response.type,
-                        reference: $('#reference').val()
+                        type: response.type
                     });
                     draw_files_list();                   
 
-- 
cgit v1.2.3