mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
Added adminpanel to this repo
This commit is contained in:
Kasper Rynning-Tønnesen
172
server/public/layouts/admin/authenticated.handlebars
Normal file
172
server/public/layouts/admin/authenticated.handlebars
Normal file
@@ -0,0 +1,172 @@
|
||||
<header>
|
||||
<nav id="fp-nav">
|
||||
<div class="nav-wrapper">
|
||||
<a href="#" class="brand-logo noselect">
|
||||
<img class="zicon" src="/assets/images/squareicon_small.png" alt="Zoff" title="Zoff" />
|
||||
</a>
|
||||
<ul class="right">
|
||||
<li><a class="header-buttons waves-effect waves-cyan" id="logout" title="Logout" href="/logout">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="container center-align admin_panel">
|
||||
<div class="row">
|
||||
<h2 class="col s11">Admin</h2>
|
||||
<a href="#" id="refresh_all" class="col s1"><h2><i class="material-icons">refresh</i></h2></a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12 m10">
|
||||
<ul class="tabs tabs_admin">
|
||||
<li class="tab col s3"><a class="active" href="#general">General</a></li>
|
||||
<li class="tab col s3"><a href="#thumbnails">Thumbnails<span class="new thumbnails-badge badge admin-panel hide"></span></a></li>
|
||||
<li class="tab col s3"><a href="#descriptions">Descriptions<span class="new descriptions-badge badge admin-panel hide"></span></a></li>
|
||||
<li class="tab col s3"><a href="#names">Names</a></li>
|
||||
</ul>
|
||||
<div id="general" class="col s12">
|
||||
<div class="preloader-wrapper big active">
|
||||
<div class="spinner-layer spinner-zoff-only">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="channel_things hide">
|
||||
<form id="change_pinned">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="frontpage_pinned">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Change Pinned</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="change_pinned_button" class="btn green waves-effect">UPDATE</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="delete_list">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="delete_list_name">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Delete Admin</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="delete_admin_button" class="btn orange waves-effect">UPDATE</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="delete_userpass">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="delete_userpass_name">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Delete Userpass</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="delete_userpass_button" class="btn blue waves-effect">UPDATE</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<form id="delete_channel">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="delete_channel_name">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Delete Channel</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="delete_channel_button" class="btn red waves-effect">DELETE</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<input type="text" readonly id="new_token" />
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="get_token" class="btn waves-effect">TOKEN</a>
|
||||
<a href="#" id="remove_token" class="btn red waves-effect hide">REMOVE</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="thumbnails" class="col s12">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="remove_thumbnail">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Remove Thumbnail</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="remove_thumbnail_button" class="btn red waves-effect">REMOVE</a>
|
||||
</div>
|
||||
<div id="thumbnails_cont" class="col s12">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="descriptions" class="col s12">
|
||||
<div class="row">
|
||||
<div class="input-field col s8 m10">
|
||||
<select id="remove_description">
|
||||
<option value="" disabled>Channels</option>
|
||||
</select>
|
||||
<label>Remove Description</label>
|
||||
</div>
|
||||
<div class="col s2">
|
||||
<a href="#" id="remove_description_button" class="btn red waves-effect">REMOVE</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="descriptions_cont" class="col s12">
|
||||
</div>
|
||||
</div>
|
||||
<div id="names" class="col s12">
|
||||
<div class="row names-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col s10 m2 left-align" id="listeners">
|
||||
<div class="row">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="page-footer cursor-default">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col l6 s12">
|
||||
<h5 class="white-text">Zoff</h5>
|
||||
<p class="grey-text text-lighten-4">The shared YouTube radio</p>
|
||||
<p class="grey-text text-lighten-4">
|
||||
Being built around the YouTube search and video API
|
||||
it enables the creation of collaborative and shared live playlists,
|
||||
with billions of videos and songs to choose from, all for free and without registration.
|
||||
<br />
|
||||
Enjoy!
|
||||
</p>
|
||||
</div>
|
||||
<div class="col l4 offset-l2 s12 valign-wrapper">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copyright">
|
||||
<div class="container">
|
||||
© {{year}}
|
||||
<a href="http://nixo.no">Nixo</a> &
|
||||
<a href="http://kasperrt.no">KasperRT</a>
|
||||
<br>
|
||||
All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
70
server/public/layouts/admin/main.handlebars
Normal file
70
server/public/layouts/admin/main.handlebars
Normal file
@@ -0,0 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>
|
||||
Zoff Admin
|
||||
</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="theme-color" content="#2D2D2D">
|
||||
<meta property="og:image" content="https://zoff.me/assets/images/favicon.png">
|
||||
<meta property="og:url" content="https://admin.zoff.me">
|
||||
<meta property="og:title" content="Zoff Admin">
|
||||
<meta property="og:description" content="Zoff admin panel">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="icon" id="favicon" type="image/png" href="https://zoff.me/assets/images/favicon.png">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-2.2.4.min.js"
|
||||
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
|
||||
crossorigin="anonymous"></script>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
|
||||
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="https://zoff.me/assets/css/style.css" title="Default" />
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
|
||||
<script type="text/javascript" src="/assets/admin/{{{where_get}}}/js/main.js"></script>
|
||||
<style>
|
||||
.preloader-wrapper {
|
||||
margin-top:15%;
|
||||
}
|
||||
|
||||
.spinner-zoff-only {
|
||||
border-color: #2d2d2d !important;
|
||||
}
|
||||
.tab a{
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.name-chat {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.chat-icon {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.tabs_admin{
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
.tabs_admin .indicator{
|
||||
width: initial !important;
|
||||
background: black !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{{{body}}}
|
||||
</body>
|
||||
</html>
|
||||
11
server/public/layouts/admin/not_authenticated.handlebars
Normal file
11
server/public/layouts/admin/not_authenticated.handlebars
Normal file
@@ -0,0 +1,11 @@
|
||||
<main class="container valign-wrapper row">
|
||||
<div class="center-align col m6 offset-m3">
|
||||
<img src="https://zoff.me/assets/images/favicon.png" width="100" height="100" alt="image" />
|
||||
<form action="/login" id="login_form" method="POST">
|
||||
<input type="text" name="username" placeholder="Username" required autofocus="on" autocomplete="off" />
|
||||
<input type="password" name="password" placeholder="Password" required />
|
||||
<input type="submit" class="hide">
|
||||
<a href="#" class="btn grey darken-3 waves-effect" id="login_button">LOGIN</a>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
Reference in New Issue
Block a user