add domino-ui components

DominoKit · Feb 11, 2025 · 14e89eb · 14e89eb
1 parent 5b920e0
commit 14e89eb
Show file tree

Hide file tree

Showing 94 changed files with 11,111 additions and 7 deletions.
diff --git a/dominokit-site-backend/pom.xml b/dominokit-site-backend/pom.xml
@@ -56,6 +56,13 @@
             <classifier>javadoc</classifier>
 		</dependency>
 
+		<dependency>
+			<groupId>org.dominokit</groupId>
+			<artifactId>domino-ui-pro</artifactId>
+			<version>${domino.ui.pro.version}</version>
+            <classifier>javadoc</classifier>
+		</dependency>
+
 		<dependency>
 			<groupId>org.dominokit</groupId>
 			<artifactId>domino-history-client</artifactId>

diff --git a/...-site-backend/src/main/resources/dominokitsite/assets/boards-column-anatomy.png b/...-site-backend/src/main/resources/dominokitsite/assets/boards-column-anatomy.png
diff --git a/...it-site-backend/src/main/resources/dominokitsite/assets/boards-list-anatomy.png b/...it-site-backend/src/main/resources/dominokitsite/assets/boards-list-anatomy.png
diff --git a/...nokit-site-backend/src/main/resources/dominokitsite/assets/menu-bar-anatomy.png b/...nokit-site-backend/src/main/resources/dominokitsite/assets/menu-bar-anatomy.png
diff --git a/dominokit-site-backend/src/main/resources/dominokitsite/assets/navbar-anatomy.png b/dominokit-site-backend/src/main/resources/dominokitsite/assets/navbar-anatomy.png
diff --git a/dominokit-site-backend/src/main/resources/dominokitsite/css/main.css b/dominokit-site-backend/src/main/resources/dominokitsite/css/main.css
@@ -834,3 +834,13 @@ body.dui {
 .dui-site-solution-doc-body > .dui-breadcrumb > .dui-active{
     opacity: 1;
 }
+
+
+.dui-site-menu-item-text {
+    flex-grow: 1;
+}
+
+.dui-site-menu-link .dui-badge {
+    margin-right: var(--dui-spc-4);
+    border-radius: var(--dui-spc-9999px);
+}
diff --git a/dominokit-site-backend/src/main/resources/dominokitsite/templates/dominokit-site.css b/dominokit-site-backend/src/main/resources/dominokitsite/templates/dominokit-site.css
@@ -786,4 +786,8 @@ pre {
 
 pre code {
     white-space: pre;
+}
+
+.dui-site-menu-item-text {
+    flex-grow: 1;
 }
diff --git a/...nokit-site-backend/src/main/resources/dominokitsite/templates/fragments/commons/head.html b/...nokit-site-backend/src/main/resources/dominokitsite/templates/fragments/commons/head.html
@@ -8,6 +8,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
     <link href="/css/domino-ui/domino-ui.css" rel="stylesheet" type="text/css">
+    <link href="/css/domino-ui/domino-ui-pro.css" rel="stylesheet" type="text/css">
     <link type="text/css" rel="stylesheet" href="/css/main.css">
 
     <script src="/js/prettify.js"></script>

diff --git a/...rc/main/resources/dominokitsite/templates/pages/solutions/domino-rest/v1/domino-rest.html b/...rc/main/resources/dominokitsite/templates/pages/solutions/domino-rest/v1/domino-rest.html
@@ -2,7 +2,7 @@
 <html xmlns:th="http://www.thymeleaf.org">
 
 <div th:fragment="content" id="dui-content-container" class="dui dui-site-content-container">
-    <div th:replace="pages/solutions/domino-rest/body :: content"></div>
+    <div th:replace="pages/solutions/domino-rest/v1/body :: content"></div>
     <div th:replace="fragments/commons/footer-aggregate"></div>
 </div>
 
diff --git a/...ckend/src/main/resources/dominokitsite/templates/pages/solutions/domino-rest/v1/main.html b/...ckend/src/main/resources/dominokitsite/templates/pages/solutions/domino-rest/v1/main.html
@@ -3,5 +3,5 @@
 
 <div th:fragment="content">
     <div th:replace="fragments/commons/navigation :: content"></div>
-    <div th:replace="pages/solutions/domino-rest/domino-rest :: content"></div>
+    <div th:replace="pages/solutions/domino-rest/v1/domino-rest :: content"></div>
 </div>
diff --git a/...s/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/boards.html b/...s/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/boards.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content" id="dui-content-container" class="dui dui-site-content-container">
+    <div th:replace="pages/solutions/domino-ui/v2/domino-ui-menu :: content"></div>
+    <div id="dui-docs-content" class="dui dui-solution-doc-content">
+        <div th:replace="pages/solutions/domino-ui/v2/docs/components/boards/body :: content"></div>
+    </div>
+    <div th:replace="fragments/commons/footer-aggregate"></div>
+</div>
+
diff --git a/...ces/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/body.html b/...ces/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/body.html
@@ -0,0 +1,88 @@
+<div th:fragment="content" class="dui dui-site-solution-doc-body">
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-boards"
+         dui-site-data="org.dominokit.pro.domino.ui.boards.BaseBoard"></div>
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-boards-column"
+         dui-site-data="org.dominokit.pro.domino.ui.boards.ColumnsBoard"></div>
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-boards-list"
+         dui-site-data="org.dominokit.pro.domino.ui.boards.ListsBoard"></div>
+
+    <div id="dui-side-nav-top"></div>
+    <ol class="dui dui-breadcrumb dui-p-0">
+        <li class="dui">
+            <a class="dui dui-fg-teal" tabindex="0" dui-site-data="nav-anchor" href="/solutions/domino-ui/v2"
+               aria-expanded="true">
+                Domino UI
+            </a>
+        </li>
+        <li class="dui">
+            <a class="dui" tabindex="0" aria-expanded="true">
+                Components
+            </a>
+        </li>
+        <li class="dui dui-active">
+            <a class="dui" tabindex="0" dui-site-data="nav-anchor"
+               href="/solutions/domino-ui/v2/docs/components/boards" aria-expanded="true">
+                Boards <span class="dui dui-badge dui-rounded-full">Pro</span>
+            </a>
+        </li>
+    </ol>
+
+    <div class="dui dui-site-scroll-fire" id="dui-site-doc-page-side-nav"
+         dui-site-data="Top,Column,List,Docs">
+
+    </div>
+
+    <h1 class="dui dui-site-docs-title">Boards</h1>
+
+    <div class="dui dui-site-component-docs" id="dui-boards-class-docs"></div>
+    <div class="dui dui-site-component-docs" id="dui-boards-column-class-docs"></div>
+    <div class="dui dui-site-component-docs" id="dui-boards-list-class-docs"></div>
+
+    <h2 class="dui dui-site-docs-subtitle">Anatomy</h2>
+
+    <img src="/assets/boards-column-anatomy.png"
+         class="dui dui-rounded dui-border dui-border-solid dui-border-teal dui-image-responsive"
+         alt="boards-column-anatomy.">
+    <img src="/assets/boards-list-anatomy.png"
+         class="dui dui-rounded dui-border dui-border-solid dui-border-teal dui-image-responsive"
+         alt="boards-list-anatomy.">
+
+    <ol class="dui dui-site-docs-list">
+        <li class="dui">Boards header which is a NavBar.
+        </li>
+        <li class="dui">Board group.
+        </li>
+        <li class="dui">Board group header.
+        </li>
+        <li class="dui">Board group item.
+        </li>
+    </ol>
+
+    <h2 class="dui dui-site-docs-subtitle">Examples</h2>
+
+    <div id="dui-demo-sample-slot"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-context">
+        <span class="dui dui-fg-teal">Columns board</span>
+        <small class="dui">Kanban like board</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="boards-column"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-list">
+        <span class="dui dui-fg-teal">List board</span>
+        <small class="dui">Uses lists instead of columns</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="boards-list"></div>
+
+    <div class="dui dui-flex dui-justify-center">
+        <div th:replace="fragments/commons/components/open-menu :: content"></div>
+    </div>
+
+
+    <div id="dui-side-nav-docs"></div>
+
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-boards-method-docs', 'BaseBoard', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/boards/BaseBoard.html')"></div>
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-boards-column-method-docs', 'ColumnsBoard', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/boards/ColumnsBoard.html')"></div>
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-boards-list-method-docs', 'ListsBoard', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/boards/ListsBoard.html')"></div>
+
+</div>
diff --git a/...ces/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/main.html b/...ces/dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/boards/main.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content">
+    <div th:replace="fragments/commons/navigation :: content"></div>
+    <div th:replace="pages/solutions/domino-ui/v2/docs/components/boards/boards :: content"></div>
+</div>
diff --git a/...dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/body.html b/...dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/body.html
@@ -0,0 +1,80 @@
+<div th:fragment="content" class="dui dui-site-solution-doc-body">
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-tree-root"
+         dui-site-data="org.dominokit.domino.ui.tree.TreeRoot"></div>
+
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-tree-node"
+         dui-site-data="org.dominokit.domino.ui.tree.TreeNode"></div>
+
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-check-tree"
+         dui-site-data="org.dominokit.pro.domino.ui.tree.CheckTree"></div>
+
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-check-tree-item"
+         dui-site-data="org.dominokit.pro.domino.ui.tree.CheckTreeItem"></div>
+
+    <div id="dui-side-nav-top"></div>
+    <ol class="dui dui-breadcrumb dui-p-0">
+        <li class="dui">
+            <a class="dui dui-fg-teal" tabindex="0" dui-site-data="nav-anchor" href="/solutions/domino-ui/v2"
+               aria-expanded="true">
+                Domino UI
+            </a>
+        </li>
+        <li class="dui">
+            <a class="dui" tabindex="0" aria-expanded="true">
+                Components
+            </a>
+        </li>
+        <li class="dui dui-active">
+            <a class="dui" tabindex="0" dui-site-data="nav-anchor"
+               href="/solutions/domino-ui/v2/docs/components/check-tree" aria-expanded="true">
+                Check tree <span class="dui dui-badge dui-rounded-full">Pro</span>
+            </a>
+        </li>
+    </ol>
+
+    <div class="dui dui-site-scroll-fire" id="dui-site-doc-page-side-nav"
+         dui-site-data="Top,Simple,Nested,Featured,Docs">
+
+    </div>
+
+    <h1 class="dui dui-site-docs-title">Check tree</h1>
+
+    <div class="dui dui-site-component-docs" id="dui-tree-root-class-docs"></div>
+    <div class="dui dui-site-component-docs" id="dui-tree-node-class-docs"></div>
+    <div class="dui dui-site-component-docs" id="dui-check-tree-class-docs"></div>
+    <div class="dui dui-site-component-docs" id="dui-check-tree-item-class-docs"></div>
+
+    <h2 class="dui dui-site-docs-subtitle">Examples</h2>
+
+    <div id="dui-demo-sample-slot"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-simple">
+        <span class="dui dui-fg-teal">Simple check tree</span>
+        <small class="dui">Menu like check tree</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="check-tree-simple"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-nested">
+        <span class="dui dui-fg-teal">Nested check tree</span>
+        <small class="dui">Check tree with nested selection</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="check-tree-nested"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-featured">
+        <span class="dui dui-fg-teal">Check tree other features</span>
+        <small class="dui">Check tree supports normal tree features</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="check-tree-featured"></div>
+
+    <div class="dui dui-flex dui-justify-center">
+        <div th:replace="fragments/commons/components/open-menu :: content"></div>
+    </div>
+
+    <div id="dui-side-nav-docs"></div>
+
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-tree-root-docs', 'TreeRoot', 'https://www.javadoc.io/doc/org/dominokit/domino/ui/tree/TreeRoot.html')"></div>
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-tree-node-method-docs', 'TreeNode', 'https://www.javadoc.io/doc/org/dominokit/domino/ui/tree/TreeNode.html')"></div>
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-check-tree-method-docs', 'CheckTree', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/tree/CheckTree.html')"></div>
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-check-tree-item-method-docs', 'CheckTreeItem', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/tree/CheckTreeItem.html')"></div>
+
+</div>
diff --git a/...kitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/check-tree.html b/...kitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/check-tree.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content" id="dui-content-container" class="dui dui-site-content-container">
+    <div th:replace="pages/solutions/domino-ui/v2/domino-ui-menu :: content"></div>
+    <div id="dui-docs-content" class="dui dui-solution-doc-content">
+        <div th:replace="pages/solutions/domino-ui/v2/docs/components/check-tree/body :: content"></div>
+    </div>
+    <div th:replace="fragments/commons/footer-aggregate"></div>
+</div>
+
diff --git a/...dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/main.html b/...dominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/check-tree/main.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content">
+    <div th:replace="fragments/commons/navigation :: content"></div>
+    <div th:replace="pages/solutions/domino-ui/v2/docs/components/check-tree/check-tree :: content"></div>
+</div>
diff --git a/...ominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/body.html b/...ominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/body.html
@@ -0,0 +1,65 @@
+<div th:fragment="content" class="dui dui-site-solution-doc-body">
+    <div class="dui dui-site-component-docs-class" dui-site-docs="true" dui-site-data-id-prefix="dui-colorpicker"
+         dui-site-data="org.dominokit.pro.domino.ui.colorpicker.ColorPicker"></div>
+
+    <div id="dui-side-nav-top"></div>
+    <ol class="dui dui-breadcrumb dui-p-0">
+        <li class="dui">
+            <a class="dui dui-fg-teal" tabindex="0" dui-site-data="nav-anchor" href="/solutions/domino-ui/v2"
+               aria-expanded="true">
+                Domino UI
+            </a>
+        </li>
+        <li class="dui">
+            <a class="dui" tabindex="0" aria-expanded="true">
+                Components
+            </a>
+        </li>
+        <li class="dui dui-active">
+            <a class="dui" tabindex="0" dui-site-data="nav-anchor"
+               href="/solutions/domino-ui/v2/docs/components/colorpicker" aria-expanded="true">
+                Color picker
+            </a>
+        </li>
+    </ol>
+
+    <div class="dui dui-site-scroll-fire" id="dui-site-doc-page-side-nav"
+         dui-site-data="Top,Basic,Button,Popover,Docs">
+
+    </div>
+
+    <h1 class="dui dui-site-docs-title">Color picker</h1>
+
+    <div class="dui dui-site-component-docs" id="dui-colorpicker-class-docs"></div>
+
+    <h2 class="dui dui-site-docs-subtitle">Examples</h2>
+
+    <div id="dui-demo-sample-slot"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-basic">
+        <span class="dui dui-fg-teal">Basic picker</span>
+        <small class="dui">Full featured color picker supporting different color formats.</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="colorpicker-basic"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-button">
+        <span class="dui dui-fg-teal">Picker button</span>
+        <small class="dui">Use a button to open color picker</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="colorpicker-button"></div>
+
+    <h3 class="dui dui-docs-demo-sample-title" id="dui-side-nav-popover">
+        <span class="dui dui-fg-teal">Color picker in a popover</span>
+        <small class="dui">Open the color picker in a custom popover</small>
+    </h3>
+    <div class="dui" dui-site-data="dui-sample-container" dui-sample-id="colorpicker-popover"></div>
+
+    <div class="dui dui-flex dui-justify-center">
+        <div th:replace="fragments/commons/components/open-menu :: content"></div>
+    </div>
+
+    <div id="dui-side-nav-docs"></div>
+
+    <div th:replace="fragments/commons/components/javadocs :: content('dui-colorpicker-method-docs', 'ColorPicker', 'https://www.javadoc.io/doc/org/dominokit/pro/domino/ui/colorpicker/ColorPicker.html')"></div>
+
+</div>
diff --git a/...tsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/colorpicker.html b/...tsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/colorpicker.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content" id="dui-content-container" class="dui dui-site-content-container">
+    <div th:replace="pages/solutions/domino-ui/v2/domino-ui-menu :: content"></div>
+    <div id="dui-docs-content" class="dui dui-solution-doc-content">
+        <div th:replace="pages/solutions/domino-ui/v2/docs/components/colorpicker/body :: content"></div>
+    </div>
+    <div th:replace="fragments/commons/footer-aggregate"></div>
+</div>
+
diff --git a/...ominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/main.html b/...ominokitsite/templates/pages/solutions/domino-ui/v2/docs/components/colorpicker/main.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+
+<div th:fragment="content">
+    <div th:replace="fragments/commons/navigation :: content"></div>
+    <div th:replace="pages/solutions/domino-ui/v2/docs/components/colorpicker/colorpicker :: content"></div>
+</div>