-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (106 loc) · 6.37 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
<!DOCTYPE html>
<html style="height: 100%;min-height: 800px;">
<head>
<meta charset="UTF-8">
<title>Cliente P2P - Conectando al Balanceador...
</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/tab.css">
<link rel="stylesheet" href="./assets/css/table.css">
</head>
<body style="height: 100%;">
<section style="background:#efefe9; height: 100%;">
<div class="container" style="height: 100%;">
<div class="row" style="height: 100%;">
<div class="board" style=" height: calc(100% - 150px);">
<!-- <h2>Welcome to IGHALO!<sup>™</sup></h2>-->
<div class="board-inner">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a href="#search" data-toggle="tab" title="Búsqueda de archivos">
<span class="round-tabs two">
<i class="glyphicon glyphicon-search"></i>
</span>
</a>
</li>
<li>
<a href="#download" data-toggle="tab" title="Visor de descargas">
<span class="round-tabs three">
<i class="glyphicon glyphicon glyphicon-download"></i>
</span>
</a>
</li>
</ul>
</div>
<div class="tab-content" style="height: calc(100% - 110px);">
<div class="tab-pane fade in active" id="search" style="height: 100%">
<section class="panel" style="height: 100%">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<div class="input-group"><input id="text-search" type="text" placeholder="Nombre de archivo a buscar" class="input-sm form-control">
<span class="input-group-btn">
<button id="button-search" type="button" class="btn btn-sm btn-success" disabled="">
¡Buscar!</button>
</span>
</div>
</div>
</div>
</div>
<div id="info-no-files" class="alert alert-info" role="alert" hidden>Upps.. ¡No se encontró ningún archivo con ese nombre!</div>
<div style="height: calc(100% - 60px); overflow-y:auto;">
<table id="search-table" class="table table-hover p-table header-fixed">
<thead>
<tr>
<th>Nombre</th>
<th>Tamaño</th>
<th>Cantidad de Pares</th>
<th>Acción</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</section>
</div>
<div class="tab-pane fade" id="download" style=" height: 100%;">
<div style=" height: 50%;overflow: auto;">
<h4>Descargas</h4>
<table id="download-table" class="table table-hover p-table header-fixed download">
<thead>
<tr>
<th>Nombre</th>
<th>Tamaño</th>
<th>Cantidad de Pares</th>
<th>Estado</th>
<th></th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div style="height: calc(50% - 20px);overflow: auto;border-top: solid 20px #efefe9;" id="container-peers">
<table id="peers-table" class="table table-hover p-table header-fixed table-striped table-bordered table-condensed download">
<thead>
<tr>
<th>Archivo</th>
<th>IP</th>
<th>Fragmento</th>
<th>Estado</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</body>
<script>
window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.min.js');
require('./node_modules/bootstrap/dist/js/bootstrap.min.js')
require('./assets/js/tab.js')
require('./controller.js')
</script>
</html>