From 7d375bb049a5de97482080a10ce7b53b248fcbe2 Mon Sep 17 00:00:00 2001
From: Daniel Schmitzer <noreply@maennchen1.de>
Date: Mon, 8 Nov 2021 07:16:13 +0000
Subject: - Manuelle Bestellzustände
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: https://[internal]/wordpress/plugins/wpsg4@7957 0d5edaf7-2b12-4e95-93f4-047927463d4b
---
 views/mods/mod_orderstates/settings_edit.phtml | 92 ++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 views/mods/mod_orderstates/settings_edit.phtml

(limited to 'views/mods')

diff --git a/views/mods/mod_orderstates/settings_edit.phtml b/views/mods/mod_orderstates/settings_edit.phtml
new file mode 100644
index 0000000..2e2896c
--- /dev/null
+++ b/views/mods/mod_orderstates/settings_edit.phtml
@@ -0,0 +1,92 @@
+<?php
+
+	declare(strict_types=1);
+
+	/**
+	 * User: Daschmi (daschmi@daschmi.de)
+	 * Date: 04.11.2021
+	 * Time: 10:28
+	 */
+	
+?>
+
+<script src="<?php echo WPSG_URL_CONTENT.'plugins/'.WPSG_FOLDERNAME.'/views/js/vue3.js'; ?>"></script>
+
+<div id="wpsg_mod_orderstates_app">
+    
+    <textarea name="wpsg_mod_orderstates[states]" class="none">{{arStates}}</textarea>
+    
+    <p class="flex items-center justify-between">
+        <template v-if="arStatesNotDeleted.length === 0">            
+            <?php echo __('Keine Bestellzustände angelegt.', 'wpsg'); ?>
+        </template>
+        <template v-if="arStatesNotDeleted.length === 1">
+            <?php echo __('Ein Bestellzustand wurde definiert.', 'wpsg'); ?>
+        </template> 
+        <template v-else>
+            {{arStatesNotDeleted.length}} <?php echo __('Bestellzustände wurden definiert.', 'wpsg'); ?>
+        </template>
+        <a href="#" @click.prevent="add()">
+            <span class="wpsg-glyphicon glyphicon glyphicon-plus"></span><?php echo __('Neuen Bestellzustand anlegen', 'wpsg'); ?>
+        </a>
+    </p> 
+    
+    <table class="w-full mt-2"> 
+        <tbody v-for="(row, i) of arStatesNotDeleted">
+            <tr>
+                <td class="p-1 w-full">
+                    <input class="w-full box-border" type="text" v-model="row.name" />
+                </td>
+                <td class="p-1 text-right">
+                    
+                    <a href="#" @click.prevent="deleteRow(row)" title="<?php echo __('Bestellzustand löschen', 'wpsg'); ?>">
+                        <span class="glyphicon glyphicon-trash"></span>
+                    </a>
+                    
+                </td>
+            </tr>
+        </tbody>
+    </table> 
+    
+</div>
+
+<script>
+    
+    const Counter = {
+        data() {
+            return {
+                arStates: <?php echo json_encode($this->view['arStates']); ?>
+            }
+        },
+        computed: {
+			arStatesNotDeleted() {
+				
+				let r = [];
+				
+				for (let s of this.arStates) if (s.deleted !== '1') r.push(s);
+				
+				return r;
+				
+            }
+        },
+        methods: {
+			add() {
+				
+				this.arStates.push({
+                    id: 0,
+                    name: '',
+                    deleted: 0                    
+				});
+				
+            },
+            deleteRow(row) {
+				
+				row.deleted = '1'; 
+				
+            }
+        }
+    }
+
+    Vue.createApp(Counter).mount('#wpsg_mod_orderstates_app')
+    
+</script>
\ No newline at end of file
-- 
cgit v1.2.3