Add UPS status card

cgi-bin/malp.rb

@@ -346,6 +346,56 @@ if cgi.params.key?("content")
       html << %(</div>)
     end
 
+    upses = info.select { |e| e["type"] == "ups" }
+    upses.each do |ups|
+      status = ups["status"].to_s
+      online = status.include?("ONLINE")
+      card_cls = online ? "ok" : "bad"
+
+      model = ups["model"] ? "APC " + CGI.escapeHTML(ups["model"]) : "UPS"
+
+      stats = []
+      stats << [online ? "ok" : "bad", CGI.escapeHTML(status)] unless status.empty?
+
+      if (charge = ups["charge"])
+        cls = charge >= 80 ? "ok" : charge >= 50 ? "warn" : "bad"
+        stats << [cls, "Charge #{charge.round}%"]
+      end
+      if (timeleft = ups["timeleft"])
+        cls = timeleft >= 10 ? "ok" : timeleft >= 5 ? "warn" : "bad"
+        stats << [cls, "#{timeleft.round(1)} min left"]
+      end
+      if (load = ups["load"])
+        cls = load >= 90 ? "bad" : load >= 70 ? "warn" : "ok"
+        stats << [cls, "Load #{load.round}%"]
+      end
+      if (lv = ups["line_voltage"])
+        stats << ["ok", "Line #{lv.round} V"]
+      end
+      if (bv = ups["battery_voltage"])
+        stats << ["ok", "Batt #{bv.round(1)} V"]
+      end
+
+      stats_html = stats.map { |c, txt|
+        %(<span class="stat #{c}">#{txt}</span>)
+      }.join
+      stats_block = stats.empty? ? "" :
+        %(<div class="drive-stats" style="margin-top:0.6rem;">#{stats_html}</div>)
+
+      html << %(<div>)
+      html << %(<div class="section-label">UPS</div>)
+      html << <<~HTML
+        <div class="card #{card_cls}">
+          <div class="card-header">
+            <span class="card-title">#{model}</span>
+            <span class="badge #{card_cls}">#{online ? "Online" : CGI.escapeHTML(status)}</span>
+          </div>
+          #{stats_block}
+        </div>
+      HTML
+      html << %(</div>)
+    end
+
     cgi.out("type" => "text/html", "charset" => "UTF-8") do
       html
     end