From 275fd8c1ae6e57aaaee3377141dfa6654fe2fd52 Mon Sep 17 00:00:00 2001 From: Honchar Denys Date: Sun, 29 Sep 2024 15:13:05 +0300 Subject: [PATCH] testing config page --- about.html | 668 ++++++++++----- components.html | 2140 ++++++++++++++++++++++++++++------------------- config.json | 14 +- content.html | 656 ++++++++++----- customize.html | 656 ++++++++++----- done.html | 666 ++++++++++----- index.html | 656 ++++++++++----- layout.html | 656 ++++++++++----- 8 files changed, 3894 insertions(+), 2218 deletions(-) diff --git a/about.html b/about.html index 6981535..aa9a375 100644 --- a/about.html +++ b/about.html @@ -1,223 +1,431 @@ + + + + + Title which will fit on all pages + + + - - - - - Title which will fit on all pages - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - - - - - -
-
-
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + + + + + +
+
+
+ - -
-
- -
-
+
+
+ +
+

Team

@@ -955,16 +1163,20 @@

It does not require you to:

-
-
- - - - + + + + + diff --git a/components.html b/components.html index 63cb969..e3e0779 100644 --- a/components.html +++ b/components.html @@ -1,905 +1,1292 @@ + + + + + Title which will fit on all pages + + + - - - - - Title which will fit on all pages - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - + + + + - + + + + + + + + + - -
-
-
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

 - -
-
- -
-
-
-

Componenets

-
-

Alerts

-
-
-
- -
-
- -
-
-
- Title for info alerts -
-
- Aontrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from -
-
-
-
-
- -
-
- -
-
-
- Title for eror alerts -
-
- Aontrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from -
-
-
-
-
- - - -
-
- - - -
-
-
- Title for success alerts -
-
- Aontrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from -
-
-
-
+ + + + + + +
+
+
+ + +
+
+ +
+
+
+

Componenets

+
+

Alerts

+
+
+
+ + + +
+
+ + + +
+
+
Title for info alerts
+
+ Aontrary to popular belief, Lorem Ipsum is not simply random + text. It has roots in a piece of classical Latin literature + from +
+
+
+
+
+ + + +
+
+ + + +
+
+
Title for eror alerts
+
+ Aontrary to popular belief, Lorem Ipsum is not simply random + text. It has roots in a piece of classical Latin literature + from +
+
+
+
+
+ + + +
+
+ + + +
+
+
+ Title for success alerts +
+
+ Aontrary to popular belief, Lorem Ipsum is not simply random + text. It has roots in a piece of classical Latin literature + from +
+
+
+
-
-

Accardion

-
-
- -
-

Це контент першого пункту аккордеону. Він може містити будь-який HTML-контент.

-
-
-
+
+

Accardion

+
+
+ +
+

+ Це контент першого пункту аккордеону. Він може містити + будь-який HTML-контент. +

+
+
+
-
-

Buttons

-
- - - - -
+
+

Buttons

+
+ + + + +
-
-

Breadcrumb

-
- - - - - -
+
-

Card

-
-
-
-
-
-
- Top title card -
-
-
-
-
- 1 -
-
-
-
- 2 -
-
-
-
- 3 -
-
-
-
- 4 -
-
-
-
-
- Card Btn -
-
-
-
-
-
-
-
- Top title card -
-
-
-
-
- 1 -
-
-
-
- 2 -
-
-
-
- 3 -
-
-
-
- 4 -
-
-
-
-
- Card Btn -
-
-
-
-
-
-
-
- Top title card -
-
-
-
-
- 1 -
-
-
-
- 2 -
-
-
-
- 3 -
-
-
-
- 4 -
-
-
-
-
- Card Btn -
-
-
-
-
-
-
-
- Top title card -
-
-
-
-
- 1 -
-
-
-
- 2 -
-
-
-
- 3 -
-
-
-
- 4 -
-
-
-
-
- Card Btn -
-
-
-
-
-
+

Card

+
+
+
+
+
+
Top title card
+
+
+
+
1
+
+
+
2
+
+
+
3
+
+
+
4
+
+
+
+
+ Card Btn +
+
+
+
+
+
+
+
Top title card
+
+
+
+
1
+
+
+
2
+
+
+
3
+
+
+
4
+
+
+
+
+ Card Btn +
+
+
+
+
+
+
+
Top title card
+
+
+
+
1
+
+
+
2
+
+
+
3
+
+
+
4
+
+
+
+
+ Card Btn +
+
+
+
+
+
+
+
Top title card
+
+
+
+
1
+
+
+
2
+
+
+
3
+
+
+
4
+
+
+
+
+ Card Btn +
+
+
+
+
+
-

Checkbox

-
-
- - -
-
+

Checkbox

+
+
+ + +
+
-

Drop-downs

