<!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@helsinki.at>, Peter Grassberger <petertheone@gmail.com>"> <link rel="shortcut icon" href="/img/favicon.ico" /> <link href="/javascript/twitter-bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="/styles/main-style.css" rel="stylesheet"> <link href="/styles/auth.css" rel="stylesheet"> <link href="/styles/shows.css" rel="stylesheet"> <link href="/styles/jingles.css" rel="stylesheet"> <link href="/styles/musicpools.css" rel="stylesheet"> <link href="/styles/musicgrid.css" rel="stylesheet"> <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/rivendell.js"></script> <script src="/js/rivendell.rh.js"></script> <script src="/js/utils.js"></script> <script src="/js/clock.js"></script> <script src="/js/importer.js"></script> <script src="/js/auth.js"></script> <script src="/js/apps.js"></script> <script src="/js/shows.js"></script> <script src="/js/jingles.js"></script> <script src="/js/musicpools.js"></script> <script src="/js/musicgrid.js"></script> </head> <body> <div class="container"> <div id="loginbox"> <form id="loginform" class="form-auth" role="form"> <img src="/img/helsinki.png" alt="radio helsinki logo" /> <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="/shows/" onclick="event.preventDefault(); apps_select('shows')">Sendungen</a></li> <li id="nav-btn-jingles"><a href="/jingles/" onclick="event.preventDefault(); apps_select('jingles')">Jingles</a></li> <li id="nav-btn-musicpools"><a href="/musicpools/" onclick="event.preventDefault(); apps_select('musicpools')">Musikpools</a></li> <li id="nav-btn-musicgrid"><a href="/musicgrid/" onclick="event.preventDefault(); apps_select('musicgrid')">Musikgrid</a></li> </ul> <form id="logoutform" class="navbar-form pull-right"> <span class="navbar-text">angemeldet 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 class="modal hide fade" id="uploadModal"> <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"> <button class="btn" data-dismiss="modal">Abbrechen</button> <button class="btn btn-primary" id="uploadModal-confirm" disabled="disabled">Importieren</button> </div> </div> <div class="modal hide fade" id="musicpoolModal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Musikpool auswählen</h3> </div> <div class="modal-body"> <table class="table table-striped"> <thead> <tr> <th>Clock</th> <th>Title</th> <th>Ausgewählt</th> </tr> </thead> <tbody> </tbody> </table> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal">Abbrechen</button> </div> </div> <div id="app-shows" class="container-fluid"> <div class="alertbox"></div> <div class="row-fluid"> <div class="span10"> <form class="well form-inline"> <!-- todo: fix html error: h3 is not allowed in label --> <label class="control-label" for="show-selector"> <h3>Sendung auswählen</h3> </label> <select id="show-selector" class="main-selector" onchange="shows_showSelected()"> </select> </form> </div> <div class="span2"> <div id="clock"> <span class="current-week"></span> <span class="clock-date"></span> <span class="clock-time"></span> </div> </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-jingles" class="container-fluid"> <div class="alertbox"></div> <div class="groups"> </div> </div> <div id="app-musicpools" class="container-fluid"> <div class="alertbox"></div> <div class="row-fluid"> <form class="well form-inline"> <!-- todo: fix html error: h3 is not allowed in label --> <label class="control-label" for="musicpool-selector"> <h3>Musikpool auswählen</h3> </label> <select id="musicpool-selector" class="main-selector"> </select> </form> </div> <div class="musicpoolContainer"> </div> </div> <div id="app-musicgrid" class="container-fluid"> <div class="alertbox"></div> <h1>Musikgrid</h1> <table class="table table-striped"> <thead> <tr> <th></th> <th>00:00</th><th>01:00</th><th>02:00</th><th>03:00</th> <th>04:00</th><th>05:00</th><th>06:00</th><th>07:00</th> <th>08:00</th><th>09:00</th><th>10:00</th><th>11:00</th> <th>12:00</th><th>13:00</th><th>14:00</th><th>15:00</th> <th>16:00</th><th>17:00</th><th>18:00</th><th>19:00</th> <th>20:00</th><th>21:00</th><th>22:00</th><th>23:00</th> </tr> </thead> <tbody> <tr data-dow="1"> <th>Montag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="2"> <th>Dienstag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="3"> <th>Mittwoch</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="4"> <th>Donnerstag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="5"> <th>Freitag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="6"> <th>Samstag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> <tr data-dow="0"> <th>Sonntag</th> <td data-hour="0"></td><td data-hour="1"></td><td data-hour="2"></td><td data-hour="3"></td> <td data-hour="4"></td><td data-hour="5"></td><td data-hour="6"></td><td data-hour="7"></td> <td data-hour="8"></td><td data-hour="9"></td><td data-hour="10"></td><td data-hour="11"></td> <td data-hour="12"></td><td data-hour="13"></td><td data-hour="14"></td><td data-hour="15"></td> <td data-hour="16"></td><td data-hour="17"></td><td data-hour="18"></td><td data-hour="19"></td> <td data-hour="20"></td><td data-hour="21"></td><td data-hour="22"></td><td data-hour="23"></td> </tr> </tbody> </table> </div> </div> <div id="hiddenTemplates" class="hidden"> <div class="row-fluid group jingleGroupTemplate"> <div class="span12"> <h2></h2> <table class="table table-striped"> <thead> <tr> <th>Cut #</th> <th>Titel</th> <th>Aktionen</th> </tr> </thead> <tbody> </tbody> <tfoot> </tfoot> </table> <button class="uploadButton btn btn-success btn"><i class="icon-upload icon-white"></i> Importieren</button> </div> </div> <div class="row-fluid musicpool musicpoolTemplate"> <div class="span12"> <h2></h2> <table class="table table-striped"> <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> <tfoot> </tfoot> </table> <button class="uploadButton btn btn-success btn"><i class="icon-upload icon-white"></i> Importieren</button> </div> </div> <table> <tr class="progressBar progressBarTemplate jingles"> <td class="file-bytes"> beginne... </td> <td> <div class="progress"><div class="bar" style="width: 0%;"></div></div> </td> <td> <button class="btn btn-danger btn-mini"><i class="icon-remove icon-white"></i> Abbrechen</button> </td> </tr> </table> <table> <tr class="progressBar progressBarTemplate musicpools"> <td class="cart-number"> ... </td> <td class="file-name"> ... </td> <td class="file-bytes"> beginne... </td> <td colspan="3"> <div class="progress"><div class="bar" style="width: 0%;"></div></div> </td> <td> <button class="btn btn-danger btn-mini"><i class="icon-remove icon-white"></i> Abbrechen</button> </td> </tr> </table> </div> </div> <script type="text/javascript"> auth_init(); apps_init(); clock_init(); </script> </body> </html>