allard
118 lines
5.4 KiB
HTML
Executable File
118 lines
5.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>olproperties</title>
|
|
<script src="js/mpData.js"></script>
|
|
<link href="https://fonts.googleapis.com/css?family=Asap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body>
|
|
<section id="appIntro">
|
|
<div id="titleSection">
|
|
<h1 id="appTitle">Java-PitStop Openliberty/Java17 voorbeeld 1.7</h1>
|
|
<div class="line"></div>
|
|
<div class="headerImage"></div>
|
|
<h2>Open Liberty Java17 applicatie op Container Hosting Platform!</h2>
|
|
<p>Dit voorbeeld gebruikt de System Properties microservice om de eigenschappen van de Liberty server te tonen.</p>
|
|
</div>
|
|
|
|
<div class="msSection" id="systemProperties">
|
|
<div class="headerRow">
|
|
<div class="headerIcon"><img src="img/sysProps.svg"/></div>
|
|
<div class="headerTitle" id="sysPropTitle"><h2>System Properties</h2></div>
|
|
</div>
|
|
<div class="sectionContent">
|
|
<table id="systemPropertiesTable">
|
|
<tbody id="sysPropertiesTableBody">
|
|
<tr><th>Eigenschap</th><th>Waarde</th></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="whereTo">
|
|
<p>Dit voorbeeld toont de eigenschappen van de host evenals health en metrics.</p>
|
|
</section>
|
|
|
|
<section id="openLibertyAndMp">
|
|
<h1>System properties voorbeeld</h1>
|
|
<h2>Gebouwd met Microprofile op Open Liberty </h2>
|
|
<div class="msSection collapsed" id="healthSection">
|
|
<div class="collapsibleRow headerRow" onClick="toggle()">
|
|
<div class="headerIcon"><img src="img/health.svg"/></div>
|
|
<div class="headerTitle">
|
|
<h2>Health</h2>
|
|
<p>Monitor de gezondheid van je microservice</p>
|
|
<img class="caret" src="img/carets/caret_down_blue.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="collapsibleContent" id="collapsibleHealth">
|
|
<div class="sectionContent">
|
|
<div id="healthBox">
|
|
<div id="healthIcon"><div id="healthStatusIcon"><img id="healthStatusIconImage"/></div></div>
|
|
<div id="healthText">
|
|
<p id="serviceName"></p>
|
|
<p id="serviceStatus"></p>
|
|
</div>
|
|
</div>
|
|
<table id="healthTable"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="msSection collapsed" id="metricsSection">
|
|
<div class="collapsibleRow headerRow" onClick="toggle()">
|
|
<div class="headerIcon"><img src="img/metrics.svg"/></div>
|
|
<div class="headerTitle">
|
|
<h2>Metrics</h2>
|
|
<p>Monitoring hoe goed je service draait</p>
|
|
<img class="caret" src="img/carets/caret_down_green.svg"/>
|
|
</div>
|
|
</div>
|
|
<div class="collapsibleContent" id="collapsibleConfig">
|
|
<div class="sectionContent" id="metricsText">
|
|
<table id="metricsTable">
|
|
<tbody id="metricsTableBody">
|
|
<tr><th>PROPERTY</th><th>VALUE</th></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="learnMore">
|
|
<h2>Want to learn more about Open Liberty and MicroProfile?</h2>
|
|
<p>Continue your winning streak and keep building successful apps with the help of our guides. Our MicroProfile™ guides are a great place to start if you want to build something similar to this sample app.</p>
|
|
<a href="https://openliberty.io/guides/?search=MicroProfile&key=tag"><button id="mpGuidesButton">Check out our MicroProfile guides</button></a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<section id="whereToNext">
|
|
<h2>Waar wil je nu naartoe?</h2>
|
|
<h4>Ga naar Open Liberty tutorials!</h4>
|
|
<p>Alle verdere informatie, voorbeelden en hulp vind je hier:</p>
|
|
<a href="https://openliberty.io/guides/"><button id="guidesButton">Open Liberty Tutorials</button></a>
|
|
</section>
|
|
|
|
<script>
|
|
displaySystemProperties(); // this calls displayMetrics() because it is a dependency
|
|
displayHealth();
|
|
displayConfigProperties();
|
|
</script>
|
|
</body>
|
|
|
|
<footer class="bodyFooter">
|
|
<div class="bodyFooterLink">
|
|
<a id="licenseLink" href="https://github.com/OpenLiberty/open-liberty/blob/release/LICENSE">License</a>
|
|
<a href="https://twitter.com/OpenLibertyIO">Twitter</a>
|
|
<a href="https://github.com/OpenLiberty">GitHub</a>
|
|
<a href="https://openliberty.io/">openliberty.io</a>
|
|
</div>
|
|
<p id="footerText">Een open-source project van Allard</p>
|
|
<p id="footerCopyright">©Copyright AllardDCS 2025</p>
|
|
</footer>
|
|
</html>
|