From cf9e87c6276b87c1be15b4113b4d4b77921df398 Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Wed, 17 Mar 2021 12:51:13 +0100
Subject: [PATCH] [Refactor footer.php] Split modes functions to it's own file

---
 application/views/interface_assets/footer.php | 105 +-----------------
 assets/js/sections/mode.js                    |  97 ++++++++++++++++
 2 files changed, 98 insertions(+), 104 deletions(-)
 create mode 100644 assets/js/sections/mode.js

diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index 916c9e01..f3706049 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -1540,110 +1540,7 @@ $(document).ready(function(){
         <?php } ?>
 
     <?php if ($this->uri->segment(1) == "mode") { ?>
-        <script>
-            $('.modetable').DataTable({
-                "pageLength": 25,
-                responsive: false,
-                ordering: false,
-                "scrollY":        "500px",
-                "scrollCollapse": true,
-                "paging":         false,
-                "scrollX": true
-            });
-
-            function createModeDialog() {
-                var baseURL= "<?php echo base_url();?>";
-                $.ajax({
-                    url: baseURL + 'index.php/mode/create',
-                    type: 'post',
-                    success: function(html) {
-                        BootstrapDialog.show({
-                            title: 'Create mode',
-                            size: BootstrapDialog.SIZE_WIDE,
-                            cssClass: 'create-mode-dialog',
-                            nl2br: false,
-                            message: html,
-                            buttons: [{
-                                label: 'Close',
-                                action: function (dialogItself) {
-                                    dialogItself.close();
-                                }
-                            }]
-                        });
-                    }
-                });
-            }
-
-            function createMode(form) {
-                var baseURL= "<?php echo base_url();?>";
-                if (form.mode.value != '') {
-                    $.ajax({
-                        url: baseURL + 'index.php/mode/create',
-                        type: 'post',
-                        data: {'mode': form.mode.value,
-                            'submode': form.submode.value,
-                            'qrgmode': form.qrgmode.value,
-                            'active': form.active.value},
-                        success: function(html) {
-                            location.reload();
-                        }
-                    });
-                }
-            }
-
-            function deactivateMode(modeid) {
-                var baseURL= "<?php echo base_url();?>";
-                $.ajax({
-                    url: baseURL + 'index.php/mode/deactivate',
-                    type: 'post',
-                    data: {'id': modeid },
-                    success: function(html) {
-                        $(".mode_" + modeid).text('not active');
-                        $('.btn_'+modeid).html('Activate');
-                        $('.btn_'+modeid).attr('onclick', 'activateMode('+modeid+')')
-                    }
-                });
-            }
-
-            function activateMode(modeid) {
-                var baseURL= "<?php echo base_url();?>";
-                $.ajax({
-                    url: baseURL + 'index.php/mode/activate',
-                    type: 'post',
-                    data: {'id': modeid },
-                    success: function(html) {
-                        $('.mode_'+modeid).text('active');
-                        $('.btn_'+modeid).html('Deactivate');
-                        $('.btn_'+modeid).attr('onclick', 'deactivateMode('+modeid+')')
-                    }
-                });
-            }
-
-            function deleteMode(id, mode) {
-                BootstrapDialog.confirm({
-                    title: 'DANGER',
-                    message: 'Warning! Are you sure you want to delete the following mode: ' + mode + '?'  ,
-                    type: BootstrapDialog.TYPE_DANGER,
-                    closable: true,
-                    draggable: true,
-                    btnOKClass: 'btn-danger',
-                    callback: function(result) {
-                        if(result) {
-                            var baseURL= "<?php echo base_url();?>";
-                            $.ajax({
-                                url: baseURL + 'index.php/mode/delete',
-                                type: 'post',
-                                data: {'id': id
-                                },
-                                success: function(data) {
-                                    $(".mode_" + id).parent("tr:first").remove(); // removes mode from table
-                                }
-                            });
-                        }
-                    }
-                });
-            }
-        </script>
+		<script src="<?php echo base_url(); ?>assets/js/sections/mode.js"></script>
     <?php } ?>
 
 <?php if ($this->uri->segment(1) == "accumulated") { ?>
diff --git a/assets/js/sections/mode.js b/assets/js/sections/mode.js
new file mode 100644
index 00000000..7717736d
--- /dev/null
+++ b/assets/js/sections/mode.js
@@ -0,0 +1,97 @@
+$('.modetable').DataTable({
+	"pageLength": 25,
+	responsive: false,
+	ordering: false,
+	"scrollY":        "500px",
+	"scrollCollapse": true,
+	"paging":         false,
+	"scrollX": true
+});
+
+function createModeDialog() {
+	$.ajax({
+		url: base_url + 'index.php/mode/create',
+		type: 'post',
+		success: function(html) {
+			BootstrapDialog.show({
+				title: 'Create mode',
+				size: BootstrapDialog.SIZE_WIDE,
+				cssClass: 'create-mode-dialog',
+				nl2br: false,
+				message: html,
+				buttons: [{
+					label: 'Close',
+					action: function (dialogItself) {
+						dialogItself.close();
+					}
+				}]
+			});
+		}
+	});
+}
+
+function createMode(form) {
+	if (form.mode.value != '') {
+		$.ajax({
+			url: base_url + 'index.php/mode/create',
+			type: 'post',
+			data: {'mode': form.mode.value,
+				'submode': form.submode.value,
+				'qrgmode': form.qrgmode.value,
+				'active': form.active.value},
+			success: function(html) {
+				location.reload();
+			}
+		});
+	}
+}
+
+function deactivateMode(modeid) {
+	$.ajax({
+		url: base_url + 'index.php/mode/deactivate',
+		type: 'post',
+		data: {'id': modeid },
+		success: function(html) {
+			$(".mode_" + modeid).text('not active');
+			$('.btn_'+modeid).html('Activate');
+			$('.btn_'+modeid).attr('onclick', 'activateMode('+modeid+')')
+		}
+	});
+}
+
+function activateMode(modeid) {
+	$.ajax({
+		url: base_url + 'index.php/mode/activate',
+		type: 'post',
+		data: {'id': modeid },
+		success: function(html) {
+			$('.mode_'+modeid).text('active');
+			$('.btn_'+modeid).html('Deactivate');
+			$('.btn_'+modeid).attr('onclick', 'deactivateMode('+modeid+')')
+		}
+	});
+}
+
+function deleteMode(id, mode) {
+	BootstrapDialog.confirm({
+		title: 'DANGER',
+		message: 'Warning! Are you sure you want to delete the following mode: ' + mode + '?'  ,
+		type: BootstrapDialog.TYPE_DANGER,
+		closable: true,
+		draggable: true,
+		btnOKClass: 'btn-danger',
+		callback: function(result) {
+			if(result) {
+				$.ajax({
+					url: base_url + 'index.php/mode/delete',
+					type: 'post',
+					data: {'id': id
+					},
+					success: function(data) {
+						$(".mode_" + id).parent("tr:first").remove(); // removes mode from table
+					}
+				});
+			}
+		}
+	});
+}