diff options
| author | Matthias P. Braendli <matthias.braendli@mpb.li> | 2015-03-15 11:04:25 +0100 |
|---|---|---|
| committer | Matthias P. Braendli <matthias.braendli@mpb.li> | 2015-03-15 11:04:25 +0100 |
| commit | abcb1a86381195ffb382297233158da2fa4aacc7 (patch) | |
| tree | 5f429d5ca7fd1aace4335684d1b24ebb1f4a8590 /gui/views/index.tpl | |
| parent | a36150d2305e93de9d0f58cb48273ed9909cab05 (diff) | |
| download | dabmux-abcb1a86381195ffb382297233158da2fa4aacc7.tar.gz dabmux-abcb1a86381195ffb382297233158da2fa4aacc7.tar.bz2 dabmux-abcb1a86381195ffb382297233158da2fa4aacc7.zip | |
Add tabbed interface to gui
Diffstat (limited to 'gui/views/index.tpl')
| -rw-r--r-- | gui/views/index.tpl | 72 |
1 files changed, 49 insertions, 23 deletions
diff --git a/gui/views/index.tpl b/gui/views/index.tpl index a73d6d2..b0f5bcc 100644 --- a/gui/views/index.tpl +++ b/gui/views/index.tpl @@ -1,32 +1,58 @@ <!DOCTYPE html> <html><head> -<title>ODR-DabMux Configuration Dump</title> -<style> -body { - font-family: sans; -} -</style> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <title>ODR-DabMux Configuration</title> + <link rel="stylesheet" href="static/style.css" type="text/css" media="screen" charset="utf-8"/> + <script type="text/javascript" src="static/jquery-1.7.1.min.js"></script> + <script type="text/javascript" src="static/script.js"></script> </head> <body> <h1>Configuration for {{version}}</h1> - <h2>Services</h2> - <ul> - % for s in services: - <li>{{s.name}}: <i>{{s.label}} ({{s.shortlabel}})</i> — id = {{s.id}}</li> - % end - </ul> - <h2>Subchannels</h2> - <ul> - % for s in subchannels: - <li>{{s.name}}: <i>{{s.type}}</i> — {{s.inputfile}}; {{s.bitrate}}kbps</li> - % end - </ul> - <h2>Components</h2> - <ul> - % for s in components: - <li>{{s.name}}: <i>{{s.label}} ({{s.shortlabel}})</i> — service {{s.service}}; subchannel {{s.subchannel}}; figtype {{s.figtype}}</li> - % end + + <ul id="info-nav"> + <li><a href="#general">General Options</a></li> + <li><a href="#servicelist">Services</a></li> + <li><a href="#subchannels">Subchannels</a></li> + <li><a href="#components">Components</a></li> </ul> + + <div id="info"> + <div id="general"> + <p>General Multiplex Options</p> + <ul> + <li>Number of frames to encode: {{g.nbframes}}</li> + <li>Statistics server port: {{g.statsserverport}}</li> + <li>Write SCCA field: {{g.writescca}}</li> + <li>Write TIST timestamp: {{g.tist}}</li> + <li>DAB Mode: {{g.dabmode}}</li> + <li>Log to syslog: {{g.syslog}}</li> + </ul> + </div> + <div id="servicelist"> + <p>Services</p> + <ul> + % for s in services: + <li>{{s.name}}: <i>{{s.label}} ({{s.shortlabel}})</i> — id = {{s.id}}</li> + % end + </ul> + </div> + <div id="subchannels"> + <p>Subchannels</p> + <ul> + % for s in subchannels: + <li>{{s.name}}: <i>{{s.type}}</i> — {{s.inputfile}}; {{s.bitrate}}kbps</li> + % end + </ul> + </div> + <div id="components"> + <p>Components</p> + <ul> + % for s in components: + <li>{{s.name}}: <i>{{s.label}} ({{s.shortlabel}})</i> — service {{s.service}}; subchannel {{s.subchannel}}; figtype {{s.figtype}}</li> + % end + </ul> + </div> + </div> </body> </html> |