primo commit

media/com_jem/js/attachments.js

@@ -0,0 +1,119 @@
+/**
+ * @package    JEM
+ * @copyright  (C) 2013-2024 joomlaeventmanager.net
+ * @copyright  (C) 2005-2009 Christoph Lukes
+ * @license    https://www.gnu.org/licenses/gpl-3.0 GNU/GPL
+ */
+
+/**
+ * this file manages the js script for adding/removing attachements in event
+ */
+// window.addEvent('domready', function() {
+jQuery(document).ready(function ($) {
+
+    $('.attach-field').on('change', addattach);
+    $('.clear-attach-field').on('click', clearattach);
+
+    $('.attach-remove').on('click', function (event) {
+        var event = event || window.event;
+        // $(event.target).style.cursor = 'wait'; /* indicate server request */
+        // $(event.target).style.cursor = 'wait'; /* indicate server request */
+        $(this).css({'cursor': 'wait'})
+        var clickednode = event.target;
+        if (!clickednode.hasAttribute('id')) {
+            clickednode = $(this).parent();
+        }
+        var url = '';
+        // var pos = clickednode.id.indexOf(':');
+        var pos = $(this).attr('id').indexOf(':');
+        if (pos >= 0) {
+            // var id = clickednode.id.substring(13, pos);
+            // var token = clickednode.id.substr(pos+1);
+            var id = $(this).attr('id').substring(13, pos);
+            var token = $(this).attr('id').substr(pos + 1);
+            url = 'index.php?option=com_jem&task=ajaxattachremove&format=raw&id=' + id + '&' + token + '=1';
+        } else {
+            // var id = clickednode.id.substr(13);
+            var id = $(this).attr('id').substr(13);
+            url = 'index.php?option=com_jem&task=ajaxattachremove&format=raw&id=' + id;
+        }
+
+        // var theAjax = new Request( {
+        // 	url : url,
+        // 	method: 'post',
+        // 	postBody : ''
+        // 	});
+
+        // theAjax.addEventListener('onSuccess', function(response) {
+        // 	/* server sends 1 on success, 0 on error */
+        // 	if (response.indexOf('1') > -1) {
+        // 		$(clickednode).getParent().getParent().dispose();
+        // 	} else {
+        // 		$(clickednode).style.cursor = 'not-allowed'; /* remove failed - how to show? */
+        // 	}
+        // }.bind(this));
+        // theAjax.send();
+
+        $.ajax({
+            url: url,
+            method: 'post',
+            data: '',
+            success: function (response) {
+
+                if (response.indexOf('1') > -1) {
+                    // $(clickednode).getParent().getParent().dispose();
+                    $(clickednode).parent().parent().remove();
+                } else {
+                    // $(clickednode).style.cursor = 'not-allowed'; /* remove failed - how to show? */
+                    $(clickednode).css({'cursor': 'not-allowed'})
+                }
+            }
+        })
+    });
+});
+
+function addattach() {
+    // var tbody = $('#el-attachments').getElement('tbody');
+    var tbody = $('#el-attachments tbody');
+    // var rows = tbody.getElements('tr');
+    var rows = tbody.find('tr');
+    var emptyRows = [];
+
+    /* do we have empty rows? */
+    for (var i = 0; i < rows.length; i++) {
+        // var af = rows[i].getElement('.attach-field');
+        var af = $(rows[i]).find('.attach-field')[0];
+        if (af && !(af.files.length > 0)) {
+            emptyRows.push(af);
+            break; /* one is enough, so we can break */
+        }
+    }
+
+
+    /* if not create one */
+    if (emptyRows.length < 1) {
+        var row = $(rows[rows.length - 1]).clone();
+        // row.getElement('.attach-field').on('change', addattach).value = '';
+        // row.getElement('.clear-attach-field').on('click', clearattach).value = '';
+        row.find('.attach-field').on('change', addattach).val('');
+        row.find('.clear-attach-field').on('click', clearattach).val('');
+        // row.inject(tbody);
+        tbody.append(row);
+    }
+}
+
+function clearattach(event) {
+    var event = event || window.event;
+
+    // var grandpa = $(event.target).getParent().getParent();
+    var grandpa = $(this).parent().parent();
+    // var af = grandpa.getElement('.attach-field');
+    var af = grandpa.find('.attach-field')[0];
+    if (af) af.value = '';
+    // var an = grandpa.getElement('.attach-name');
+    var an = grandpa.find('.attach-name')[0];
+    if (an) an.value = '';
+    // var ad = grandpa.getElement('.attach-desc');
+    var ad = grandpa.find('.attach-desc')[0];
+    if (ad) ad.value = '';
+}