2018-09-14 15:03:27 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
2020-04-27 08:55:45 +02:00
< meta name = "theme-color" content = "#000000" >
2019-01-09 01:44:11 +01:00
< title > [[.Title]]< / title >
2018-09-17 15:01:50 +02:00
< link rel = "shortcut icon" type = "image/png" href = "/-/assets/favicon.png" / >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/bootstrap-3.3.5/css/bootstrap.min.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/font-awesome-4.6.3/css/font-awesome.min.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/css/github-markdown.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/css/dropzone.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/css/scrollUp-image.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/css/style.css" >
< link rel = "stylesheet" type = "text/css" href = "/-/assets/themes/[[.Theme]].css" >
2018-09-14 15:03:27 +02:00
< / head >
< body id = "app" >
< nav class = "navbar navbar-default" >
< div class = "container" >
< div class = "container" >
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle collapsed" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-2" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "navbar-brand" href = "/" > [[.Title]]< / a >
< / div >
< div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-2" >
< ul class = "nav navbar-nav" >
< li class = "hidden-xs" >
2018-09-25 09:59:38 +02:00
< a href = "javascript:void(0)" v-on:click = 'genQrcode()' >
2018-09-14 15:03:27 +02:00
View in Phone
< span class = "glyphicon glyphicon-qrcode" > < / span >
< / a >
< / li >
[[if eq .AuthType "openid"]]
2018-09-25 08:35:41 +02:00
< template v-if = "!user.email" >
< a href = "/-/login" class = "btn btn-sm btn-default navbar-btn" >
Sign in < span class = "glyphicon glyphicon-user" > < / span >
2018-09-14 15:03:27 +02:00
< / a >
2018-09-25 08:35:41 +02:00
< / template >
< template v-else >
< a href = "/-/logout" class = "btn btn-sm btn-default navbar-btn" >
< span v-text = "user.name" > < / span >
< i class = "fa fa-sign-out" > < / i >
2018-09-14 15:03:27 +02:00
< / a >
2018-09-25 08:35:41 +02:00
< / template >
2018-09-14 15:03:27 +02:00
[[end]]
2019-02-21 08:41:09 +01:00
[[if eq .AuthType "oauth2-proxy"]]
< template v-if = "!user.email" >
< a href = "#" class = "btn btn-sm btn-default navbar-btn" >
Guest < span class = "glyphicon glyphicon-user" > < / span >
< / a >
< / template >
< template v-else >
< a href = "/-/logout" class = "btn btn-sm btn-default navbar-btn" >
< span v-text = "user.name" > < / span >
< i class = "fa fa-sign-out" > < / i >
< / a >
< / template >
[[end]]
2018-09-14 15:03:27 +02:00
< / ul >
< form class = "navbar-form navbar-right" >
< div class = "input-group" >
2018-09-17 15:01:50 +02:00
< input type = "text" name = "search" class = "form-control" placeholder = "Search text" v-bind:value = "search"
autofocus>
2018-09-14 15:03:27 +02:00
< span class = "input-group-btn" >
2019-01-25 16:49:47 +01:00
< button class = "btn btn-default" type = "submit" >
2018-09-14 15:03:27 +02:00
< span class = "glyphicon glyphicon-search" > < / span >
< / button >
< / span >
< / div >
< / form >
< ul id = "nav-right-bar" class = "nav navbar-nav navbar-right" >
< / ul >
< / div >
< / div >
< / div >
< / nav >
< div class = "container" >
< div class = "col-md-12" >
< ol class = "breadcrumb" >
< li >
< a v-on:click = 'changePath("/", $event)' href = "/" > < i class = "fa fa-home" > < / i > < / a >
< / li >
< li v-for = "bc in breadcrumb.slice(0, breadcrumb.length-1)" >
< a v-on:click = 'changePath(bc.path, $event)' href = "{{bc.path}}" > {{bc.name}}< / a >
< / li >
< li v-if = "breadcrumb.length >= 1" >
{{breadcrumb.slice(-1)[0].name}}
< / li >
< / ol >
< table class = "table table-hover" v-if = "!previewMode" >
< thead >
< tr >
< td colspan = 4 >
<!-- <button class="btn btn - xs btn - default" v - on:click='toggleHidden()'>
Back < i class = "fa" v-bind:class = 'showHidden ? "fa-eye" : "fa-eye-slash"' > < / i >
< / button > -->
< div >
< button class = "btn btn-xs btn-default" onclick = "history.back()" >
Back < i class = "fa fa-arrow-left" > < / i >
< / button >
< button class = "btn btn-xs btn-default" v-on:click = 'toggleHidden()' >
Hidden < i class = "fa" v-bind:class = 'showHidden ? "fa-eye" : "fa-eye-slash"' > < / i >
< / button >
< button class = "btn btn-xs btn-default" v-show = "auth.upload" data-toggle = "modal" data-target = "#upload-modal" >
Upload < i class = "fa fa-upload" > < / i >
< / button >
< button class = "btn btn-xs btn-default" v-show = "auth.delete" @ click = "makeDirectory" >
New Folder < i class = "fa fa-folder" > < / i >
< / button >
< / div >
< / td >
< / tr >
< tr >
< th > Name< / th >
< th > Size< / th >
< th class = "hidden-xs" >
< span style = "cursor: pointer" v-on:click = 'mtimeTypeFromNow = !mtimeTypeFromNow' > ModTime< / span >
< / th >
< th > Actions< / th >
< / tr >
< / thead >
< tbody >
< tr v-for = "f in computedFiles" >
< td >
2019-08-10 06:21:51 +02:00
< a v-on:click = 'clickFileOrDir(f, $event)' href = "{{getEncodePath(f)}}" >
2018-09-14 15:03:27 +02:00
<!-- ?raw=false -->
< i style = "padding-right: 0.5em" class = "fa" v-bind:class = 'genFileClass(f)' > < / i > {{f.name}}
< / a >
2018-09-26 04:08:43 +02:00
<!-- for search -->
< button v-show = "f.type == 'file' && f.name.indexOf('/') >= 0" class = "btn btn-default btn-xs" @ click = "changeParentDirectory(f.path)" >
< i class = "fa fa-folder-open-o" > < / i >
< / button >
2018-09-14 15:03:27 +02:00
< / td >
< td > < span v-if = "f.type == 'dir'" > ~< / span > {{f.size | formatBytes}}< / td >
< td class = "hidden-xs" > {{formatTime(f.mtime)}}< / td >
< td style = "text-align: left" >
< template v-if = "f.type == 'dir'" >
2019-08-05 13:09:14 +02:00
< a class = "btn btn-default btn-xs" href = "{{getEncodePath(f)}}/?op=archive" >
2018-09-14 15:03:27 +02:00
< span class = "hidden-xs" > Archive< / span > Zip
< span class = "glyphicon glyphicon-download-alt" > < / span >
< / a >
2019-02-21 08:41:09 +01:00
< button class = "btn btn-default btn-xs" v-on:click = "showInfo(f)" >
< span class = "glyphicon glyphicon-info-sign" > < / span >
< / button >
2018-09-18 07:35:10 +02:00
< button class = "btn btn-default btn-xs" v-if = "auth.delete" v-on:click = "deletePathConfirm(f, $event)" >
< span style = "color:#CC3300" class = "glyphicon glyphicon-trash" > < / span >
< / button >
2018-09-14 15:03:27 +02:00
< / template >
< template v-if = "f.type == 'file'" >
2019-01-25 02:49:32 +01:00
< a class = "btn btn-default btn-xs hidden-xs" href = "{{genDownloadURL(f)}}" >
2018-09-14 15:03:27 +02:00
< span class = "hidden-xs" > Download< / span >
< span class = "glyphicon glyphicon-download-alt" > < / span >
< / a >
2018-09-17 15:01:50 +02:00
< button class = "btn btn-default btn-xs bstooltip" data-trigger = "manual" data-title = "Copied!"
data-clipboard-text="{{genDownloadURL(f)}}">
2018-09-14 15:03:27 +02:00
< i class = "fa fa-copy" > < / i >
< / button >
< button class = "btn btn-default btn-xs" v-on:click = "showInfo(f)" >
< span class = "glyphicon glyphicon-info-sign" > < / span >
< / button >
< button class = "btn btn-default btn-xs hidden-xs" v-on:click = "genQrcode(f.name)" >
< span v-if = "shouldHaveQrcode(f.name)" > QRCode< / span >
< span class = "glyphicon glyphicon-qrcode" > < / span >
< / button >
< a class = "btn btn-default btn-xs visible-xs" v-if = "shouldHaveQrcode(f.name)" href = "{{genInstallURL(f.name)}}" >
Install < i class = "fa fa-cube" > < / i >
< / a >
< button class = "btn btn-default btn-xs" v-if = "auth.delete" v-on:click = "deletePathConfirm(f, $event)" >
< span style = "color:#CC3300" class = "glyphicon glyphicon-trash" > < / span >
< / button >
< / template >
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< div class = "col-md-12" id = "preview" v-if = "preview.filename" >
< div class = "panel panel-default" >
< div class = "panel-heading" >
< h3 class = "panel-title" style = "font-weight: normal" >
< i class = "fa" v-bind:class = 'genFileClass(previewFile)' > < / i > {{preview.filename}}
< / h3 >
< / div >
< div class = "panel-body" >
< article class = "markdown-body" > {{{preview.contentHTML }}}
< / article >
< / div >
< / div >
< / div >
< div class = "col-md-12" id = "content" >
<!-- Small qrcode modal -->
< div id = "qrcode-modal" class = "modal fade" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" >
< span id = "qrcode-title" > < / span >
< a style = "font-size: 0.6em" href = "#" id = "qrcode-link" > [view]< / a >
< / h4 >
< / div >
< div class = "modal-body clearfix" >
< div id = "qrcodeCanvas" class = "pull-left" > < / div >
< div id = "qrcodeRight" class = "pull-left" >
< p >
< a href = "#" > 下载链接< / a >
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Upload modal -->
< div id = "upload-modal" class = "modal fade" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" >
< i class = "fa fa-upload" > < / i > File upload
< / h4 >
< / div >
< div class = "modal-body" >
< form action = "#" class = "dropzone" id = "upload-form" > < / form >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-default" @ click = "removeAllUploads" > RemoveAll< / button >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Close< / button >
< / div >
< / div >
< / div >
< / div >
<!-- File info modal -->
< div id = "file-info-modal" class = "modal fade" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" >
< span id = "file-info-title" > < / span >
< / h4 >
< / div >
< div class = "modal-body" >
< pre id = "file-info-content" > < / pre >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-12" >
< div id = "footer" class = "pull-right" style = "margin: 2em 1em" >
2020-12-05 15:01:38 +01:00
< a href = "https://github.com/hamburghammer/gohttpserver" > gohttpserver (ver:{{version}})< / a > , fork from < a href = "https://github.com/codeskyblue/gohttpserver" > codeskyblue/gohttpserver< / a > .
Lizensed under < a href = "https://github.com/hamburghammer/gohttpserver/blob/master/LICENSE" > MIT< / a > .
2018-09-14 15:03:27 +02:00
< / div >
< / div >
< / div >
2018-09-17 15:01:50 +02:00
< script src = "/-/assets/js/jquery-3.1.0.min.js" > < / script >
< script src = "/-/assets/js/jquery.qrcode.js" > < / script >
< script src = "/-/assets/js/jquery.scrollUp.min.js" > < / script >
< script src = "/-/assets/js/qrcode.js" > < / script >
< script src = "/-/assets/js/vue-1.0.min.js" > < / script >
< script src = "/-/assets/js/showdown-1.6.4.min.js" > < / script >
< script src = "/-/assets/js/moment.min.js" > < / script >
< script src = "/-/assets/js/dropzone.js" > < / script >
< script src = "/-/assets/js/underscore-min.js" > < / script >
< script src = "/-/assets/js/clipboard-1.5.12.min.js" > < / script >
< script src = "/-/assets/bootstrap-3.3.5/js/bootstrap.min.js" > < / script >
2018-09-25 09:59:38 +02:00
< script src = '/-/assets/[["js/index.js" | urlhash ]]' > < / script >
<!-- <script src="/ - /assets/js/index.js"></script> -->
2020-04-27 08:55:45 +02:00
<!-- Sync status bar color with border - color on mobile platforms. -->
< script >
var META = document.getElementsByTagName("meta");
META[2]["content"]=$('.navbar').css('border-color');
< / script >
2018-09-25 09:59:38 +02:00
[[if .GoogleTrackerID ]]
2018-09-14 15:03:27 +02:00
< script >
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
2018-09-25 09:59:38 +02:00
ga('create', '[[.GoogleTrackerID]]', 'auto');
2018-09-14 15:03:27 +02:00
ga('send', 'pageview');
< / script > [[ end ]]
< / body >
2021-03-26 08:41:28 +01:00
< / html >
