Changeset - 86e569fa59c7
[Not reviewed]
default
0 2 1
drewp@bigasterisk.com - 19 months ago 2023-06-08 21:53:50
drewp@bigasterisk.com
metrics to its own page
3 files changed with 20 insertions and 12 deletions:
0 comments (0 inline, 0 general)
light9/web/index.html
Show inline comments
 
<!DOCTYPE html>
 
<html>
 
  <head>
 
    <title>light9 home</title>
 
    <meta charset="utf-8" />
 
    <link rel="stylesheet" href="style.css" />
 
    <script type="module" src="metrics/ServiceButtonRow.ts"></script>
 
  </head>
 
  <body>
 
    <h1>light9 home page</h1>
 

	
 
    <div style="display: grid">
 
      <service-button-row name="ascoltami" metrics="1"></service-button-row>
 
      <service-button-row name="fade"></service-button-row>
 
      <service-button-row name="effectListing"></service-button-row>
 
      <service-button-row name="effectSequencer" metrics="1"></service-button-row>
 
      <service-button-row name="collector" metrics="1"></service-button-row>
 
      <service-button-row name="rdfdb" metrics="1"></service-button-row>
 
    </div>
 
  </body>
 
</html>
light9/web/metrics/StatsLine.ts
Show inline comments
 
@@ -39,25 +39,25 @@ export class StatsLine extends LitElemen
 
  @property() name = "?";
 
  @property() stats: Metrics = [];
 

	
 
  prevCpuNow = 0;
 
  prevCpuTotal = 0;
 
  @property() cpu = 0;
 
  @property() mem = 0;
 

	
 
  updated(changedProperties: any) {
 
    changedProperties.forEach((oldValue: any, propName: string) => {
 
      if (propName == "name") {
 
        const reload = () => {
 
          fetch(this.name + "/metrics").then((resp) => {
 
          fetch("/service/"+this.name + "/metrics").then((resp) => {
 
            if (resp.ok) {
 
              resp
 
                .text()
 
                .then((msg) => {
 
                  this.stats = parsePrometheusTextFormat(msg) as Metrics;
 
                  this.extractProcessStats(this.stats);
 
                  setTimeout(reload, 1000);
 
                })
 
                .catch((err) => {
 
                  log(`${this.name} failing`, err)
 
                  setTimeout(reload, 1000);
 
                });
light9/web/metrics/index.html
Show inline comments
 
new file 100644
 
<!DOCTYPE html>
 
<html>
 
  <head>
 
    <title>metrics</title>
 
    <meta charset="utf-8" />
 
    <link rel="stylesheet" href="../style.css" />
 
    <script type="module" src="./ServiceButtonRow.ts"></script>
 
  </head>
 
  <body>
 
    <div style="display: grid">
 
      <service-button-row name="ascoltami" metrics="1"></service-button-row>
 
      <service-button-row name="fade"></service-button-row>
 
      <service-button-row name="effects"></service-button-row>
 
      <service-button-row name="effectSequencer" metrics="1"></service-button-row>
 
      <service-button-row name="collector" metrics="1"></service-button-row>
 
      <service-button-row name="rdfdb" metrics="1"></service-button-row>
 
    </div>
 
  </body>
 
</html>
0 comments (0 inline, 0 general)