Bootstrap integration for ccm-admin

ccm-core/package.json

@@ -0,0 +1,24 @@
+{
+    "name": "ccm-core",
+    "version": "7.0.0",
+    "description": "JavaScript stuff for ccm-core",
+    "main": "index.js",
+    "scripts": {
+        "build": "npm-run-all build:*:*",
+        "build:ccm-admin:js": "parcel build --out-dir target/generated-resources/assets/@admin src/main/typescript/ccm-admin/ccm-admin.ts",
+        "build:ccm-admin:css": "sass src/main/scss/ccm-admin/ccm-admin.scss target/generated-resources/assets/@admin/ccm-admin.css"
+    },
+    "author": "Jens Pelzetter",
+    "license": "LGPL-3.0-or-later",
+    "devDependencies": {
+        "npm-run-all": "^4.1.5",
+        "parcel-bundler": "^1.12.4",
+        "sass": "^1.26.10",
+        "typescript": "^4.0.2"
+    },
+    "dependencies": {
+        "bootstrap": "^4.5.2",
+        "jquery": "^3.5.1",
+        "popper.js": "^1.16.1"
+    }
+}

ccm-core/pom.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 
     <modelVersion>4.0.0</modelVersion>
 
@@ -111,7 +112,7 @@
             <artifactId>krazo-core</artifactId>
             <scope>provided</scope>
         </dependency>
-         <dependency>
+        <dependency>
             <groupId>org.eclipse.krazo.ext</groupId>
             <artifactId>krazo-freemarker</artifactId>
             <scope>provided</scope>
@@ -283,11 +284,11 @@
             <groupId>com.fasterxml.jackson.datatype</groupId>
             <artifactId>jackson-datatype-jdk8</artifactId>
         </dependency>
-        <dependency> <!-- for xml ex-/import -->
+        <dependency>            <!-- for xml ex-/import -->
             <groupId>com.fasterxml.jackson.dataformat</groupId>
             <artifactId>jackson-dataformat-xml</artifactId>
         </dependency>
-        <dependency> <!-- for csv ex-/import -->
+        <dependency>            <!-- for csv ex-/import -->
             <groupId>com.fasterxml.jackson.dataformat</groupId>
             <artifactId>jackson-dataformat-csv</artifactId>
         </dependency>
@@ -307,6 +308,9 @@
                 <directory>src/main/resources</directory>
                 <filtering>true</filtering>
             </resource>
+            <resource>
+                <directory>./target/generated-resources</directory>
+            </resource>
         </resources>
 
         <testResources>
@@ -330,6 +334,39 @@
                     <encoding>${project.build.sourceEncoding}</encoding>
                 </configuration>
             </plugin>
+            <plugin>
+                <groupId>com.github.eirslett</groupId>
+                <artifactId>frontend-maven-plugin</artifactId>
+                <configuration>
+                    <installDirectory>../node</installDirectory>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>Install node.js and NPM</id>
+                        <goals>
+                            <goal>install-node-and-npm</goal>
+                        </goals>
+                        <configuration>
+                            <nodeVersion>v12.18.3</nodeVersion>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>npm install</id>
+                        <goals>
+                            <goal>npm</goal>
+                        </goals>
+                    </execution>
+                    <execution>
+                        <id>build</id>
+                        <goals>
+                            <goal>npm</goal>
+                        </goals>
+                        <configuration>
+                            <arguments>run build</arguments>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
             <plugin>
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-surefire-plugin</artifactId>

ccm-core/src/main/resources/WEB-INF/views/org/libreccm/ui/admin/systeminformation.xhtml

@@ -4,6 +4,8 @@
       xmlns:h="http://xmlns.jcp.org/jsf/html">
     <h:head>
         <title>System Information</title>
+        <link href="#{request.contextPath}/assets/@admin/ccm-admin.css" 
+              rel="stylesheet"/>
     </h:head>
     <h:body>
         <h1>System Information</h1>
@@ -11,11 +13,12 @@
         <dl>
             <c:forEach items="#{SystemInformationModel.ccmSystemInformation}" 
                        var="prop">
-            <div>
+                <div>
-            <dt>#{prop.key}</dt>
+                    <dt>#{prop.key}</dt>
-            <dd>#{prop.value}</dd>
+                    <dd>#{prop.value}</dd>
-            </div>
+                </div>
             </c:forEach>
         </dl>
+        <script src="#{request.contextPath}/assets/@admin/ccm-admin.js"></script>
     </h:body>
 </html>

ccm-core/src/main/scss/ccm-admin/ccm-admin.scss

@@ -0,0 +1 @@
+@import "../../../../node_modules/bootstrap/scss/bootstrap";

ccm-core/src/main/typescript/ccm-admin/ccm-admin.ts

@@ -0,0 +1 @@
+import "bootstrap";