wok annotate turbine/stuff/res/template/scheme @ rev 20046

Add Turbine v1.0 by The SliTaz DevTeam.
author Leonardo Laporte <hackdorte@yandex.com>
date Thu Aug 31 05:31:36 2017 -0300 (2017-08-31)
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 }