iobroker.telegram-menu 2.1.9 → 2.2.0

package/admin/css/button.css

@@ -51,7 +51,7 @@
     opacity: 0.8 !important;
 }
 
-.button--disabled {
+.button__disabled {
     pointer-events: none;
     opacity: 0.4 !important;
 }

package/admin/css/custom_classes.css

@@ -0,0 +1,116 @@
+.flex {
+    display: flex;
+}
+
+.flex-wrap {
+    flex-wrap: wrap;
+}
+
+.justify-between {
+    justify-content: space-between;
+}
+
+.justify-center {
+    justify-content: center;
+}
+
+.items-center {
+    align-items: center;
+}
+
+.text-white {
+    color: #fff;
+}
+
+.font-bold {
+    font-weight: 700
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.cursor-default {
+    cursor: default;
+}
+
+.cursor-pointer {
+    cursor: pointer;
+}
+
+.text-xs {
+    font-size: 0.75rem; /* 12px */
+    line-height: 1rem; /* 16px */
+}
+
+.text-sm {
+    font-size: 0.875rem; /* 14px */
+    line-height: 1.25rem; /* 20px */
+}
+
+.text-base {
+    font-size: 1rem; /* 16px */
+    line-height: 1.5rem; /* 24px */
+}
+
+.text-lg {
+    font-size: 1.125rem; /* 18px */
+    line-height: 1.75rem; /* 28px */
+}
+
+.text-xl {
+    font-size: 1.25rem; /* 20px */
+    line-height: 1.75rem; /* 28px */
+}
+
+.text-2xl {
+    font-size: 1.5rem; /* 24px */
+    line-height: 2rem; /* 32px */
+}
+
+.text-3xl {
+    font-size: 1.875rem; /* 30px */
+    line-height: 2.25rem; /* 36px */
+}
+
+.text-4xl {
+    font-size: 2.25rem; /* 36px */
+    line-height: 2.5rem; /* 40px */
+}
+
+.text-5xl {
+    font-size: 3rem; /* 48px */
+    line-height: 1;
+}
+
+.text-left {
+    text-align: left;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-justify {
+    text-align: justify;
+}
+
+.text-start {
+    text-align: start;
+}
+
+.text-end {
+    text-align: end;
+}
+
+.w-full {
+    width: 100%;
+}
+
+.h-full {
+    height: 100%;
+}

package/admin/css/description.css

@@ -0,0 +1,29 @@
+.table__container_description td p {
+    display: none;
+}
+
+.table__container_description td label {
+    width: 100% !important;
+    display: inline-block;
+}
+
+.table__container_description td input {
+    height: 30px;
+    color: #4caaf4 !important;
+    width: calc(100% - 0.5rem) !important;
+}
+
+.popup__description_header {
+    font-weight: bold;
+    font-size: 20px;
+    margin-bottom: 0.5rem;
+}
+
+.popup__description {
+    border: 1px solid black;
+    padding: 10px;
+}
+
+.dark .tab__description_text {
+    color: white
+}

package/admin/css/style.css

@@ -8,6 +8,8 @@
 @import "./row-editor.css";
 @import "./header.css";
 @import "./tab-action.css";
+@import "./custom_classes.css";
+@import "./description.css";
 
 body {
     height: 100vh;
@@ -15,48 +17,46 @@ body {
 }
 
 /* Tab-Navigation */
-.App-TabList button {
-    border-radius: 6px;
-    border: 2px solid !important;
-    margin: 5px 5px 5px 5px;
-    border-color: #aaa !important;
+.App-TabList {
+    background-color: #3399cc;
+    padding-bottom: 5px;
 }
 
-.App-TabList button span {
-    margin-bottom: 2px !important;
+.dark .App-TabList {
+    background-color: rgb(59, 59, 59);
 }
 
-.light .App-TabList button,
-.colored .App-TabList button {
+.App-TabList button {
+    border-radius: 6px;
+    border: 3px solid #aaa !important;
+    margin: 5px 0 0 5px;
+    width: 110px;
+    height: 30px;
     background-color: #ddd !important;
 }
 
-.dark .App-TabList button {
-    background-color: rgba(255, 255, 255, 0.1);
+.App-TabList button.active {
+    border: 3px solid #333 !important;
 }
 
-.light .App-TabList > div > div,
-.colored .App-TabList > div > div {
-    background-color: #3399cc;
-}
 
-.light .App-TabList.TabList-Action > div > div,
-.colored .App-TabList.TabList-Action > div > div {
-    background-color: white;
+.App-TabList button:last-child {
+    margin-right: 5px;
 }
 
-.dark .App-TabList > div > div {
-    background-color: rgb(59, 59, 59);
+.App-TabList button.icon {
+    width: 30px;
+    padding: 0;
 }
 
-.blue .App-TabList > div > div {
-    background-color: rgb(62, 68, 72);
+
+.dark .App-TabList button {
+    background-color: rgba(255, 255, 255, 0.1);
 }
 
 /* Hover */
 .light .App-TabList button:hover,
-.light .MenuPopupCard-Popup button:hover .colored .App-TabList button:hover,
-.colored .MenuPopupCard-Popup button:hover {
+.light .MenuPopupCard-Popup button:hover .colored .App-TabList button:hover {
     background-color: #eee !important;
     border-color: #888 !important;
 }
@@ -79,7 +79,7 @@ body {
     width: 160px;
     position: absolute;
     z-index: 1500;
-    top: 154px;
+    top: 138px;
     left: 5px;
     border: 2px solid #333;
     border-radius: 4px;
@@ -202,7 +202,7 @@ div.MuiTabPanel-root {
 /* NavigationMenu */
 /* Table ist in Allgemein */
 
-.MenuNavigation-Container .startSideActive {
+.MenuNavigation-Container .startSideActive:not(.row__active) {
     background-color: #96d15a !important;
 }
 
@@ -339,10 +339,9 @@ div.MuiTabPanel-root {
 }
 
 .dialogContainer__body {
-    padding: 0 0 0 0.5rem;
+    padding: 0 0.5rem 0 0.5rem;
 }
 
-
 .DialogContainer select {
     color: #3399cc;
     width: 200px;
@@ -623,7 +622,16 @@ p.inUse {
     border: 1px solid #000000;
     width: auto;
     display: inline-block;
+    margin-right: 0.5rem !important;
+}
 
+.dark .telegramm__userCard-content {
+    border: 1px solid white;
+    color: white
+}
+
+.dark label.checkbox {
+    color: white;
 }
 
 .telegramm__userCard-content p {
@@ -819,14 +827,6 @@ span[title],
     font-weight: 500;
 }
 
-.cursorDefault {
-    cursor: default;
-}
-
-.cursorPointer {
-    cursor: pointer;
-}
-
 .PopupContainer__copy .DialogContainer {
     width: 100% !important;
     height: 100% !important;
@@ -848,3 +848,52 @@ span[title],
     margin-left: 0.25rem;
     margin-right: 0.25rem;
 }
+
+.row__container:has(.row__button) {
+    margin: 0.5rem 0 0.5rem 0;
+    border: 1px solid black;
+    background: #84b9ec !important;
+}
+
+.nav__row {
+    margin: 0;
+    padding: 1px 1px !important;
+    font-size: 0.7rem;
+    display: flex;
+    justify-content: stretch;
+}
+
+.row__button {
+    margin: 1px 0.1rem 1px 0.1rem !important;
+    padding: 0.1rem 0.5rem;
+    font-size: 0.7rem !important;
+    border: 2px solid #aaa;
+    border-radius: 5px;
+    display: inline-block !important;
+    flex: 1;
+    text-align: center;
+    background: #f1e4b0;
+}
+
+.dark .row__button {
+    background: #777;
+    color: white;
+}
+
+.row__submenu {
+    background: peachpuff !important;
+}
+
+.dark .row__submenu {
+    color: black
+}
+
+.nav__trigger_list {
+    margin: 1rem 0 1rem 0;
+    display: flex;
+    justify-content: start;
+}
+
+.row__active {
+    background: #ffb8b1 !important;
+}

package/admin/css/textarea.css

@@ -1,28 +1,30 @@
 .textarea__container {
-	box-sizing: border-box;
-	margin-top: 20px !important;
-	background-color: #eee;
-	padding: 10px !important;
-	margin-bottom: 10px !important;
-	width: calc(100% - 10px) !important;
-	margin-left: 5px;
-	display: inline-block;
+    box-sizing: border-box;
+    margin-top: 20px !important;
+    background-color: #eee;
+    padding: 10px !important;
+    margin-bottom: 10px !important;
+    width: calc(100% - 10px) !important;
+    margin-left: 5px;
+    display: inline-block;
 }
 
 .textarea__content {
-	width: calc(100% - 10px) ;
-	padding: 8px 2px;
-	margin: 3rem 5px 5px 5px;
-	font-size: 16px;
-	border: none;
-	border-bottom: 1px solid #ccc;
-	height: 45vh;
+    width: calc(100% - 10px);
+    padding: 8px 2px;
+    margin: 3rem 5px 5px 5px;
+    font-size: 16px;
+    border: none;
+    border-bottom: 1px solid #ccc;
+    height: 100px !important;
 }
+
 .textarea__children {
-	display: inline;
-	vertical-align: bottom;
+    display: inline;
+    vertical-align: bottom;
 }
-button.HelperCard-BtnSearch{
- margin-top:2rem !important;
-	margin-left: 1.2rem !important;
+
+button.HelperCard-BtnSearch {
+    margin-top: 2rem !important;
+    margin-left: 1.2rem !important;
 }

package/admin/i18n/de/translations.json

@@ -8,10 +8,11 @@
     "activeMenu": "Aktives Menü:",
     "add": "Hinzufügen",
     "addAction": "Neue Aktion hinzufügen",
+    "addCreatedMenus": "Füge bereits erstellte Menüs als Schaltflächen hinzu",
     "addMenu": "Neuen Menünamen hinzufügen",
     "binding": "Bindungen: Zuerst Var mit ID, dann die Bedingung und der Text.",
     "breakpointNewline": "Haltepunkt für eine neue Zeile. Fügen Sie diesen nur in den Text ein",
-    "call": "Anruf",
+    "call": "Aufruf",
     "cancel": "Stornieren",
     "changeFunction": "Ändert den Wert im Rückgabetext, in diesem Fall von „true“ auf „on“ und von „false“ auf „off“.",
     "chooseAction": "Wählen Sie eine Aktion",
@@ -102,7 +103,7 @@
     "text": "Text",
     "textNoEntry": "Text wird gesendet, wenn kein Eintrag gefunden wurde!",
     "toggle": "Umschalten",
-    "trigger": "Auslösen",
+    "trigger": "Auslöser",
     "tsTimestamp": "Zeitstempel. Konvertiert einen Unix-Zeitstempel in eine lokale Zeit. Das Format kann geändert werden, beispielsweise in TT.MM.JJJJ JJ hh:mm:ss:sss",
     "unusedTrigger": "Unbenutzter Auslöser",
     "url": "URL",
@@ -113,5 +114,11 @@
     "value": "Wert",
     "valueRound": "Rundet den Wert beispielsweise auf 2 Dezimalstellen",
     "values": "Werte",
-    "yes": "Ja"
+    "yes": "Ja",
+    "info": "Info",
+    "menuCannotBeFound": "Das angeklickte Menü kann nicht gefunden werden!",
+    "contactDeveloperForExistingMenu": "Wenn das Menü existiert, aber nicht gefunden wurde, erstellen Sie bitte ein Issue auf Github!",
+    "description": "Beschreibung",
+    "descriptions": "Beschreibungen",
+    "descriptionInfo": "Hier können Sie Informationen zu Anrufen eingeben. Diese werden angezeigt, wenn Sie in der Navigation auf einen Navigationsbutton klicken und keinen direkten Link haben, sondern über ein eigenes Skript abgefangen werden. So behalten Sie einen besseren Überblick."
 }