-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (107 loc) · 4.48 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../bower_components/d3/d3.min.js"></script>
<script src="js/linux.js"></script>
<script src="js/windows.js"></script>
<script src="js/stream.js"></script>
<script src="js/mac.js"></script>
<script src="js/helpers.js"></script>
<script src="js/view.js"></script>
<script src="js/debug.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div class="container">
<div class="row st-title-bar">
<div class="col-md-12">
<div class="pull-right" id="close">
<span class="st-pointer glyphicon glyphicon-remove"></span>
</div>
<span class="st-title"><b>Stream</b><span class="st-punch-blue">Tim</span></span>
</div>
</div>
<div class="row st-centered">
<div class="col-md-12 st-main-content">
<div id="noVlcFound">
<h1>I can't find Vlc on your computer.</h1>
<br/>
<br/>
<p>If you don't have it, please install it from
<a id="vlcWebsite" class="st-pointer st-punch-blue">videolan.org/vlc/</a>
</p>
<br/>
<p>If you do have it, please tell me where it is
<input style="display:none;" id="fileDialog" type="file"/>
<button id="fileButton" class="btn btn-primary">Browse ...</button>
</p>
</div>
<div id="waitMagnet">
<h1>Just waiting for your input ...</h1>
<br/>
<div class="row">
<div class="col-sm-9" style="text-align: right">
Browse a torrent website, and click on a magnet link
</div>
<div class="col-sm-3" style="text-align: left">
<span class="st-punch-blue glyphicon glyphicon-magnet"></span><br/><br/>
</div>
</div>
<br/>
<div class="row">
<div class="col-sm-6" style="text-align: right; padding-top:6px ">
Or paste a link to a torrent
</div>
<div class="col-sm-4" style="text-align: left">
<div class="input-group">
<input type="text" class="form-control" id="torrentInput">
<span class="input-group-btn">
<button class="btn btn-primary" type="button" id="torrentInputButton">Go</button>
</span>
</div>
</div>
</div>
<br/><br/>
<div class="row" id="invalidLink">
<div class="col-sm-offset-3 col-sm-6">
<div class="alert alert-danger">
The link you provided <b>is not valid</b>.
</div>
</div>
</div>
<div class="row" id="moreInformation">
<div class="col-sm-12">
As soon as I have the necessary information, <br/>
I will start streaming the corresponding movie in Vlc.
</div>
</div>
</div>
<div id="prepareStream">
<h1>Preparing your torrent</h1>
<br/>
<br/>
<img src="load.svg">
</div>
<div id="streamView">
<div class="row">
<div class="col-md-12 ">
<h3><span class="st-punch-blue" id="numberOfPeers"></span> peers and
<span class="st-punch-blue" id="downloadedAmount"></span> downloaded</h3>
<br/>
<svg width="0" height="0">
</svg>
<p>Please, wait until Vlc starts then wait until your movie starts.<br/>
This could take a few minutes.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>