|
|
@@ -0,0 +1,225 @@
|
|
|
+<?php
|
|
|
+include_once '../auth.php';
|
|
|
+?>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <link rel="stylesheet" href="../script/tocas/tocas.css">
|
|
|
+ <script src="../script/tocas/tocas.js"></script>
|
|
|
+ <script src="../script/jquery.min.js"></script>
|
|
|
+ <script src="../script/ao_module.js"></script>
|
|
|
+ <script src="html2canvas.min.js"></script>
|
|
|
+ <style>
|
|
|
+ .item{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .ts.mini.input{
|
|
|
+ padding: .48571em 1em;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+<body>
|
|
|
+ <div class="ts tabbed menu">
|
|
|
+ <a class="item">Good<br>29C<br>C:</a>
|
|
|
+ <a class="active item">Warning<br>29C<br>C:</a>
|
|
|
+</div>
|
|
|
+<div class="ts grid">
|
|
|
+ <div class="sixteen wide column"><h3 class="ts center aligned header">INTEL SSDSC2BW240H6 240.0GB</h3></div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts narrow container">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="two wide column">
|
|
|
+ <h5 class="ts center aligned header">Health Status</h5>
|
|
|
+ <div class="ts inverted primary card">
|
|
|
+ <div class="content">
|
|
|
+ <div class="header" style="text-align: center;">Good</div>
|
|
|
+ <div class="description" style="text-align: center;">
|
|
|
+ 95%
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h5 class="ts center aligned header">Temperture</h5>
|
|
|
+ <div class="ts inverted primary card">
|
|
|
+ <div class="content">
|
|
|
+ <div class="description" style="text-align: center;">
|
|
|
+ 25C
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fourteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Firmware</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="RG21"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Total Host Reads</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="22507GB"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Firmware</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="RG21"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Total Host Reads</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="22507GB"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Serial Number</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="CVTR505030T240CGN"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Total Host Writes</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="18517GB"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Interface</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="Serial ATA"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Total NAND Writes</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="77840GB"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Transfer Mode</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="SATA/600 | SATA/600"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Power On Count</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="3816 count"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts grid">
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Drive Letter</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="SATA/600 | SATA/600"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="eight wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Power On Hours</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="1834 hours"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Below is full width-->
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Standard</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="ACS-3 | ----"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sixteen wide column">
|
|
|
+ <div class="ts horizontal form" style="opacity: 1;">
|
|
|
+ <div class="disabled field" style="opacity: 1;">
|
|
|
+ <label style="color:black">Features</label>
|
|
|
+ <input class="ts mini input" style="color:black" type="text" value="S.M.A.R.T., APM, NCQ, TRIM, DevSleep"></input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div class="sixteen wide column">
|
|
|
+ <br>
|
|
|
+ <div class="ts narrow container">
|
|
|
+ <table class="ts very basic table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>Stat</th>
|
|
|
+ <th>ID</th>
|
|
|
+ <th>Attribute Name</th>
|
|
|
+ <th>Current</th>
|
|
|
+ <th>Worst</th>
|
|
|
+ <th>Threshold</th>
|
|
|
+ <th>Raw Values</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>OK</td>
|
|
|
+ <td>05</td>
|
|
|
+ <td>Re-Allocated Sector Count</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>100</td>
|
|
|
+ <td>0</td>
|
|
|
+ <td>00000000000</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
your username
