iobroker.telegram-menu 0.0.7 → 0.0.8

package/README.md

@@ -11,23 +11,17 @@
 
 **Tests:** ![Test and Release](https://github.com/MiRo1310/ioBroker.telegram-menu/workflows/Test%20and%20Release/badge.svg)
 
-## telegram-menu adapter for ioBroker
+## ioBroker telegram-menu adapter
 
 Easily create Telegram Menus
 
 You can create a separate menu for each user, or you can use the global user to generate the same menu for all users.
 
-### Navigation
+## Documentation
 
--   The call text is called by the button, both must have the same name
--   Buttons should be seperate by , and rows by &&
--   All users must be spelled exactly as they are created in telegram
+[🇺🇸 Documentation](./docs/en/README.md)
 
-### SetState
-
-### GetState
-
--   You can place the Value in the Text with the Placeholder of &&
+[🇩🇪 Dokumentation](./docs/de/README.md)
 
 ## Changelog
 
@@ -35,6 +29,10 @@ You can create a separate menu for each user, or you can use the global user to
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
+### 0.0.8 (2023-05-01)
+
+-   Send Grafana Diagrams
+
 ### 0.0.7 (2023-04-23)
 
 -   Bugs fixed

package/admin/i18n/de/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Globaler Benutzer aktiv",
     "Instanze": "Instanz",
     "Navigation": "Navigation",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Bitte speichern Sie die Nav-Einstellungen, bevor Sie zu den Aktionen gehen !!!",
     "Save": "Speichern",
     "Select": "Wählen",
     "Settings": "Einstellungen",

package/admin/i18n/en/translations.json

@@ -1,31 +1,35 @@
 {
-    "Action": "Action",
-    "Add": "add",
-    "Add && as a placeholder for the value in the text": "Add && as a placeholder for the value in the text",
-    "Add && as a placeholder for the value in the text": "Add && as a placeholder for the value in the text",
-    "Add Global User": "Add Global User",
-    "Add new Action": "Add new Action",
-    "Add new Navigation": "Add new Navigation",
-    "Add new User": "Add new User",
-    "Add new Username": "Add new Username",
-    "All User from Telegram, seperate with": "All User from Telegram, seperate with",
-    "Call": "Call",
-    "Call Text": "Call Text",
-    "Cancel": "Cancel",
-    "Choose a trigger": "Choose a trigger",
-    "Choose your option": "Choose your option",
-    "Close": "Close",
-    "Delete User": "Delete User",
-    "Each entry may only occur once in the complete navigation": "Each entry may only occur once in the complete navigation",
-    "Global User activ": "Global user activ",
-    "Instanze": "Instanze",
-    "Navigation": "Navigation",
-    "Save": "Save",
-    "Select": "Select",
-    "Settings": "Settings",
-    "Startside": "Startside",
-    "Trigger": "Trigger",
-    "Value": "Value",
-    "What is to do?": "What is to do?",
-    "telegram-menu adapter settings": "Adapter settings for telegram-menu"
+	"Action": "Action",
+	"Add": "add",
+	"Add && as a placeholder for the value in the text": "Add && as a placeholder for the value in the text",
+	"Add && as a placeholder for the value in the text": "Add && as a placeholder for the value in the text",
+	"Add Global User": "Add Global User",
+	"Add new Action": "Add new Action",
+	"Add new Navigation": "Add new Navigation",
+	"Add new User": "Add new User",
+	"Add new Username": "Add new Username",
+	"All User from Telegram, seperate with": "All User from Telegram, seperate with",
+	"Call": "Call",
+	"Call Text": "Call Text",
+	"Cancel": "Cancel",
+	"Choose a trigger": "Choose a trigger",
+	"Choose your option": "Choose your option",
+	"Close": "Close",
+	"Delete User": "Delete User",
+	"Each entry may only occur once in the complete navigation": "Each entry may only occur once in the complete navigation",
+	"Global User activ": "Global user activ",
+	"Instanze": "Instanze",
+	"Navigation": "Navigation",
+	"Please Save the Nav Settings before you go to the aktions !!!": "Please Save the Nav Settings before you go to the aktions !!!",
+	"Save": "Save",
+	"Select": "Select",
+	"Settings": "Settings",
+	"Startside": "Startside",
+	"Trigger": "Trigger",
+	"Value": "Value",
+	"What is to do?": "What is to do?",
+	"telegram-menu adapter settings": "Adapter settings for telegram-menu",
+	"Directory": "Directory",
+	"Filename": "Filename",
+	"Delay (ms)": "Delay (ms)"
 }

package/admin/i18n/es/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Actividad de usuario global",
     "Instanze": "Instancia",
     "Navigation": "Navegación",
+    "Please Save the Nav Settings before you go to the aktions !!!": "¡Guarde la configuración de navegación antes de ir a las acciones!",
     "Save": "Ahorrar",
     "Select": "Seleccionar",
     "Settings": "Ajustes",

package/admin/i18n/fr/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Activation globale de l'utilisateur",
     "Instanze": "Instantané",
     "Navigation": "La navigation",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Veuillez enregistrer les paramètres de navigation avant de vous rendre aux aktions !!!",
     "Save": "Sauvegarder",
     "Select": "Sélectionner",
     "Settings": "Paramètres",

package/admin/i18n/it/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Utente globale attivo",
     "Instanze": "Istanza",
     "Navigation": "Navigazione",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Si prega di salvare le impostazioni di navigazione prima di andare alle azioni!!!",
     "Save": "Salva",
     "Select": "Selezionare",
     "Settings": "Impostazioni",

package/admin/i18n/nl/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Globale gebruiker actief",
     "Instanze": "Instanze",
     "Navigation": "Navigatie",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Sla de navigatie-instellingen op voordat u naar de acties gaat !!!",
     "Save": "Redden",
     "Select": "Selecteer",
     "Settings": "Instellingen",

package/admin/i18n/pl/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Globalna aktywność użytkowników",
     "Instanze": "Instancja",
     "Navigation": "Nawigacja",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Zapisz ustawienia nawigacji, zanim przejdziesz do działań !!!",
     "Save": "Ratować",
     "Select": "Wybierać",
     "Settings": "Ustawienia",

package/admin/i18n/pt/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Atividade global do usuário",
     "Instanze": "instância",
     "Navigation": "Navegação",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Salve as configurações de navegação antes de ir para as ações !!!",
     "Save": "Salvar",
     "Select": "Selecione",
     "Settings": "Configurações",

package/admin/i18n/ru/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Активность глобального пользователя",
     "Instanze": "Инстанц",
     "Navigation": "Навигация",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Пожалуйста, сохраните настройки навигации, прежде чем переходить к действиям !!!",
     "Save": "Сохранять",
     "Select": "Выбирать",
     "Settings": "Настройки",

package/admin/i18n/uk/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "Глобальна активність користувачів",
     "Instanze": "Instanze",
     "Navigation": "Навігація",
+    "Please Save the Nav Settings before you go to the aktions !!!": "Будь ласка, збережіть налаштування навігації, перш ніж переходити до дій !!!",
     "Save": "зберегти",
     "Select": "Виберіть",
     "Settings": "Налаштування",

package/admin/i18n/zh-cn/translations.json

@@ -20,6 +20,7 @@
     "Global User activ": "全球用户活跃度",
     "Instanze": "瞬间",
     "Navigation": "导航",
+    "Please Save the Nav Settings before you go to the aktions !!!": "请在进行操作之前保存导航设置！！！",
     "Save": "节省",
     "Select": "选择",
     "Settings": "设置",

package/admin/index_m.html

@@ -265,7 +265,8 @@
 			})
 			// New Row in Action 
 			$("#btn_action_newRow").on("click", function () {
-				$(`#tab_${$("#select_action").val()} tbody`).append(newTrInAction($("#select_action").val()))
+				const rows = $("#tab_pic tbody tr").length
+				$(`#tab_${$("#select_action").val()} tbody`).append(newTrInAction($("#select_action").val(), undefined, rows))
 				$("#btn_action_set").attr("disabled", "disabled")
 			})
 			// Global delete Hide Table
