From b9329aa41774491becc54dd11795c3830214b615 Mon Sep 17 00:00:00 2001
From: ma0068 <ma0068@technikum-wien.at>
Date: Thu, 18 Jan 2024 09:46:31 +0100
Subject: [PATCH] temp

---
 public/js/components/Notiz/Notiz.js | 44 +++++++++++++++++++++++++++--
 public/js/components/tinymce.js.php | 22 +++++++++++++++
 2 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 public/js/components/tinymce.js.php

diff --git a/public/js/components/Notiz/Notiz.js b/public/js/components/Notiz/Notiz.js
index 6850feff8..0882b41b5 100644
--- a/public/js/components/Notiz/Notiz.js
+++ b/public/js/components/Notiz/Notiz.js
@@ -1,4 +1,5 @@
 import VueDatePicker from '../vueDatepicker.js.php';
+import tinymce from '../tinymce.js.php';
 import PvAutoComplete from "../../../../index.ci.php/public/js/components/primevue/autocomplete/autocomplete.esm.min.js";
 import File from '../Form/Upload/File.js';
 import {CoreRESTClient} from "../../RESTClient";
@@ -7,7 +8,8 @@ export default {
 	components: {
 		VueDatePicker,
 		File,
-		PvAutoComplete
+		PvAutoComplete,
+		tinymce
 	},
 	props: [
 		'typeId',
@@ -129,6 +131,26 @@ export default {
 					this.filteredMitarbeiter = CoreRESTClient.getData(result.data);
 				});
 		},
+		methods: {
+			initTinyMCE() {
+				//console.log(" before initfile");
+				tinymce.init({
+					selector: '#editor', // Use the ID of your textarea or div
+					plugins: ['autoresize', 'lists'],
+					toolbar: 'undo redo | styleselect | bold italic | bullist numlist',
+					autoresize_bottom_margin: 16,
+					setup: (editor) => {
+						// for additional setup or customization here
+					},
+				});
+			},
+		},
+	},
+	mounted() {
+		this.initTinyMCE();
+	},
+	beforeDestroy() {
+		tinymce.get('editor').destroy();
 	},
 
 	template: `
@@ -150,13 +172,31 @@ export default {
 					</div>
 				</div>
 	
-				<div class="notizTitle row mb-3">
+				<div class="row mb-3">
 					<label for="titel" class="form-label col-sm-2">Titel</label>
 					<div class="col-sm-7">
 						<input type="text" v-model="intTitel" class="form-control">
 					</div>
 				</div>
 				
+				<div class="row mb-3">
+				<!--TINYMCE-->
+				<label for="text" class="form-label col-sm-2">tinymce</label>
+					<div class="col-sm-7">
+					<tinymce id="editor"></tinymce>
+					  <textarea id="editor"  rows="5" cols="75" v-model="intText" class="form-control"></textarea>
+<!--					  <tinymce
+						api-key="no-api-key"
+						:init="{
+						  menubar: true,
+						  plugins: 'lists link image emoticons',
+						  toolbar: 'styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons'
+						}"
+					  />-->
+
+					</div>
+				</div>
+				
 				<div class="row mb-3">
 					<label for="text" class="form-label col-sm-2">Text</label>
 					<div class="col-sm-7">
diff --git a/public/js/components/tinymce.js.php b/public/js/components/tinymce.js.php
new file mode 100644
index 000000000..101306442
--- /dev/null
+++ b/public/js/components/tinymce.js.php
@@ -0,0 +1,22 @@
+<?php
+
+if(file_exists("../../../vendor/tinymce/tinymce5/tinymce.min.js"))
+{
+	header('Content-Type: application/javascript');
+
+	//echo file_get_contents("../../../vendor/tinymce/tinymce5/tinymce.min.js");
+
+	//echo file_get_contents("../../../vendor/tinymce/tinymce5/tinymce.min.js");
+	//echo "export default tinymce";
+
+	//echo "export default " . json_encode(file_get_contents('../../../vendor/tinymce/tinymce5/tinymce.min.js')) . ";";
+
+	echo "var tinymce = ";
+	echo file_get_contents('../../../vendor/tinymce/tinymce5/tinymce.min.js') . ";";
+	echo "export default tinymce";
+
+}
+else
+{
+	header('HTTP/1.0 404 Not Found');
+}
\ No newline at end of file