-
-
- - -
- -
+ button.addEventListener("click", () => { + if (dropdown.classList.contains("open")) { + closeMenu(); + } else { + openMenu(); + } + }); + + function openMenu() { + dropdown.classList.add("open"); + const menuHeight = menu.scrollHeight; // Get the full height of the menu + menu.style.height = `${menuHeight}px`; + } + + function closeMenu() { + menu.style.height = `0`; + dropdown.classList.remove("open"); + } + + // Optional: Close dropdown when clicking outside + document.addEventListener("click", (event) => { + if (!dropdown.contains(event.target)) { + closeMenu(); + } + }); + }); + +
-

Modals

-
- -
Open First Modal
-
Open Second Modal
-
Open Third Modal
- - - - - - - - - - - -
+ + + + + + + +
-

NavBar

-
- - -
+ dropdownText.addEventListener("click", function () { + dropdown.classList.toggle("open"); // Додаємо або видаляємо клас 'open' + }); + }); + +
-

Pagination

-
- - - - -
+

Pagination

+
+ + + +
-

Popovers

-
-
- - - -
-
- + function closePopover() { + popover.style.opacity = "0"; + popover.style.visibility = "hidden"; + setTimeout(() => { + popover.style.display = "none"; + }, 300); // Час відповідає тривалості transition + } + + // Переконатися, що поповер прихований спочатку + popover.style.visibility = "hidden"; + }); +
-

Progress

-
-
-
- 0% -
-
- - -
- -
- - -
+

Progress

+
+
+
+ 0% +
+
+ + +
+ +
+ + +
-

Radio button

-
-
- - - - - - - - -
-
+

Radio button

+
+
+ + + + + + + + +
+
-

Switch

-
- -
+

Switch

+
+ +
-

Form

-
-
-
- Title for your form -
-
- -
-
- -
-
- -
-
- -
-
-
+

Form

+
+
+
Title for your form
+
+ +
+
+ +
+
+ +
+
+ +
+
+
-
-
- - - + + + + + diff --git a/config.json b/config.json index 9b922c5..da02531 100644 --- a/config.json +++ b/config.json @@ -1,7 +1,19 @@ { "port": 8000, "build": { - "base": "/" + "base": "/", + "page": [ + { + "name": "content", + "folder": "users", + "json": "users" + }, + { + "name": "content", + "url": "allusers", + "json": "users" + } + ] }, "fetch": { "users": "https://webart.work/api/user/get" diff --git a/content.html b/content.html index c7642fc..3aa515a 100644 --- a/content.html +++ b/content.html @@ -1,223 +1,431 @@ + + + + + Title which will fit on all pages + + + - - - - - Title which will fit on all pages - - - + + + + - - - - + + + - - - + + - - + + - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + - + - -
-
-
+ +
+
+
+ - -
-
- -
-
+
+
+ +
+

Typography

@@ -3213,16 +3421,20 @@

Customizing

-
-
- - - - + + + + + diff --git a/customize.html b/customize.html index 3e9c0ef..c100ffa 100644 --- a/customize.html +++ b/customize.html @@ -1,233 +1,445 @@ + + + + + Title which will fit on all pages + + + - - - - - Title which will fit on all pages - - - + + + + - - - - + + + - - - + + - - + + - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + - + - -
-
-
+ +
+
+
+ - -
-
- -
-

Page Customize is connected

-
-
-
-

- Wjst is copyright ©2024 - Web Art Work, - licensed for use under the permissive MIT Open Source License. -

-
- - - +
+
+ +
+

Page Customize is connected

+
+
+ + + diff --git a/done.html b/done.html index 57c0084..f4a0ff1 100644 --- a/done.html +++ b/done.html @@ -1,223 +1,431 @@ + + + + + Title which will fit on all pages + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + - - - - - Title which will fit on all pages - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - - - + - -
-
-
+ +
+
+
+ - -
-
- -
-
+
+
+ +
+
@@ -3451,16 +3659,20 @@

It does not require you to:

- - - - - - + + + + + diff --git a/index.html b/index.html index 54db17c..beb7394 100644 --- a/index.html +++ b/index.html @@ -1,223 +1,431 @@ + + + + + Welcome to waw Template + + + - - - - - Welcome to waw Template - - - + + + + - - - - + + + - - - + + - - + + - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + - + - -
-
-
+ +
+
+
+ - -
-
- -
-
+
+
+ +
+
Welcome to WAW Template
@@ -295,16 +503,20 @@

Wjst

- - - - - - + + + + + diff --git a/layout.html b/layout.html index 9107f1b..42a3879 100644 --- a/layout.html +++ b/layout.html @@ -1,233 +1,445 @@ + + + + + Title which will fit on all pages + + + - - - - - Title which will fit on all pages - - - + + + + - - - - + + + - - - + + - - + + - - - - -
- - - - - - - - - - - - - - - - - - - - - -
-
- - - - -

Wjst

- - - + +
+ + + + + + + + + + + + + + + + + + + + + +
+
+ + + + +

Wjst

+ + + - + - -
-
-
+ +
+
+
+ - -
-
- -
-

Page Layout is connected

-
-
-
-

- Wjst is copyright ©2024 - Web Art Work, - licensed for use under the permissive MIT Open Source License. -

-
- - - +
+
+ +
+

Page Layout is connected

+
+
+ + +