"+title+"
";
+ const toggle = document.getElementById(i);
+ if(defaultState) {
+ if(defaultState===true) {
+ toggle.classList.add("active");
+ }
+ }
+ if(onchangeRequest) {
+ toggle.onclick = function () {
+ toggle.classList.toggle("active");
+ connector(onchangeRequest+"."+toggle.classList.contains("active"));
+ }
+ } else {
+ toggle.onclick = function () {
+ toggle.classList.toggle("active");
+ connector(i+"."+toggle.classList.contains("active"));
+ }
+ }
+ }
+}
+
function addValueToGroup(title,group,id,onclickRequest,defaultValue) {
if(title&&group) {
const g = document.getElementById(group);
diff --git a/application-ui/content/assets/cronos/css/app-tables.css b/application-ui/content/assets/cronos/css/app-tables.css
new file mode 100644
index 0000000..551d11d
--- /dev/null
+++ b/application-ui/content/assets/cronos/css/app-tables.css
@@ -0,0 +1,82 @@
+.table {
+ font-family: OpenSans, sans-serif;
+ background: var(--background2);
+ box-shadow: 0 0 0.4rem var(--shadow3);
+ border: 2px solid var(--border) !important;
+ border-radius: 1rem;
+ overflow: hidden;
+ display: flex;
+ width: 100%;
+ transition: all 0.25s ease;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ div {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text-align: center;
+ transition: all 0.25s ease;
+ width: 100%;
+
+ h1, h2 ,h3, h4, h5, h6 {
+ overflow: hidden;
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ font-size: 1.25rem;
+ background: var(--border);
+ transition: all 0.25s ease;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ p {
+ overflow: hidden;
+ padding: 0.5rem 1.5rem;
+ margin: 0;
+ background: var(--background2);
+ transition: all 0.25s ease;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ p.alt {
+ background: var(--background3);
+ }
+ }
+
+ div.left {
+ text-align: left;
+ border-left: none !important;
+ }
+
+ div.right {
+ text-align: right;
+ border-right: none !important;
+ }
+}
+
+.table:hover {
+ border-color: var(--border2) !important;
+
+ div {
+ p {
+ background: var(--background3);
+ }
+
+ p.alt {
+ background: var(--background2);
+ }
+
+ h1, h2 ,h3, h4, h5, h6 {
+ background: var(--border2);
+ }
+
+ /*h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
+ background: var(--foreground2);
+ color: var(--background5);
+ cursor: pointer;
+ opacity: 0.5;
+ }*/
+ }
+}
\ No newline at end of file
diff --git a/application-ui/content/assets/cronos/javascript/app-tables.js b/application-ui/content/assets/cronos/javascript/app-tables.js
new file mode 100644
index 0000000..1f85abe
--- /dev/null
+++ b/application-ui/content/assets/cronos/javascript/app-tables.js
@@ -0,0 +1,68 @@
+const tables = new Map();
+
+function initializeTable(id,rows) {
+ if(tables.has(id)) { tables.delete(id); }
+
+ const data = getTableData(id);
+ const table = document.getElementById(id);
+ table.innerHTML = "";
+
+ if (typeof rows !== 'number') {
+ rows = 2;
+ }
+
+ for (let i = 0; i < rows; i++) {
+ data.set(i,new Map());
+ data.get(i).set(0,"Column "+(i+1));
+ }
+ reloadTable(id);
+}
+
+function getTableData(id) {
+ if(!tables.has(id)) {
+ tables.set(id,new Map());
+ }
+ return tables.get(id);
+}
+
+function setTableContent(tableId,columnNumber,rowNumber,text) {
+ if(typeof columnNumber === 'number' && typeof rowNumber === 'number') {
+ getTableData(tableId).get(columnNumber).set(rowNumber,text);
+ reloadTable(tableId);
+ }
+}
+
+function reloadTable(id) {
+ const table = document.getElementById(id);
+ const data = getTableData(id);
+ table.innerHTML = "";
+
+ for (let i = 0; i < data.size; i++) {
+ let column = id + "-column-" + i;
+ const columnData = data.get(i);
+ let columnClass = "";
+ if(i===0) {
+ columnClass = "class='left' "
+ } else if(i===(data.size-1)) {
+ columnClass = "class='right' "
+ }
+ table.innerHTML += ""
+ column = document.getElementById(column);
+ for (let j = 0; j < columnData.size; j++) {
+ let row = (column.id)+"-row-"+i;
+ let text = columnData.get(j);
+ if(typeof text === 'string') {
+ text = text.replaceAll('<','‹').replaceAll('>','›')
+ }
+ let rowClass = "";
+ if (j % 2 === 0) {
+ rowClass="class='alt' ";
+ }
+ if(j===0) {
+ column.innerHTML += ""+text+"
"; + } else { + column.innerHTML += ""+text+"
"; + } + } + } +} diff --git a/application-ui/content/de/library.html b/application-ui/content/de/library.html index 2e467fd..513c571 100644 --- a/application-ui/content/de/library.html +++ b/application-ui/content/de/library.html @@ -8,11 +8,13 @@ + + @@ -134,6 +136,7 @@Titel
+
![]()
diff --git a/application-ui/content/de/settings.html b/application-ui/content/de/settings.html
index 34cbdf5..a6db51d 100644
--- a/application-ui/content/de/settings.html
+++ b/application-ui/content/de/settings.html
@@ -159,16 +159,7 @@
Auf Aktualisierungen prüfen
-
-
-
+
Aktualisierungskanal
diff --git a/application-ui/content/de/tables.html b/application-ui/content/de/tables.html
new file mode 100644
index 0000000..d3db659
--- /dev/null
+++ b/application-ui/content/de/tables.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Bibliothek
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/application-ui/content/en/library.html b/application-ui/content/en/library.html
index 163c66a..dd926fb 100644
--- a/application-ui/content/en/library.html
+++ b/application-ui/content/en/library.html
@@ -8,6 +8,7 @@
+
@@ -134,6 +135,7 @@ title
Auf Aktualisierungen prüfen - - - +
Aktualisierungskanal
diff --git a/application-ui/content/de/tables.html b/application-ui/content/de/tables.html
new file mode 100644
index 0000000..d3db659
--- /dev/null
+++ b/application-ui/content/de/tables.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Bibliothek
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/application-ui/content/en/library.html b/application-ui/content/en/library.html
index 163c66a..dd926fb 100644
--- a/application-ui/content/en/library.html
+++ b/application-ui/content/en/library.html
@@ -8,6 +8,7 @@
+
@@ -134,6 +135,7 @@ title
+
![]()
diff --git a/application-ui/content/en/settings.html b/application-ui/content/en/settings.html
index a96fb95..625bf47 100644
--- a/application-ui/content/en/settings.html
+++ b/application-ui/content/en/settings.html
@@ -13,6 +13,7 @@
+
@@ -159,16 +160,7 @@