the-old-stuff/cyb3r-downloader
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.4.0 Alpha #002

Browse Source
This commit is contained in:
Theenoro
2017-08-28 23:43:54 +02:00
parent d7958e1594
commit 27053a4880
11 changed files with 161 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/view/layout.html
View File

@@ -10,7 +10,7 @@
</script>
<script src="./../libs/jquery/jquery-3.2.1.min.js"></script>
<script src="./../libs/bootstrap/js/bootstrap.js"></script>
<script src="./../js/player.js"></script>
<meta charset="utf-8">
<title>Cyb3r Downloader</title>
<link rel="stylesheet" href="./../libs/bootstrap/css/bootstrap.css" />
@@ -18,6 +18,7 @@
<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" />
<link rel="stylesheet" href="./../style/player.css" />
</head>
<body>
@@ -45,12 +46,12 @@
<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>
</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>
@@ -65,18 +66,32 @@
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="player">
<table class="table table-striped" id="watchr_files">
<div class="row">
<div class="col-md-12">
<div id="watchr_files">
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="embed-responsive embed-responsive-16by9">
<video controls="true" id="video"></video>
<video id="video"></video>
</div>
<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" id="pot" style="margin:0;"><i class="fa fa-window-restore" aria-hidden="true"></i></button>
</div>
<button id="pot">POT</button>
<div class="left-playlist">
</div>

39
src/app/view/pot.html
View File

@@ -10,6 +10,7 @@
</script>
<script src="./../libs/jquery/jquery-3.2.1.min.js"></script>
<script src="./../libs/bootstrap/js/bootstrap.js"></script>
<script src="./../js/player.js"></script>
<meta charset="utf-8">
<title>Cyb3r Downloader - Player on Top</title>
@@ -18,6 +19,7 @@
<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" />
<link rel="stylesheet" href="./../style/player.css" />
<style>
video {
max-width: 100%;
@@ -38,43 +40,6 @@
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;