@@ -283,6 +284,7 @@
 				} else $(this).find("i").html("expand_more")
 			})
 			// Save from Action Input Field
+			//SECTION - Save 1
 			$("#btn_action_set").on("click", function () {
 				// Wieder sichtbar machen, wenn du edit disabled gesetzt wurde
 				$("#select_action").removeAttr("disabled")
@@ -290,7 +292,9 @@
 				let $table = $(`#tab_${action} tbody`)
 				let result = {
 					IDs: [],
+					picSendDelay: [],
 					values: [],
+					fileName: [],
 					checkboxes: [],
 					text: [],
 					trigger: $("#select_trigger").val(),
@@ -321,6 +325,17 @@
 						result.checkboxes.push($(this).is(":checked"))
 					})
 				}
+				if (action === "pic") {
+					$($table).find(`input.pic_IDs`).each(function () {
+						result.IDs.push($(this).val())
+					})
+					$($table).find(`input.pic_fileName`).each(function () {
+						result.fileName.push($(this).val())
+					})
+					$($table).find(`input.pic_picSendDelay`).each(function () {
+						result.picSendDelay.push($(this).val())
+					})
+				}
 				generatActionRow(activeUser, action, result, rowToUpdate)
 				_onChange()
 				resetModal()
@@ -336,7 +351,7 @@
 			$("#select_trigger").on("change", function () {
 				showTrigger = true
 				if ($(this).val() == null) showTrigger = false
-				showSelectModal(showTrigger, show)
+				showSelectModal(showTrigger, true)
 			})
 			// Inputs if its not ""
 			$(".modal-content").on("input ", function () {
@@ -352,7 +367,7 @@
 				showTrigger = true;
 				// Select_action deaktivieren
 				$("#select_action").attr("disabled", "disabled")
-				// Select Button Aktivieren
+				// Select Button Aktivieren 
 				$("#btn_action_set").removeAttr("disabled")
 				$("#btn_action_newRow").show()
 				let action = $(this).parents("tbody").attr("data-name")
@@ -421,6 +436,7 @@
 								<option value="" disabled selected class="translate">Choose your option</option>
 								<option value="get">GetState</option>
 								<option value="set">SetState</option>
+								<option value="pic">Send Picture</option>
 							</select>
 							<label class="translate">What is to do?</label>
 						</div>
@@ -499,12 +515,35 @@
 								<td><a class="deleteRow btn-floating btn-small waves-effect waves-light red" disabled><i
 											class="material-icons">delete</i></a></td>
 								</td>
-
 							</tr>
 						</tbody>
-
 					</table>
-
+					<table id="tab_pic" class="resetHide">
+						<thead>
+							<tr>
+								<th>Rendering url</th>
+								<th style="width: 15%;" class="translate">Filename</th>
+								<th style="width: 8%;" class="translate">Delay (ms)</th>
+								<th style="width: 3%;"></th>
+							</tr>
+						</thead>
+						<tbody class="table-lines table-values">
+							<tr>
+								<td> <input class="pic_IDs resetInput checkValue" type="text">
+								</td>
+								<td> <input class="pic_fileName resetInput checkValue" type="text"
+										placeholder="grafana1.png" value="grafana1.png">
+								</td>
+								<td>
+									<input class="pic_picSendDelay resetInput" type="text" placeholder="5000"
+										value="5000">
+								</td>
+								<td><a class="deleteRow btn-floating btn-small waves-effect waves-light red" disabled><i
+											class="material-icons">delete</i></a></td>
+								</td>
+							</tr>
+						</tbody>
+					</table>
 				</div>
 				<div class="modal-footer">
 					<a class="modal-action modal-close waves-effect waves-green btn btn-set" disabled
@@ -513,7 +552,6 @@
 					<a class="modal-action modal-close waves-effect waves-green btn btn-close" id="btn_action_close"><i
 							class="large material-icons left ">close</i><span class="translate">Close</span></a>
 				</div>
-
 			</div>
 			<div class="row" id="user_menu">
 				<a class="btn-add btn-floating btn-small waves-effect waves-light blue disabled translateT"
@@ -522,7 +560,6 @@
 					title="Delete User"><i class="material-icons">delete</i></a>
 				<a class="btn-add btn-floating btn-large waves-effect waves-light blue disabled translateT"
 					id="addGlobalUser" title="Add Global User"><i class="material-icons">group_add</i></a>
-
 				<div class="input-field col s3">
 					<input id="username" type="text" class="validate">
 					<label for="username" class="translate">Add new Username</label>
@@ -534,8 +571,6 @@
 					</ul>
 				</div>
 			</div>
-
-
 			<div class="row">
 				<div class="col s12">
 					<div class="col s2">
@@ -560,14 +595,13 @@
 					</div>
 				</div>
 			</div>
-			<div class="row">
-				<div class="col s12 ">
-					<p class="infoText translate">Each entry may only occur once in the complete navigation</p>
-				</div>
-			</div>
 		</header>
 		<div id="tab-nav" class="">
 			<div class="row">
+				<div class="col s12 ">
+					<p class=" infoText translate">Each entry may only occur once in the complete navigation</p>
+					<p class="infoText translate">Please Save the Nav Settings before you go to the aktions !!!</p>
+				</div>
 				<div class="col s12">
 					<div class="table-values-div saveTable" id="navigation">
 						<table id="table_nav" class="" style="width: 100%;">
@@ -589,10 +623,7 @@
 
 			</div>
 		</div>
-		<div id="tab-action">
-
-		</div>
-
+		<div id="tab-action"></div>
 		<div id="tab-settings">
 			<div class=" row">
 				<div class="col s12">
@@ -640,6 +671,18 @@
 						</div>
 					</div>
 
+					<div class="row distance">
+						<div class="input-field col s6">
+							<input id="tokenGrafana" type="text" class="validate value">
+							<label for="tokenGrafana">Token Grafana</label>
+						</div>
+						<div class="input-field col s4">
+							<input id="directory" type="text" class="validate value"
+								placeholder="/opt/iobroker/grafana/" value="/opt/iobroker/grafana/">
+							<label for="directory" class="translate">Directory</label>
+						</div>
+					</div>
+
 
 				</div>
 

package/admin/js/component.js

@@ -34,7 +34,7 @@ function navElement(user) {
   <tr class="startRow">
     <td><input type="text" data-name="call" class="isString nav-call translateV startside" value="Startside" ></td>
     <td><input type="text" data-name="value" class="isString nav-value " value="Licht, Steckdose && Iobroker, Heizung"></td>
-    <td><input type="text" data-name="text" class="isString nav-text" value="Wählen Sie eine Aktion"></td>
+    <td><input type="text" data-name="text" class="isString nav-text" value="Wähle eine Aktion"></td>
     
     <td style="width: 5%;"></td>
             </tr>
@@ -51,46 +51,37 @@ function createSelectTrigger(list) {
 }
 
 // Row in Action Popup
-function newTrInAction(val, array) {
+function newTrInAction(val, array, rows) {
 	if (!array) {
-		array = ["", "", "checked", "", ""];
+		array = ["", "", "checked", "", "", 5000, `grafana${rows + 1}.png`];
 	}
 	if (val === "get")
 		return /*html*/ `<tr class="onResetDelete">
-  <td> <input  class="get_id checkValue" value="${array[0]}" type="text">
-  </td>
-  <td><a class="btn-floating btn-small waves-effect waves-light blue btn_getID"
-    title="Get ID"><i class="material-icons">edit</i></a></td>
-  <td>
-    <input class="get_text checkValue" type="text" value="${array[1]}">
-  </td>
-  <td><label>
-      <input type="checkbox" class="filled-in newline_checkbox" ${array[2]} />
-      <span></span>
-    </label></td>
-    <td><a class="deleteRow btn-floating btn-small waves-effect waves-light red" ><i
-											class="material-icons">delete</i></a></td>
-								</td>
+  <td> <input  class="get_id checkValue" value="${array[0]}" type="text"></td>
+  <td><a class="btn-floating btn-small waves-effect waves-light blue btn_getID" title="Get ID"><i class="material-icons">edit</i></a></td>
+  <td><input class="get_text checkValue" type="text" value="${array[1]}"></td>
+  <td><label><input type="checkbox" class="filled-in newline_checkbox" ${array[2]} /><span></span></label></td>
+  <td><a class="deleteRow btn-floating btn-small waves-effect waves-light red" ><i class="material-icons">delete</i></a></td>								
 </tr>`;
 	if (val === "set")
 		return /*html*/ `<tr class="onResetDelete">
-  <td> <input  class="set_id checkValue" type="text" value="${array[0]}">
-  </td>
-  <td><a class="btn-floating btn-small waves-effect waves-light blue btn_getID"
-      title="Get ID"><i class="material-icons">edit</i></a></td>
-  <td>
-    <input class="set_value checkValueSwitch" type="text" value="${array[3]}">
-  </td>
-  <td><label>
-      <input type="checkbox" class="filled-in switch_checkbox" ${array[4]}/> 
-      <span></span>     
-    </label></td>
-    <td><a class="deleteRow btn-floating btn-small waves-effect waves-light red"><i
-											class="material-icons">delete</i></a></td>
-								</td>
+  <td> <input  class="set_id checkValue" type="text" value="${array[0]}"></td>
+  <td><a class="btn-floating btn-small waves-effect waves-light blue btn_getID" title="Get ID"><i class="material-icons">edit</i></a></td>
+  <td><input class="set_value checkValueSwitch" type="text" value="${array[3]}"></td>
+  <td><label><input type="checkbox" class="filled-in switch_checkbox" ${array[4]}/><span></span></label></td>
+  <td><a class="deleteRow btn-floating btn-small waves-effect waves-light red"><i	class="material-icons">delete</i></a></td>
+								
+</tr>`;
+	if (val === "pic")
+		return /*html*/ `<tr class="onResetDelete">
+  <td><input class="pic_IDs  checkValue" type="text" value="${array[0]}"></td>
+  <td><input class="pic_fileName checkValue" type="text" placeholder="grafanaX.png" value="${array[6]}"></td>
+  <td><input class="pic_picSendDelay " type="text" placeholder="5000" value="${array[5]}"></td>
+  <td><a class="deleteRow btn-floating btn-small waves-effect waves-light red" disabled><i class="material-icons">delete</i></a></td>
+  
 </tr>`;
 }
-
+//SECTION - Save 2
 function actionElement(user) {
 	return /*html*/ `<div class="row user_${user}">
           <div class="col s12">
@@ -137,11 +128,35 @@ function actionElement(user) {
                 </tbody>
               </table>
             </div>
+            <div>
+              <p class="showHideMenu" style="width: 100%; background: #64b5f6"><i class="material-icons">chevron_right</i>Send Picture</p>
+              <table style="display: none;" class="text-small saveTable">
+                <thead>
+                  <tr>
+                    <th style="width: 10%">Trigger</th>                      
+                    <th data-name="IDs" data-type="string">
+                    Rendering url</th>
+                    <th data-name="fileName" data-type="string" class="translate" style="width: 10%">Filename</th>
+                    <!-- <th data-name="value" data-type="string" >
+                      Text</th> -->                    
+                    <th style="width: 8%">Delay</th>
+                    <th style="width: 2%"></th>
+                    <th data-name="delete" style="width: 2%;">
+                    </th>
+                  </tr>
+                </thead>
+                <tbody name=${user} data-name="pic" class="table_pic table-lines table-values">                 
+                </tbody> 
+              </table>
+            </div>
+            <div >
+            </div>
           </div>
         </div>`;
 }
-
+//SECTION - Save 3
 function newTableRow_Action(action, result) {
+	console.log("ACTION " + action);
 	if (action === "get") {
 		return /*html*/ `<tr>
     <td data-name="trigger">${result.trigger}</td>    
@@ -159,6 +174,15 @@ function newTableRow_Action(action, result) {
     <td>${insertVal(result, "values")}</td>
     <td>${insertVal(result, "checkboxes")}</td>
     ${actionDeleteButton}
+    ${editButton}
+            </tr>`;
+	if (action === "pic")
+		return /*html*/ `<tr>
+    <td data-name="trigger">${result.trigger}</td>
+    <td>${insertVal(result, "IDs")}</td>
+    <td>${insertVal(result, "fileName")}</td>
+    <td>${insertVal(result, "picSendDelay")}</td>    
+    ${actionDeleteButton}
     ${editButton}
             </tr>`;
 }

package/admin/js/main.js

@@ -56,7 +56,7 @@ function createUser(id, users) {
 		$("#tab-action").append(actionElement(user));
 	});
 }
-
+//SECTION - Save 5 Save to Object
 function table2Values(id) {
 	let oldName;
 	const $tbodys = $(id).find("tbody");
@@ -71,7 +71,7 @@ function table2Values(id) {
 		// console.log(this);
 
 		const nav = [];
-		let actionSet, actionGet;
+		let actionSet, actionGet, actionPic;
 		const $tbody = $(this);
 
 		const $trs = $tbody.find("tr");
@@ -84,11 +84,13 @@ function table2Values(id) {
 			obj = {
 				get: [],
 				set: [],
+				pic: [],
 			};
 		}
 		i++;
 		actionSet = {};
 		actionGet = {};
+		actionPic = {};
 		$trs.each(function () {
 			const dataName = $tbody.attr("data-name");
 			if (dataName === "nav") {
@@ -124,6 +126,17 @@ function table2Values(id) {
 					obj.get.push(actionGet);
 				}
 			}
+			if (dataName === "pic") {
+				actionPic = {
+					IDs: dataToArray(this, "p[data-name='IDs']"),
+					picSendDelay: dataToArray(this, "p[data-name='picSendDelay']"),
+					fileName: dataToArray(this, "p[data-name='fileName']"),
+					trigger: dataToArray(this, "td[data-name='trigger']"),
+				};
+				if (actionPic && actionPic.IDs) {
+					obj.pic.push(actionPic);
+				}
+			}
 		});
 		object.action[saveName] = obj;
 	});
@@ -247,10 +260,10 @@ function showSelectModal(showTrigger, show) {
 	if (show && showTrigger) $("#btn_action_set").removeAttr("disabled");
 	else $("#btn_action_set").attr("disabled", "disabled");
 }
-
+//SECTION - Save 4 edit Values
 function insertEditValues(action, $this) {
 	const IDs = valuesToArray($this, "p[data-name='IDs']");
-	let newline, switchs, values, texts;
+	let newline, switchs, values, texts, picSendDelay, fileName;
 
 	if (action == "set") {
 		switchs = valuesToArray($this, "p[data-name='checkboxes']");
@@ -260,12 +273,19 @@ function insertEditValues(action, $this) {
 		newline = valuesToArray($this, "p[data-name='checkboxes']");
 		texts = valuesToArray($this, "p[data-name='text']");
 	}
+	if (action == "pic") {
+		picSendDelay = valuesToArray($this, "p[data-name='picSendDelay']");
+		fileName = valuesToArray($this, "p[data-name='fileName']");
+	}
 	IDs.forEach(function (element, key) {
 		if (key == 0) {
 			$(`#tab_${action} tbody input.set_id`).val(IDs[0].trim());
 			$(`#tab_${action} tbody input.get_id`).val(IDs[0].trim());
+			$(`#tab_${action} tbody input.pic_IDs`).val(IDs[0].trim());
 			if (values) $(`#tab_${action} tbody input.set_value`).val(values[0].trim());
 			if (texts) $(`#tab_${action} tbody input.get_text`).val(texts[0].trim());
+			if (picSendDelay) $(`#tab_${action} tbody input.pic_picSendDelay`).val(picSendDelay[0].trim());
+			if (fileName) $(`#tab_${action} tbody input.pic_fileName`).val(fileName[0].trim());
 
 			if (switchs && switchs[0].trim() == "true") {
 				$(`#tab_${action} tbody input.switch_checkbox`).attr("checked", "checked");
@@ -278,13 +298,17 @@ function insertEditValues(action, $this) {
 			let _newline = "",
 				_switch = "",
 				_values = "",
-				_texts = "";
+				_texts = "",
+				_picSendDelay = "",
+				_fileName = "";
 
 			if (newline && newline[key].trim() == "true") _newline = "checked";
 			if (switchs && switchs[key].trim() == "true") _switch = "checked";
 			if (values) _values = values[key].trim();
 			if (texts) _texts = texts[key].trim();
-			const array = [IDs[key].trim(), _texts, _newline, _values, _switch];
+			if (picSendDelay) _picSendDelay = picSendDelay[key].trim();
+			if (fileName) _fileName = fileName[key].trim();
+			const array = [IDs[key].trim(), _texts, _newline, _values, _switch, _picSendDelay, _fileName];
 			$(`#tab_${$("#select_action").val()} tbody`).append(newTrInAction($("#select_action").val(), array));
 		}
 	});

package/admin/style.css

@@ -102,5 +102,16 @@ table th {
 	text-align: center;
 	color: #ce3a3a;
 	margin: 0;
+	margin-bottom: 5px;
 	text-decoration: underline;
 }
+
+header {
+	margin: 0 !important;
+}
+.row {
+	margin-bottom: 5px !important;
+}
+.distance {
+	margin-top: 30px !important;
+}

package/admin/words.js

@@ -37,4 +37,5 @@ systemDictionary = {
     "Value": {                                        "en": "Value",                                            "de": "Wert",                                             "ru": "Ценить",                                           "pt": "Valor",                                            "nl": "Waarde",                                           "fr": "Valeur",                                           "it": "Valore",                                           "es": "Valor",                                            "pl": "Wartość",                                          "uk": "Значення",                                         "zh-cn": "价值"},
     "What is to do?": {                               "en": "What is to do?",                                   "de": "Was ist zu tun?",                                  "ru": "Что делать?",                                      "pt": "O que fazer?",                                     "nl": "Wat is er te doen?",                               "fr": "Que faire ?",                                      "it": "Cosa fare?",                                       "es": "¿Qué hay que hacer?",                              "pl": "Co robić?",                                        "uk": "Що робити?",                                       "zh-cn": "怎么办？"},
     "telegram-menu adapter settings": {               "en": "Adapter settings for telegram-menu",               "de": "Adaptereinstellungen für Telegram-Menü",           "ru": "Настройки адаптера для телеграм-меню",             "pt": "Configurações do adaptador para menu de telegrama", "nl": "Adapterinstellingen voor telegrammenu",            "fr": "Paramètres de l'adaptateur pour le menu télégramme", "it": "Impostazioni dell'adattatore per il menu del telegramma", "es": "Configuración del adaptador para el menú de telegramas", "pl": "Ustawienia adaptera dla menu telegramu",           "uk": "Налаштування адаптера для telegram-меню",          "zh-cn": "电报菜单的适配器设置"},
+    "Please Save the Nav Settings before you go to the aktions !!!": {"en": "Please Save the Nav Settings before you go to the aktions !!!", "de": "Bitte speichern Sie die Nav-Einstellungen, bevor Sie zu den Aktionen gehen !!!", "ru": "Пожалуйста, сохраните настройки навигации, прежде чем переходить к действиям !!!", "pt": "Salve as configurações de navegação antes de ir para as ações !!!", "nl": "Sla de navigatie-instellingen op voordat u naar de acties gaat !!!", "fr": "Veuillez enregistrer les paramètres de navigation avant de vous rendre aux aktions !!!", "it": "Si prega di salvare le impostazioni di navigazione prima di andare alle azioni!!!", "es": "¡Guarde la configuración de navegación antes de ir a las acciones!", "pl": "Zapisz ustawienia nawigacji, zanim przejdziesz do działań !!!", "uk": "Будь ласка, збережіть налаштування навігації, перш ніж переходити до дій !!!", "zh-cn": "请在进行操作之前保存导航设置！！！"},
 };

package/io-package.json

@@ -1,8 +1,21 @@
 {
   "common": {
     "name": "telegram-menu",
-    "version": "0.0.7",
+    "version": "0.0.8",
     "news": {
+      "0.0.8": {
+        "en": "Send Grafana Diagrams",
+        "de": "Grafana-Diagramme senden",
+        "ru": "Отправить Grafana Диаграммы",
+        "pt": "Enviar Diagramas de Grafana",
+        "nl": "Stuur Grafana Diagram",
+        "fr": "Envoyer Diagrammes de Grafana",
+        "it": "Invia diagrammi Grafana",
+        "es": "Enviar diagramas de Grafana",
+        "pl": "Senna Diagram",
+        "uk": "Відправити граматику Grafana",
+        "zh-cn": "Send Grafana Diagram"
+      },
       "0.0.7": {
         "en": "Bugs fixed\nTranslate",
         "de": "Fehler behoben\nÜbersetzung",
@@ -125,7 +138,9 @@
     "checkbox": [],
     "usersForGlobal": "",
     "users": [],
-    "startsides": []
+    "startsides": [],
+    "tokenGrafana": "",
+    "directory": ""
   },
   "objects": [],
   "instanceObjects": [

package/lib/js/action.js

@@ -112,6 +112,9 @@ function generateActions(_this, action, nameObj) {
 	try {
 		_this.log.debug("action set: " + JSON.stringify(action.set));
 		_this.log.debug("action get: " + JSON.stringify(action.get));
+		_this.log.debug("action pic: " + JSON.stringify(action.pic));
+		_this.log.debug("action : " + JSON.stringify(action));
+
 		action.set.forEach(function (element, key) {
 			if (key == 0) nameObj[element.trigger] = { switch: [] };
 			nameObj[element.trigger] = { switch: [] };
@@ -148,7 +151,21 @@ function generateActions(_this, action, nameObj) {
 				nameObj[element.trigger].getData.push(newObj);
 			});
 		});
-		_this.log.debug("Obj set + get: " + JSON.stringify(nameObj));
+		action.pic.forEach(function (element, key) {
+			_this.log.debug("Pic ");
+			nameObj[element.trigger] = { sendPic: [] };
+			if (key == 0) nameObj[element.trigger] = { sendPic: [] };
+			element.IDs.forEach(function (id, key) {
+				const newObj = {
+					id: element.IDs[key],
+					delay: element.picSendDelay[key],
+					fileName: element.fileName[key],
+				};
+				_this.log.debug("Element Pic: " + JSON.stringify(element));
+				_this.log.debug("Trigger: " + JSON.stringify(element.trigger));
+				nameObj[element.trigger].sendPic.push(newObj);
+			});
+		});
 		return nameObj;
 	} catch (err) {
 		console.log("Error generateActions: " + err);

package/main.js

@@ -7,6 +7,7 @@
 // The adapter-core module gives you access to the core ioBroker functions
 // you need to create an adapter
 const utils = require("@iobroker/adapter-core");
+const { exec } = require("child_process");
 const sendToTelegram = require("./lib/js/telegram").sendToTelegram;
 const editArrayButtons = require("./lib/js/action").editArrayButtons;
 const generateNewObjectStructure = require("./lib/js/action").generateNewObjectStructure;
@@ -15,6 +16,8 @@ const generateActions = require("./lib/js/action").generateActions;
 // const wertUebermitteln = require("./lib/js/action").wertUebermitteln;
 
 const telegramID = "telegram.0.communicate.request";
+let timeouts = [];
+let timeoutKey = 0;
 
 // Load your modules here, e.g.:
 // const fs = require("fs");
@@ -34,11 +37,6 @@ class TelegramMenu extends utils.Adapter {
 		this.on("message", this.onMessage.bind(this));
 		this.on("unload", this.onUnload.bind(this));
 	}
-
-	/**
-	 * Is called when databases are connected and adapter received configuration.
-	 */
-
 	async onReady() {
 		this.setState("info.connection", false, true);
 		const datapoint = `${this.config.instance}.info.connection`;
@@ -73,29 +71,33 @@ class TelegramMenu extends utils.Adapter {
 					this.log.debug("Action " + JSON.stringify(action));
 					try {
 						for (const name in nav) {
-							this.log.debug("Name " + JSON.stringify(name));
 							const value = await editArrayButtons(nav[name], this);
-							this.log.debug("Array Buttons: " + JSON.stringify(value));
 							menu.data[name] = await generateNewObjectStructure(_this, value);
 							this.log.debug("New Structure: " + JSON.stringify(menu.data[name]));
 							menu.data[name] = await generateActions(_this, action[name], menu.data[name]);
+							this.log.debug("Name " + JSON.stringify(name));
+							this.log.debug("Array Buttons: " + JSON.stringify(value));
+
 							this.log.debug("Gen. Actions: " + JSON.stringify(menu.data[name]));
 						}
 					} catch (err) {
 						this.log.error("Error generateNav: " + JSON.stringify(err));
 					}
+
 					const checkbox = this.config.checkbox;
-					this.log.debug("Checkbox " + JSON.stringify(checkbox));
 					const globalUserActiv = this.config.checkbox[0]["globalUserActiv"];
 					const one_time_keyboard = this.config.checkbox[2]["oneTiKey"];
 					const resize_keyboard = this.config.checkbox[1]["resKey"];
-
 					const userList = this.config.users;
 					const globalUserList = this.config.usersForGlobal.split(",");
+					const startsides = this.config.startsides;
+					let token = this.config.tokenGrafana;
+					const directoryPicture = this.config.directory;
+
+					this.log.debug("Checkbox " + JSON.stringify(checkbox));
 					this.log.debug("UserList: " + JSON.stringify(userList));
 					this.log.debug("Global User Activ: " + JSON.stringify(globalUserActiv));
 					this.log.debug("Global User List: " + JSON.stringify(globalUserList));
-					const startsides = this.config.startsides;
 
 					if (globalUserActiv) {
 						this.log.debug("Global Users sendto ");
@@ -241,6 +243,41 @@ class TelegramMenu extends utils.Adapter {
 										this.log.error("Error Getdata: " + JSON.stringify(error));
 									}
 								}
+								if (part.sendPic) {
+									this.log.debug("Send Picture");
+
+									part.sendPic.forEach((element) => {
+										// this.log.debug("Element " + JSON.stringify(element));
+										token = token.trim();
+										const url = element.id;
+										const newUrl = url.replace(/&/g, "&");
+										exec(
+											`curl -H "Authorisation: Bearer ${token}" "${newUrl}" > ${directoryPicture}${element.fileName}`,
+										);
+										this.log.debug(
+											"url " +
+												`curl -H "Authorisation: Bearer ${token}" "${newUrl}" > ${directoryPicture}${element.fileName}`,
+										);
+										timeoutKey += 1;
+										const path = `${directoryPicture}${element.fileName}`;
+										const timeout = setTimeout(async () => {
+											this.sendTo(
+												"telegram",
+												path,
+
+												function (res) {
+													console.log("Sent to " + res + " users!");
+												},
+											);
+
+											let timeoutToClear = {};
+											timeoutToClear = timeouts.filter((item) => item.key == timeoutKey);
+											clearTimeout(timeoutToClear.timeout);
+											timeouts = timeouts.filter((item) => item.key !== timeoutKey);
+										}, element.delay);
+										timeouts.push({ key: timeoutKey, timeout: timeout });
+									});
+								}
 							} else {
 								if (typeof userToSend == "string")
 									sendToTelegram(this, userToSend, "Eintrag wurde nicht gefunden!");
@@ -313,7 +350,9 @@ class TelegramMenu extends utils.Adapter {
 	onUnload(callback) {
 		try {
 			// Here you must clear all timeouts or intervals that may still be active
-			// clearTimeout(timeout1);
+			timeouts.forEach((element) => {
+				clearTimeout(element.timeout);
+			});
 			// clearTimeout(timeout2);
 			// ...
 			// clearInterval(interval1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.telegram-menu",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Easily create Telegram Menus",
   "author": {
     "name": "MiRo1310",
@@ -31,23 +31,23 @@
     "@iobroker/adapter-dev": "^1.2.0",
     "@iobroker/testing": "^4.1.0",
     "@tsconfig/node16": "^1.0.3",
-    "@types/chai": "^4.3.4",
+    "@types/chai": "^4.3.5",
     "@types/chai-as-promised": "^7.1.5",
     "@types/jquery": "^3.5.16",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^18.15.11",
+    "@types/node": "^18.16.3",
     "@types/proxyquire": "^1.3.28",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
-    "eslint": "^8.38.0",
+    "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-prettier": "^4.2.1",
     "mocha": "^10.2.0",
-    "prettier": "^2.8.7",
+    "prettier": "^2.8.8",
     "proxyquire": "^2.1.3",
-    "sinon": "^15.0.3",
+    "sinon": "^15.0.4",
     "sinon-chai": "^3.7.0",
     "typescript": "~5.0.4"
   },