1.4.0 Alpha
This commit is contained in:
@@ -25,43 +25,61 @@
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="sidebar-nav">
|
||||
<ul class="nav nav-list">
|
||||
<li class="nav-header">Navigation</li>
|
||||
<li class="active"><a href=""><i class="fa fa-download" aria-hidden="true"></i> Downloader</a></li>
|
||||
<li><a href="#"><i class="fa fa-play-circle-o" aria-hidden="true"></i> Player</a></li>
|
||||
</ul>
|
||||
<ul class="nav nav-tabs nav-pills nav-stacked" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#download" aria-controls="download" role="tab" data-toggle="tab">Download</a></li>
|
||||
<li role="presentation"><a href="#player" aria-controls="player" role="tab" data-toggle="tab">Player</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<dic class="col-md-10">
|
||||
<input id="business" type="file" style="display: none" />
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group input-group-lg">
|
||||
<span class="input-group-btn">
|
||||
<button id="party" class="very-sweet-looking btn btn-success btn-sm">Select Folder</button>
|
||||
</span>
|
||||
<input type="text" class="form-control input-sm" maxlength="128" id="url" placeholder="YT-Url" />
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Format <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" id="format">
|
||||
<li><a href="#" class="format" data-format="mp3">MP3</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#" class="format" data-format="mp4">MP4</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="input-group-btn">
|
||||
<button type="button" id="start-download" class="btn btn-success btn-sm">Download</button>
|
||||
</span>
|
||||
<div class="col-md-6">
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane fade in active" id="download">
|
||||
<input id="business" type="file" style="display: none" />
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="input-group input-group-lg">
|
||||
<span class="input-group-btn">
|
||||
<button id="party" class="very-sweet-looking btn btn-success btn-sm">Select Folder</button>
|
||||
</span>
|
||||
<input type="text" class="form-control input-sm" maxlength="128" id="url" placeholder="YT-Url" />
|
||||
<span class="input-group-btn">
|
||||
<button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Format <span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" id="format">
|
||||
<li><a href="#" class="format" data-format="mp3">MP3</a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#" class="format" data-format="mp4">MP4</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="input-group-btn">
|
||||
<button type="button" id="start-download" class="btn btn-success btn-sm">Download</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row scroll">
|
||||
<div class="col-md-12" id="output">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row scroll">
|
||||
<div class="col-md-12" id="output">
|
||||
<div role="tabpanel" class="tab-pane fade" id="player">
|
||||
<table class="table table-striped" id="watchr_files">
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<video controls="true" id="video"></video>
|
||||
</div>
|
||||
<button id="pot">POT</button>
|
||||
<div class="left-playlist">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
112
src/app/view/pot.html
Normal file
112
src/app/view/pot.html
Normal file
@@ -0,0 +1,112 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script>
|
||||
if (typeof module === 'object') {
|
||||
window.module = module;
|
||||
module = undefined;
|
||||
}
|
||||
</script>
|
||||
<script src="./../libs/jquery/jquery-3.2.1.min.js"></script>
|
||||
<script src="./../libs/bootstrap/js/bootstrap.js"></script>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<title>Cyb3r Downloader - Player on Top</title>
|
||||
<link rel="stylesheet" href="./../libs/bootstrap/css/bootstrap.css" />
|
||||
<link rel="stylesheet" href="./../libs/bootstrap/css/bootstrap-theme.css" />
|
||||
<link rel="stylesheet" href="./../libs/font-awesome/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="./../style/progress.css" />
|
||||
<link rel="stylesheet" href="./../style/style.css" />
|
||||
<style>
|
||||
video {
|
||||
max-width: 100%;
|
||||
width:100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
body{
|
||||
overflow:hidden;
|
||||
}
|
||||
body > nav > div > button {
|
||||
margin: 0;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.navbar{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 35px;
|
||||
min-height: 35px;
|
||||
width:100%;
|
||||
}
|
||||
#time
|
||||
{
|
||||
cursor: pointer;
|
||||
height: 10px;
|
||||
margin-bottom: 10px;
|
||||
outline: thin solid #e01931;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
vertical-align: -webkit-baseline-middle;
|
||||
line-height: 1.42857143; height: 9px;
|
||||
display:inline-block;
|
||||
top: 13px;
|
||||
}
|
||||
#volume
|
||||
{
|
||||
cursor: pointer;
|
||||
height: 10px;
|
||||
margin-bottom: 10px;
|
||||
outline: thin solid #e01931;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
vertical-align: -webkit-baseline-middle;
|
||||
line-height: 1.42857143; height: 9px;
|
||||
display:inline-block;
|
||||
top: 13px;
|
||||
}
|
||||
#time span ,#volume span
|
||||
{
|
||||
background-color: #e01931;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 10px;
|
||||
width: 0px;
|
||||
}
|
||||
body .navbar{
|
||||
opacity: 0;
|
||||
transition: .3s all;
|
||||
position: fixed;
|
||||
}
|
||||
body:hover .navbar{
|
||||
opacity: 1;
|
||||
transition: .3s all;
|
||||
background-color: rgba(51, 51, 51, 0.64);
|
||||
box-shadow: 5px 0px 6px 6px rgba(51, 51, 51, 0.64);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="margin:0">
|
||||
<nav class="navbar navbar-static-top">
|
||||
<div style=" margin: 0; padding: 0; height: 35px; display:flex;">
|
||||
<button class="btn nabbar-btn btn-success" style="margin:0;" id="play"><i class="fa fa-pause-circle-o" aria-hidden="true"></i></button>
|
||||
<div id="time">
|
||||
<span></span>
|
||||
</div>
|
||||
<button class="btn nabbar-btn btn-success" style="margin:0;" ><i class="fa fa-volume-up" aria-hidden="true"></i></button>
|
||||
<div id="volume">
|
||||
<span></span>
|
||||
</div>
|
||||
<button class="btn navbar-btn btn-success" style="-webkit-app-region: drag;margin: 0;"><i class="fa fa-arrows" aria-hidden="true"></i></button>
|
||||
<button class="btn navbar-btn btn-success" id="close" style="margin:0;"><i class="fa fa-window-close-o" aria-hidden="true"></i></button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<video id="video"></video>
|
||||
<script src="./../js/pot_main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user