diff options
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..772e2e5 --- /dev/null +++ b/www/index.html @@ -0,0 +1,176 @@ +<!DOCTYPE HTML> +<html> + <head> + <title>Radio Helsinki - Automation Import</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="Importtool for Radio Helsinki"> + <meta name="author" content="Christian Pointner <equinox@ffgraz.net>"> + + <link href="/javascript/twitter-bootstrap/css/bootstrap.css" rel="stylesheet"> + <link href="/styles/auth.css" rel="stylesheet"> + <link href="/styles/shows.css" rel="stylesheet"> + <link href="/styles/musicpools.css" rel="stylesheet"> + <style type="text/css"> + body { + background-color: #eee; + padding-top: 60px; + padding-bottom: 40px; + } + + .btn i[class*='icon-'] { + vertical-align: middle; + } + + .progress { + margin-bottom: 0; + } + </style> + <link href="/javascript/twitter-bootstrap/css/bootstrap-responsive.css" rel="stylesheet"> + <script src="/javascript/jquery/jquery.min.js"></script> + <script src="/javascript/twitter-bootstrap/js/bootstrap.min.js"></script> + <script src="/javascript/twitter-bootstrap/js/bootstrap-alert.min.js"></script> + <script src="/javascript/twitter-bootstrap/js/bootstrap-modal.min.js"></script> + <script src="/js/dropzone.js"></script> + <script src="/js/utils.js"></script> + <script src="/js/auth.js"></script> + <script src="/js/apps.js"></script> + <script src="/js/shows.js"></script> + <script src="/js/musicpools.js"></script> + </head> + <body> + + <div class="container"> + + <div id="loginbox"> + + <form id="loginform" class="form-auth" role="form"> + <img src="/img/helsinki.png" /> + <h1 class="form-auth-heading">Radio Helsinki - Import</h1> + <input id="username" type="text" class="form-control" placeholder="Benutzername" required autofocus> + <input id="password" type="password" class="form-control" placeholder="Passwort" required> + <div class="alertbox"></div> + <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Anmelden</button> + </form> + + </div> + + <div id="mainwindow"> + + <div class="navbar navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container-fluid"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <span class="brand">Radio Helsinki - Import</span> + <div class="nav-collapse"> + <ul class="nav"> + <li id="nav-btn-shows"><a href="#" onclick="apps_select('shows')">Sendungen</a></li> +<!-- <li id="nav-btn-musicpools"><a href="#" onclick="apps_select('musicpools')">Musikpools</a></li> --> + </ul> + <form id="logoutform" class="navbar-form pull-right"> + <span class="navbar-text">angmeldet als <strong id="username-field">UNKNOWN</strong></span> + <button style="margin-top: 0;" type="button" class="btn btn-danger btn-small" onclick="auth_logout()"> + <i class="icon-off icon-white"></i> Abmelden + </button> + </form> + </div> + </div> + </div> + </div> + + <div id="app-shows" class="container-fluid"> + <div class="alertbox"></div> + <div class="modal hide fade" id="shows-upload"> + <div class="modal-header"> + <a class="close" data-dismiss="modal">×</a> + <h3>Datei auswählen...</h3> + </div> + <div class="modal-body"> + </div> + <div class="modal-footer"> + <a href="#" class="btn" data-dismiss="modal">Abbrechen</a> + <a href="#" class="btn btn-primary" id="shows-upload-confirm">Importieren</a> + </div> + </div> + <div class="row-fluid"> + <div class="span10"> + <form class="well form-inline"> + <label class="control-label" for="select-dropbox"><h3>Sendung auswählen</h3></label> + <select id="show-selector" onchange="shows_showSelected()"> + </select> + </form> + </div> + <div class="span2"> + <center> + <h4>Aktuelle Woche</h4> + <span id="current-week"></span> + </center> + </div> + </div> + <div class="row-fluid"> + <div class="span12"> + <h2 id="show-title"></h2> + </div> + </div> + <div class="row-fluid" id="show-details"> + <div class="span2"> </div> + <div class="span2"> + <strong>Tag:</strong> <span id="show-dow"></span> + </div> + <div class="span2"> + <strong>Rythmus:</strong> <span id="show-rhythm"></span> + </div> + <div class="span2"> + <strong>Startzeit:</strong> <span id="show-starttime"></span> + </div> + <div class="span2"> + <strong>Dauer:</strong> <span id="show-length"></span> + </div> + <div class="span2"> </div> + </div> + <div class="row-fluid"> + <div class="span12"> + <table class="table table-striped" id="show-carts"> + <thead> + <tr> + <th>Cart #</th> + <th>Titel</th> + <th>Länge</th> + <th>importiert</th> + <th># gespielt</th> + <th>zuletzt gespielt</th> + <th>Aktionen</th> + </tr> + </thead> + <tbody> + </tbody> + </table> + </div> + </div> + </div> + + <div id="app-musicpools" class="container-fluid"> + <div class="alertbox"></div> + <div class="span12"> + <h1>Musikpools</h1> + <p> + coming soon! + </p> + </div> + </div> + + </div> + + </div> + + <script type="text/javascript"> + auth_init(); + apps_init(); + </script> + + </body> +</html> |