]>
git.immae.eu Git - perso/Immae/Projets/Nodejs/Surfer.git/blob - app/index.html
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=
"#" ng-click=
"logout()">Logout
</a></li>
34 <div class=
"container" v-show=
"busy" v-cloak
>
36 <div class=
"col-lg-12">
44 <div class=
"container" v-show=
"!session.valid && !busy" v-cloak
>
46 <div class=
"col-lg-6 col-lg-offset-3">
47 <form v-on:submit.
prevent=
"login()">
48 <div class=
"form-group">
49 <label for=
"inputUsername">Username
</label>
50 <input type=
"text" class=
"form-control" id=
"inputUsername" v-model=
"loginData.username" placeholder=
"Username">
52 <div class=
"form-group">
53 <label for=
"inputPassword">Password
</label>
54 <input type=
"password" class=
"form-control" id=
"inputPassword" v-model=
"loginData.password" placeholder=
"Password">
56 <button type=
"submit" class=
"btn btn-default">Submit
</button>
62 <div class=
"container" v-show=
"session.valid && !busy" v-cloak
>
64 <div class=
"col-lg-12">
66 <button class=
"btn btn-primary">Upload
</button>
70 <div class=
"col-lg-12">
71 <ol class=
"breadcrumb">
72 <li><i class=
"fa fa-home"></i> </li>
73 <li v-for=
"part in pathParts">
78 <div class=
"col-lg-12">
79 <table class=
"table table-hover table-condensed">
86 <th style=
"text-align: right;">Action
</th>
90 <tr v-show=
"path !== '/'" v-on:
click=
"up()" class=
"hand">
91 <th><i class=
"fa fa-chevron-up"></i></th>
96 <tr v-for=
"entry in entries" v-on:
click=
"open(entry)" class=
"hand">
98 <i class=
"fa fa-folder-o" v-show=
"entry.isDirectory"></i>
99 <i class=
"fa fa-file-o" v-show=
"entry.isFile"></i>
101 <th>{{ entry.filePath }}
</th>
102 <th>{{ entry.size }}
</th>
103 <th>{{ entry.mtime }}
</th>
104 <th style=
"text-align: right;"><button class=
"btn btn-sm btn-danger"><i class=
"fa fa-trash"></i></button></th>
112 <script src=
"/admin/js/jquery-1.12.1.min.js"></script>
113 <script src=
"/admin/js/bootstrap.min.js"></script>
114 <script src=
"/admin/js/vue.min.js"></script>
115 <script src=
"/admin/js/superagent.js"></script>
116 <script src=
"/admin/js/app.js"></script>