small fix to create project (#32680)

Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-09-10 14:23:21 +02:00 committed by GitHub
parent d2e7c15f2f
commit b72bbd59f4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 108 additions and 31 deletions

View file

@ -57,7 +57,9 @@ function cloneQuickstart() {
"--single-branch": undefined, "--single-branch": undefined,
"--branch": "main", "--branch": "main",
}) })
.then(() => resolve(join(dir, "extension/extend-admin-console-node"))); .then(() =>
resolve(join(dir, "extension/extend-account-console-node")),
);
}); });
}); });
} }

View file

@ -8,10 +8,25 @@
<meta name="description" content="${properties.description!'The {{type}} ui is a web-based management interface.'}"> <meta name="description" content="${properties.description!'The {{type}} ui is a web-based management interface.'}">
<title>${properties.title!'{{type}} Management'}</title> <title>${properties.title!'{{type}} Management'}</title>
<style> <style>
body {
margin: 0;
}
body, #app {
height: 100%;
}
.container {
padding: 0;
margin: 0;
width: 100%;
}
.keycloak__loading-container { .keycloak__loading-container {
height: 100vh; height: 100vh;
width: 100%; width: 100%;
background-color: #f0f0f0; color: #151515;
background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -19,30 +34,18 @@
margin: 0; margin: 0;
} }
@media (prefers-color-scheme: dark) {
.keycloak__loading-container {
color: #e0e0e0;
background-color: #1b1d21;
}
}
#loading-text { #loading-text {
z-index: 1000;
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
} padding-top: 32px;
.loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: #06c;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} }
</style> </style>
<script type="importmap"> <script type="importmap">
@ -99,17 +102,23 @@
</head> </head>
<body> <body>
<div id="app"> <div id="app">
<div class="keycloak__loading-container"> <main class="container">
<span class="loader" role="progressbar" aria-valuetext="Loading..."> <div class="keycloak__loading-container">
</span> <span class="pf-c-spinner pf-m-xl" role="progressbar" aria-valuetext="Loading&hellip;">
<div> <span class="pf-c-spinner__clipper"></span>
<p id="loading-text">Loading the {{type}} ui</p> <span class="pf-c-spinner__lead-ball"></span>
</div> <span class="pf-c-spinner__tail-ball"></span>
</span>
<div>
<p id="loading-text">Loading the Account Console</p>
</div>
</div>
</main>
</div> </div>
</div> <noscript>JavaScript is required to use the Account Console.</noscript>
<noscript>JavaScript is required to use the {{type}} ui.</noscript>
<script id="environment" type="application/json"> <script id="environment" type="application/json">
{ {
"serverBaseUrl": "${serverBaseUrl}",
"authUrl": "${authUrl}", "authUrl": "${authUrl}",
"authServerUrl": "${authServerUrl}", "authServerUrl": "${authServerUrl}",
"realm": "${realm.name}", "realm": "${realm.name}",
@ -127,6 +136,7 @@
"isInternationalizationEnabled": ${realm.isInternationalizationEnabled()?c}, "isInternationalizationEnabled": ${realm.isInternationalizationEnabled()?c},
"isLinkedAccountsEnabled": ${realm.identityFederationEnabled?c}, "isLinkedAccountsEnabled": ${realm.identityFederationEnabled?c},
"isMyResourcesEnabled": ${(realm.userManagedAccessAllowed && isAuthorizationEnabled)?c}, "isMyResourcesEnabled": ${(realm.userManagedAccessAllowed && isAuthorizationEnabled)?c},
"isViewOrganizationsEnabled": ${isViewOrganizationsEnabled?c},
"deleteAccountAllowed": ${deleteAccountAllowed?c}, "deleteAccountAllowed": ${deleteAccountAllowed?c},
"updateEmailFeatureEnabled": ${updateEmailFeatureEnabled?c}, "updateEmailFeatureEnabled": ${updateEmailFeatureEnabled?c},
"updateEmailActionEnabled": ${updateEmailActionEnabled?c}, "updateEmailActionEnabled": ${updateEmailActionEnabled?c},

View file

@ -0,0 +1,65 @@
<?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/maven-v4_0_0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>org.keycloak</groupId>
<version>{{version}}</version>
<artifactId>my-account-ui</artifactId>
<name>My Account UI</name>
<description>The user inferface to manage an account on the Keycloak server.</description>
<properties>
<node.version>v20.13.0</node.version>
</properties>
<build>
<resources>
<resource>
<directory>maven-resources</directory>
</resource>
<resource>
<directory>dist</directory>
<targetPath>theme/my-account/account/resources</targetPath>
</resource>
</resources>
<plugins>
<plugin>
<groupId>com.github.eirslett</groupId>
<artifactId>frontend-maven-plugin</artifactId>
<version>1.15.0</version>
<executions>
<execution>
<goals>
<goal>install-node-and-npm</goal>
</goals>
</execution>
<execution>
<id>npm-install</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>install</arguments>
<workingDirectory>${maven.multiModuleProjectDirectory}</workingDirectory>
</configuration>
</execution>
<execution>
<id>npm-build</id>
<goals>
<goal>npm</goal>
</goals>
<configuration>
<arguments>run build</arguments>
</configuration>
</execution>
</executions>
<configuration>
<nodeVersion>${node.version}</nodeVersion>
<installDirectory>${maven.multiModuleProjectDirectory}</installDirectory>
</configuration>
</plugin>
</plugins>
</build>
</project>