wok annotate turbine/stuff/res/template/scheme @ rev 25707
Up perl-net-pcap (0.21), qtermwidget (0.5.1), youtube-dl-gui (0.3.8)
author | Pascal Bellard <pascal.bellard@slitaz.org> |
---|---|
date | Fri Jul 05 14:08:34 2024 +0000 (2 weeks ago) |
parents | |
children |
rev | line source |
---|---|
hackdorte@20046 | 1 # Turbine Scheme File. |
hackdorte@20046 | 2 # Please use HTML5 only. |
hackdorte@20046 | 3 # Javascript and CSS are available. |
hackdorte@20046 | 4 # ---------------------------------------------------------------------------- |
hackdorte@20046 | 5 # Provided By The SliTaz Development Team. |
hackdorte@20046 | 6 # Copyright (C) 2017 The SliTaz Association. |
hackdorte@20046 | 7 # |
hackdorte@20046 | 8 # This program is free software: you can redistribute it and/or modify |
hackdorte@20046 | 9 # it under the terms of the GNU General Public License as published by |
hackdorte@20046 | 10 # the Free Software Foundation, either version 3 of the License, or |
hackdorte@20046 | 11 # (at your option) any later version. |
hackdorte@20046 | 12 # |
hackdorte@20046 | 13 # This program is distributed in the hope that it will be useful, |
hackdorte@20046 | 14 # but WITHOUT ANY WARRANTY; without even the implied warranty of |
hackdorte@20046 | 15 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
hackdorte@20046 | 16 # GNU General Public License for more details. |
hackdorte@20046 | 17 # |
hackdorte@20046 | 18 # You should have received a copy of the GNU General Public License |
hackdorte@20046 | 19 # along with this program. If not, see <http://www.gnu.org/licenses/>. |
hackdorte@20046 | 20 # ---------------------------------------------------------------------------- |
hackdorte@20046 | 21 |
hackdorte@20046 | 22 # @@ Library and functions by SliTaz OS. |
hackdorte@20046 | 23 . /usr/lib/slitaz/httphelper.sh |
hackdorte@20046 | 24 . /etc/slitaz/slitaz.conf |
hackdorte@20046 | 25 . /lib/libtaz.sh |
hackdorte@20046 | 26 |
hackdorte@20046 | 27 # @@ The output header with the meta-info. |
hackdorte@20046 | 28 appMETAINFO(){ |
hackdorte@20046 | 29 cat <<OUTPUT |
hackdorte@20046 | 30 <!DOCTYPE html> |
hackdorte@20046 | 31 <html> |
hackdorte@20046 | 32 <head> |
hackdorte@20046 | 33 <meta charset="$APP_ENCODING"/> |
hackdorte@20046 | 34 <title>$APP_TITLE - $APP_DESC</title> |
hackdorte@20046 | 35 |
hackdorte@20046 | 36 <style type="text/css"> |
hackdorte@20046 | 37 <!-- |
hackdorte@20046 | 38 $(cat $APP_DESIGN) |
hackdorte@20046 | 39 --> |
hackdorte@20046 | 40 </style> |
hackdorte@20046 | 41 |
hackdorte@20046 | 42 <script type="text/javascript"> |
hackdorte@20046 | 43 $(cat $APP_SCRIPT) |
hackdorte@20046 | 44 </script> |
hackdorte@20046 | 45 |
hackdorte@20046 | 46 </head> |
hackdorte@20046 | 47 <body> |
hackdorte@20046 | 48 <div id="panel"> |
hackdorte@20046 | 49 |
hackdorte@20046 | 50 <p title="$USER" id="user-id" data-icon=" ">$USER</p> |
hackdorte@20046 | 51 |
hackdorte@20046 | 52 <header class="textup"> |
hackdorte@20046 | 53 <h1><img src="?img=lg" alt="" />$APP_TITLE</h1> |
hackdorte@20046 | 54 <h3>$(_ "$APP_DESC")</h3> |
hackdorte@20046 | 55 </header> |
hackdorte@20046 | 56 |
hackdorte@20046 | 57 OUTPUT |
hackdorte@20046 | 58 } |
hackdorte@20046 | 59 |
hackdorte@20046 | 60 appSTATUS(){ |
hackdorte@20046 | 61 cat <<OUTPUT |
hackdorte@20046 | 62 |
hackdorte@20046 | 63 <section id="pc"> |
hackdorte@20046 | 64 <h1> |
hackdorte@20046 | 65 $(awk -F: '/model name/ {print $2;exit}' /proc/cpuinfo) <br> |
hackdorte@20046 | 66 <small class="date">$(date)</small> |
hackdorte@20046 | 67 </h1> |
hackdorte@20046 | 68 </section> |
hackdorte@20046 | 69 |
hackdorte@20046 | 70 <div id="display"> |
hackdorte@20046 | 71 |
hackdorte@20046 | 72 <aside class="panel"> |
hackdorte@20046 | 73 <span class="info textup"><small>Active</small></span><br> |
hackdorte@20046 | 74 <h2 class="rs">$(awk -F"[: ]+" '/Active/ {print $2;exit}' /proc/meminfo)</h2> |
hackdorte@20046 | 75 </aside> |
hackdorte@20046 | 76 <aside class="panel"> |
hackdorte@20046 | 77 <span class="info textup"><small>Mem Total</small></span><br> |
hackdorte@20046 | 78 <h2 class="rs">$(awk -F"[: ]+" '/MemTotal/ {print $2;exit}' /proc/meminfo)</h2> |
hackdorte@20046 | 79 </aside> |
hackdorte@20046 | 80 <aside class="panel"> |
hackdorte@20046 | 81 <span class="info textup"><small>Inactive</small></span><br> |
hackdorte@20046 | 82 <h2 class="rs">$(awk -F"[: ]+" '/Inactive/ {print $2;exit}' /proc/meminfo)</h2> |
hackdorte@20046 | 83 </aside> |
hackdorte@20046 | 84 <br /> <!-- @@ breakpoint --> |
hackdorte@20046 | 85 |
hackdorte@20046 | 86 <aside class="panel" data="left"> |
hackdorte@20046 | 87 <section> |
hackdorte@20046 | 88 <table> |
hackdorte@20046 | 89 <tr> |
hackdorte@20046 | 90 <td>Buffers</td> |
hackdorte@20046 | 91 <td class="rs tr">$(awk -F"[: ]+" '/Buffers/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 92 </tr> |
hackdorte@20046 | 93 <tr> |
hackdorte@20046 | 94 <td>Cached</td> |
hackdorte@20046 | 95 <td class="rs tr">$(awk -F"[: ]+" '/Cached/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 96 </tr> |
hackdorte@20046 | 97 <tr> |
hackdorte@20046 | 98 <td>Mapped</td> |
hackdorte@20046 | 99 <td class="rs tr">$(awk -F"[: ]+" '/Mapped/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 100 </tr> |
hackdorte@20046 | 101 <tr> |
hackdorte@20046 | 102 <td>Slab</td> |
hackdorte@20046 | 103 <td class="rs tr">$(awk -F"[: ]+" '/Slab/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 104 </tr> |
hackdorte@20046 | 105 </table> |
hackdorte@20046 | 106 </section> |
hackdorte@20046 | 107 </aside> |
hackdorte@20046 | 108 |
hackdorte@20046 | 109 <aside class="panel" data="center"> |
hackdorte@20046 | 110 <section> |
hackdorte@20046 | 111 <aside class="l"> |
hackdorte@20046 | 112 <p><small>Free<br><span style="color:lightgreen">$(free | grep Mem | awk '{print ($4/$2)*100.0}')</span></small></p> |
hackdorte@20046 | 113 </aside> |
hackdorte@20046 | 114 <aside class="r"> |
hackdorte@20046 | 115 <p><small>Used<br><span style="color:orange">$(free | grep Mem | awk '{print ($3/$2)*100.0}')</span></small></p> |
hackdorte@20046 | 116 </aside> |
hackdorte@20046 | 117 <br /><hr /> |
hackdorte@20046 | 118 <form method="POST" action="freeup.cgi"> |
hackdorte@20046 | 119 <button type="submit">$(_ 'FREE UP!')</button> |
hackdorte@20046 | 120 </form> |
hackdorte@20046 | 121 </section> |
hackdorte@20046 | 122 </aside> |
hackdorte@20046 | 123 |
hackdorte@20046 | 124 <aside class="panel" data="right"> |
hackdorte@20046 | 125 <section> |
hackdorte@20046 | 126 <table> |
hackdorte@20046 | 127 <tr> |
hackdorte@20046 | 128 <td>HighTotal</td> |
hackdorte@20046 | 129 <td class="rs tr">$(awk -F"[: ]+" '/HighTotal/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 130 </tr> |
hackdorte@20046 | 131 <tr> |
hackdorte@20046 | 132 <td>HighFree</td> |
hackdorte@20046 | 133 <td class="rs tr">$(awk -F"[: ]+" '/HighFree/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 134 </tr> |
hackdorte@20046 | 135 <tr> |
hackdorte@20046 | 136 <td>LowTotal</td> |
hackdorte@20046 | 137 <td class="rs tr">$(awk -F"[: ]+" '/LowTotal/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 138 </tr> |
hackdorte@20046 | 139 <tr> |
hackdorte@20046 | 140 <td>LowFree</td> |
hackdorte@20046 | 141 <td class="rs tr">$(awk -F"[: ]+" '/LowFree/ {print $2;exit}' /proc/meminfo)</td> |
hackdorte@20046 | 142 </tr> |
hackdorte@20046 | 143 </table> |
hackdorte@20046 | 144 </section> |
hackdorte@20046 | 145 </aside> |
hackdorte@20046 | 146 <br /> <!-- @@ breakpoint --> |
hackdorte@20046 | 147 |
hackdorte@20046 | 148 OUTPUT |
hackdorte@20046 | 149 } |
hackdorte@20046 | 150 |
hackdorte@20046 | 151 # @@ The action and animation |
hackdorte@20046 | 152 appFREEUP(){ |
hackdorte@20046 | 153 cat <<OUTPUT |
hackdorte@20046 | 154 |
hackdorte@20046 | 155 <div class="anibox"> |
hackdorte@20046 | 156 <img class="ani spin" src="?img=ani2" alt=""> |
hackdorte@20046 | 157 <img class="gear" src="?img=ani3" alt=""> |
hackdorte@20046 | 158 <img class="fix spin" src="?img=turbine" alt=""/> |
hackdorte@20046 | 159 </div><!-- // anibox --> |
hackdorte@20046 | 160 |
hackdorte@20046 | 161 <!-- |
hackdorte@20046 | 162 <section> |
hackdorte@20046 | 163 <div class="linescan"></div> |
hackdorte@20046 | 164 </section> |
hackdorte@20046 | 165 --> |
hackdorte@20046 | 166 |
hackdorte@20046 | 167 OUTPUT |
hackdorte@20046 | 168 } |
hackdorte@20046 | 169 |
hackdorte@20046 | 170 # @@ The footer with additional information. |
hackdorte@20046 | 171 appFOOTER(){ |
hackdorte@20046 | 172 cat <<OUTPUT |
hackdorte@20046 | 173 |
hackdorte@20046 | 174 </div> <!-- # display --> |
hackdorte@20046 | 175 |
hackdorte@20046 | 176 <footer class="textup"> |
hackdorte@20046 | 177 <h4>$APP_NAME $APP_VERSION - $APP_LICENSE</h4><hr> |
hackdorte@20046 | 178 <h5>SliTaz GNU/Linux $SLITAZ_RELEASE ~ Kernel $(uname -r) ~ Machine $(uname -m)<br> |
hackdorte@20046 | 179 Provided by The SliTaz DevTeam - Copyright (C) 2017 The SliTaz Association |
hackdorte@20046 | 180 </h5> |
hackdorte@20046 | 181 </footer> |
hackdorte@20046 | 182 |
hackdorte@20046 | 183 </div> |
hackdorte@20046 | 184 </body> |
hackdorte@20046 | 185 </html> |
hackdorte@20046 | 186 OUTPUT |
hackdorte@20046 | 187 } |
hackdorte@20046 | 188 |
hackdorte@20046 | 189 textRELOAD(){ |
hackdorte@20046 | 190 cat <<OUTPUT |
hackdorte@20046 | 191 <p title="Reload" id="reload"><a href="?"></a></p> |
hackdorte@20046 | 192 OUTPUT |
hackdorte@20046 | 193 } |
hackdorte@20046 | 194 |
hackdorte@20046 | 195 appCLOSE(){ |
hackdorte@20046 | 196 cat <<OUTPUT |
hackdorte@20046 | 197 |
hackdorte@20046 | 198 <form id="close" method="POST" action="quit"> |
hackdorte@20046 | 199 <button type="submit" title="$(_ 'Exit')">X</button> |
hackdorte@20046 | 200 </form> |
hackdorte@20046 | 201 |
hackdorte@20046 | 202 OUTPUT |
hackdorte@20046 | 203 } |
hackdorte@20046 | 204 |
hackdorte@20046 | 205 appRETURN(){ |
hackdorte@20046 | 206 cat <<OUTPUT |
hackdorte@20046 | 207 <html><head> |
hackdorte@20046 | 208 <meta http-equiv="refresh" content="1;url=status.cgi" /> |
hackdorte@20046 | 209 </head></html> |
hackdorte@20046 | 210 OUTPUT |
hackdorte@20046 | 211 } |