]>
git.immae.eu Git - perso/Immae/Projets/Nodejs/Surfer.git/blob - app/index.html
773b5cf6c35e0c691fbd5067dd5390fac23fd251
3 <title> Cloudron Surfer
</title>
5 <link rel=
"stylesheet" href=
"/admin/css/font-awesome.min.css">
6 <link rel=
"stylesheet" href=
"/admin/css/bootstrap.min.css">
7 <link rel=
"stylesheet" href=
"/admin/css/style.css">
12 <nav class=
"navbar navbar-default" v-cloak
>
13 <div class=
"container-fluid">
14 <!-- Brand and toggle get grouped for better mobile display -->
15 <div class=
"navbar-header">
16 <button type=
"button" class=
"navbar-toggle collapsed" data-toggle=
"collapse" data-target=
"#bs-example-navbar-collapse-1" aria-expanded=
"false">
17 <span class=
"sr-only">Toggle navigation
</span>
18 <span class=
"icon-bar"></span>
19 <span class=
"icon-bar"></span>
20 <span class=
"icon-bar"></span>
22 <a class=
"navbar-brand" href=
"#">Surfer
</a>
25 <!-- Collect the nav links, forms, and other content for toggling -->
26 <div class=
"collapse navbar-collapse" id=
"bs-example-navbar-collapse-1">
27 <ul class=
"nav navbar-nav navbar-right">
28 <li v-show=
"session.valid"><a href=
"#">Upload
</a></li>
29 <li v-show=
"session.valid"><a href=
"#" ng-click=
"logout()">Logout
</a></li>
35 <div class=
"container" v-show=
"busy" v-cloak
>
37 <div class=
"col-lg-12">
45 <div class=
"container" v-show=
"!session.valid && !busy" v-cloak
>
47 <div class=
"col-lg-6 col-lg-offset-3">
48 <form v-on:submit.
prevent=
"login()">
49 <div class=
"form-group">
50 <label for=
"inputUsername">Username
</label>
51 <input type=
"text" class=
"form-control" id=
"inputUsername" v-model=
"loginData.username" placeholder=
"Username">
53 <div class=
"form-group">
54 <label for=
"inputPassword">Password
</label>
55 <input type=
"password" class=
"form-control" id=
"inputPassword" v-model=
"loginData.password" placeholder=
"Password">
57 <button type=
"submit" class=
"btn btn-default">Submit
</button>
63 <div class=
"container" v-show=
"session.valid && !busy" v-cloak
>
65 <div class=
"col-lg-12">
66 <ol class=
"breadcrumb">
67 <li><i class=
"fa fa-home"></i> </li>
68 <li v-for=
"part in pathParts">
73 <div class=
"col-lg-12">
74 <table class=
"table table-hover table-condensed">
81 <th style=
"text-align: right;">Action
</th>
85 <tr v-show=
"path !== '/'" v-on:
click=
"up()" class=
"hand">
86 <th><i class=
"fa fa-chevron-up"></i></th>
91 <tr v-for=
"entry in entries" v-on:
click=
"open(entry)" class=
"hand">
93 <i class=
"fa fa-folder-o" v-show=
"entry.isDirectory"></i>
94 <i class=
"fa fa-file-o" v-show=
"entry.isFile"></i>
96 <th>{{ entry.filePath }}
</th>
97 <th>{{ entry.size }}
</th>
98 <th>{{ entry.mtime }}
</th>
99 <th style=
"text-align: right;"><button class=
"btn btn-sm btn-danger"><i class=
"fa fa-trash"></i></button></th>
107 <script src=
"/admin/js/jquery-1.12.1.min.js"></script>
108 <script src=
"/admin/js/bootstrap.min.js"></script>
109 <script src=
"/admin/js/vue.min.js"></script>
110 <script src=
"/admin/js/superagent.js"></script>
111 <script src=
"/admin/js/app.js"></script>