<!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/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/javascript/twitter-bootstrap/css/datepicker3.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">
</head>
<body>
<div class="container">
<div id="loginbox">
<form id="loginform" class="form-auth" role="form">
<img class="visible-xs-block" src="/img/helsinki-small.png" alt="radio helsinki logo" />
<div class="loginspacer hidden-xs"> </div>
<div class="loginspacer hidden-xs hidden-sm"> </div>
<img class="hidden-xs" src="/img/helsinki.png" alt="radio helsinki logo" width="176" height="176" />
<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-lg" type="submit"><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span> Anmelden</button>
</form>
</div>
<div id="mainwindow">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand">Radio Helsinki - Import</span>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<div class="navbar-left">
<ul class="nav navbar-nav">
<li id="nav-btn-shows"><a href="/shows/">Sendungen</a></li>
<li id="nav-btn-jingles"><a href="/jingles/">Jingles</a></li>
<li id="nav-btn-musicpools"><a href="/musicpools/">Musikpools</a></li>
<li id="nav-btn-musicgrid"><a href="/musicgrid/">Musikgrid</a></li>
</ul>
</div>
<div class="navbar-right">
<p class="navbar-text">angemeldet als <strong id="username-field">UNKNOWN</strong></p>
<button type="button" class="btn btn-danger navbar-btn logout">
<span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> Abmelden
</button>
</div>
</div>
</div>
</nav>
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<ul class="nav nav-tabs">
<li role="presentation" class="active">
<a href="#local" data-tab-name="local">
<span class="glyphicon glyphicon-upload"></span>
Lokale Datei
</a>
</li>
<li role="presentation">
<a href="#archive" data-tab-name="archive">
<span class="glyphicon glyphicon-hdd"></span>
Programm Archiv
</a>
</li>
<li role="presentation">
<a href="#external" data-tab-name="external">
<span class="glyphicon glyphicon-cloud-download"></span>
Externe Quelle
</a>
</li>
</ul>
</div>
<div class="modal-body">
<div class="upload-tabs">
<div class="tab-local">
<div class="drop">
<form>
<input id="file" name="file" type="file" accept=".flac,.wav,.ogg,.mp3,.m4a,.mp4,.opus,.mkv" />
<ul></ul>
</form>
</div>
</div>
<div class="tab-archive">
<div class="datepicker"></div>
<input class="spinner" name="spinner" value="" placeholder="00:00" />
</div>
<div class="tab-external">
<div class="well well-sm">
<h3><span class="label label-warning">Wichtig</span></h3>
<b>Natürlich ist besonders beim Import von externen Quellen darauf zu achten, dass
das Material auch ausgestrahlt werden darf!</b>
</div>
<form>
<label for="sourceUri"></label>
<input id="sourceUri" name="sourceUri" size="50" list="sampleSources"
placeholder="http://, https://, ftp://, ..." />
<datalist id="sampleSources">
<option value="http://">
<option value="https://">
<option value="ftp://">
<option value="ftps://">
<option value="https://cba.fro.at/285534">
</datalist>
</form>
<p>
Externe Quellen können Links zu Dateien auf Webseiten oder von FTP Servern sein.
Ausserdem können hier Links zu Beiträgen auf der CBA und anderen Portalen verwendet werden.
Eine nicht vollständige Liste der Seiten die unterstützt werden:
<br />
<a href="https://cba.fro.at">CBA</a>,
<a href="https://dropbox.com">Dropbox</a>,
<a href="https://www.soundcloud.com">Soundcloud</a>,
<a href="https://www.mixcloud.com">Mixcloud</a>,
<a href="https://www.youtube.com">YouTube</a>,
<a href="https://www.vimeo.com">Vimeo</a>, uvm...
<br /><br />
Um einen Beitrag von diesen Portalen zu importieren einfach den Link aus der Adressleiste
des Browser kopieren während der ensptrechende Beitrag angezeigt wird.
</p>
<ul class="list-group">
<li class="list-group-item disabled">Beispiele</li>
<li class="list-group-item">https://cba.fro.at/285534</li>
<li class="list-group-item">https://www.mixcloud.com/disko404/sub-fm-radio-helsinki-disko404-radio-w-videogames-ost-special-simonoff-b2b-doze-23-07-15/</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-default" id="uploadModal-cancel" data-dismiss="modal">Abbrechen</button>
<button class="btn btn-primary" id="uploadModal-confirm" disabled="disabled">Importieren</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="musicpoolModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Musikpool auswählen...</h4>
</div>
<div class="modal-body">
<table class="table table-striped">
<thead>
<tr>
<th>Clock</th>
<th>Titel</th>
<th>Ausgewählt</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal">Abbrechen</button>
</div>
</div>
</div>
</div>
<div id="app-shows" class="container-fluid app-tab">
<div class="alertbox"></div>
<div class="row">
<div class="col-md-10">
<div class="row">
<div class="col-md-12" id="show-header-spacer">
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="dropdown">
<button type="button" class="btn btn-lg btn-primary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Sendung auswählen <span class="caret"></span>
</button>
<ul class="dropdown-menu" id="show-selector">
</ul>
</div>
</div>
<div class="col-md-9">
<h2 id="show-title"></h2>
</div>
</div>
</div>
<div class="col-md-2">
<div id="clock">
<a href="https://radi-o-matic.helsinki.at/weeks" target="_blank"><span class="current-week"></span></a>
<span class="clock-date"></span>
<span class="clock-time"></span>
</div>
</div>
</div>
<div class="row" id="show-details">
<div class="col-md-1"> </div>
<div class="col-md-2">
<strong>Tag:</strong> <span id="show-dow"></span>
</div>
<div class="col-md-3">
<strong>Rhythmus:</strong> <span id="show-rhythm-w1" class="label label-default">1</span>
<span id="show-rhythm-w2" class="label label-default">2</span>
<span id="show-rhythm-w3" class="label label-default">3</span>
<span id="show-rhythm-w4" class="label label-default">4</span>
</div>
<div class="col-md-2">
<strong>Startzeit:</strong> <span id="show-starttime"></span>
</div>
<div class="col-md-2">
<strong>Dauer:</strong> <span id="show-length"></span>
</div>
<div class="col-md-2"> </div>
</div>
<div class="row">
<div class="col-md-12">
<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 app-tab">
<div class="alertbox"></div>
<div class="groups">
</div>
</div>
<div id="app-musicpools" class="container-fluid app-tab">
<div class="alertbox"></div>
<div class="row">
<div class="col-md-12" id="musicpool-header-spacer">
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="dropdown">
<button type="button" class="btn btn-lg btn-primary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Musikpool auswählen <span class="caret"></span>
</button>
<ul class="dropdown-menu" id="musicpool-selector">
</ul>
</div>
</div>
<div class="col-md-9">
<h2 id="musicpool-title"></h2>
</div>
</div>
<div class="musicpoolContainer">
</div>
</div>
<div id="app-musicgrid" class="container-fluid app-tab">
<div class="alertbox"></div>
<h2 id="musicgrid-title">Musikgrid</h2>
<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 group jingleGroupTemplate">
<div class="col-md-12">
<h2 class="jingle-title"></h2>
<table class="table table-striped">
<thead>
<tr>
<th></th>
<th>Cut #</th>
<th>Titel</th>
<th>Länge</th>
<th>zuletzt gespielt</th>
<th class="text-center">Aktionen</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
<button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span> Importieren</button>
</div>
</div>
<div class="row musicpool musicpoolTemplate">
<div class="col-md-12">
<table class="table table-striped">
<thead>
<tr>
<th>Cart #</th>
<th>Titel</th>
<th>Interpret</th>
<th>Album</th>
<th>Länge</th>
<th>importiert</th>
<th># gespielt</th>
<th>zuletzt gespielt</th>
<th class="text-center">Aktionen</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
</tfoot>
</table>
<button class="uploadButton btn btn-primary"><span class="glyphicon glyphicon-plus-sign"></span> Importieren</button>
</div>
</div>
<table>
<tr class="progressBar progressBarTemplate shows">
<td class="cart-number">
...
</td>
<td class="file-name">
...
</td>
<td class="file-bytes">
beginne...
</td>
<td colspan="3">
<div class="progress"><div class="progress-bar"></div></div>
</td>
<td class="text-center">
<button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> Abbrechen</button>
</td>
</tr>
</table>
<table>
<tr class="progressBar progressBarTemplate jingles">
<td><span class="label label-default"><span class="glyphicon glyphicon-transfer"></span></span></td>
<td class="cut-number">
...
</td>
<td class="file-name">
...
</td>
<td class="file-bytes">
beginne...
</td>
<td colspan="1">
<div class="progress"><div class="progress-bar"></div></div>
</td>
<td class="text-center">
<button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> 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="5">
<div class="progress"><div class="progress-bar"></div></div>
</td>
<td class="text-center">
<button class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-remove"></span> Abbrechen</button>
</td>
</tr>
</table>
<div class="sk-fading-circle spinnerTemplate">
<div class="sk-circle1 sk-circle"></div>
<div class="sk-circle2 sk-circle"></div>
<div class="sk-circle3 sk-circle"></div>
<div class="sk-circle4 sk-circle"></div>
<div class="sk-circle5 sk-circle"></div>
<div class="sk-circle6 sk-circle"></div>
<div class="sk-circle7 sk-circle"></div>
<div class="sk-circle8 sk-circle"></div>
<div class="sk-circle9 sk-circle"></div>
<div class="sk-circle10 sk-circle"></div>
<div class="sk-circle11 sk-circle"></div>
<div class="sk-circle12 sk-circle"></div>
</div>
</div>
</div>
<script src="/javascript/jquery/jquery.min.js"></script>
<script src="/javascript/bootstrap/js/bootstrap.min.js"></script>
<script src="/javascript/twitter-bootstrap/js/bootstrap-datepicker.js"></script>
<script src="/js/rdxport.js"></script>
<script src="/js/rdxport.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/shows.js"></script>
<script src="/js/jingles.js"></script>
<script src="/js/musicpools.js"></script>
<script src="/js/musicgrid.js"></script>
<script src="/js/router.js"></script>
</body>
</html>