Former-commit-id: 52b1e8da514f4b7b76d4e3d69294d71f4b0c9e5b
This commit is contained in:
Henrique Dias
2016-12-30 22:57:14 +00:00
parent 103457f4e3
commit 6d4cc71b96
8 changed files with 1384 additions and 1256 deletions

View File

@@ -6,10 +6,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="token" content="{{ .Token }}">
<link rel="stylesheet" href="{{ .Config.AbsoluteURL }}/_filemanagerinternal/css/normalize.css">
<link rel="stylesheet" href="{{ .Config.AbsoluteURL }}/_filemanagerinternal/css/fonts.css">
<link rel="stylesheet" href="{{ .Config.AbsoluteURL }}/_filemanagerinternal/css/styles.css">
{{ if ne .User.StyleSheet "" }}
{{- if ne .User.StyleSheet "" -}}
<style>{{ CSS .User.StyleSheet }}</style>
{{ end }}
{{- end -}}
<!-- SCRIPTS -->
<!-- User Data and Permissions; WebDavURL -->
@@ -19,18 +21,18 @@
baseURL = "{{.Config.AbsoluteURL}}";
</script>
<script src="{{ .Config.AbsoluteURL }}/_filemanagerinternal/js/common.js" defer></script>
{{ if .IsDir }}
{{- if .IsDir }}
<script src="{{ .Config.AbsoluteURL }}/_filemanagerinternal/js/listing.js" defer></script>
{{ else }}
{{- else }}
<script src="{{ .Config.AbsoluteURL }}/_filemanagerinternal/js/vendor/ace/ace.js" defer></script>
<script src="{{ .Config.AbsoluteURL }}/_filemanagerinternal/js/vendor/form2js.js" defer></script>
<script src="{{ .Config.AbsoluteURL }}/_filemanagerinternal/js/editor.js" defer></script>
{{ end }}
{{- end }}
</head>
<body>
<header>
<!-- TOP BAR -->
<div>
<div id="top-bar">
<div><p>File Manager</p></div>
<div id="search">
<i class="material-icons" title="Search">search</i>
@@ -42,12 +44,12 @@
</div>
<div class="action" id="logout">
<i class="material-icons" title="Logout">exit_to_app</i> <span>Logout</span>
<i class="material-icons" title="Logout">exit_to_app</i>
</div>
</div>
<!-- BOTTOM BAR -->
<div>
<div id="bottom-bar">
<div>
{{ if ne .Name "/"}}
<p id="breadcrumbs-button">Previous</p>
@@ -66,7 +68,7 @@
<div class="actions">
<div id="file-only" {{ if .IsDir }}class="disabled"{{ end }}>
<div class="action" id="open">
<i class="material-icons" title="See raw">open_in_new</i> <span>See raw</span>
<i class="material-icons" title="See raw">open_in_new</i>
</div>
{{ if and .IsDir .User.AllowEdit }}
<div class="action" id="rename">
@@ -103,7 +105,11 @@
{{ if .IsDir }}
<div class="action" id="view">
<i class="material-icons" title="Switch view">view_headline</i> <span>Switch view</span>
{{ if eq .Display "mosaic" }}
<a href="?display=list"><i class="material-icons" title="Switch View">view_list</i></a>
{{ else }}
<a href="?display=mosaic"><i class="material-icons" title="Switch View">view_module</i></a>
{{ end }}
</div>
{{ end }}
</div>

View File

@@ -1,41 +1,59 @@
{{ define "content" }}
{{ with .Data }}
<div class="listing">
<div class="container" id="listing">
<div>
<div class="item header">
<div>
</div>
<div>
<span class="name">Name</span>
<p>Size</p>
<p>Modified time</p>
</div>
<div class="container {{ .Display }}" id="listing">
{{- with .Data -}}
<div>
<div class="item header">
<div></div>
<div>
<p class="name{{ if eq .Sort "name" }} active{{ end }}"><span>Name</span>
{{- if eq .Sort "name" -}}
{{- if eq .Order "asc" -}}
<a href="?sort=name&order=desc"><i class="material-icons">arrow_downward</i></a>
{{- else -}}
<a href="?sort=name&order=asc"><i class="material-icons">arrow_upward</i></a>
{{- end -}}
{{- else -}}
<a href="?sort=name&order=desc"><i class="material-icons">arrow_downward</i></a>
{{- end -}}
</p>
<p class="size{{ if eq .Sort "size" }} active{{ end }}"><span>File Size</span>
{{- if eq .Sort "size" -}}
{{- if eq .Order "asc" -}}
<a href="?sort=size&order=desc"><i class="material-icons">arrow_downward</i></a>
{{- else -}}
<a href="?sort=size&order=asc"><i class="material-icons">arrow_upward</i></a>
{{- end -}}
{{- else -}}
<a href="?sort=size&order=desc"><i class="material-icons">arrow_downward</i></a>
{{- end -}}
</p>
<p class="modified">Last modified</p>
</div>
</div>
<h2>Folders</h2>
<div>
{{- range .Items}}
{{ if and (.UserAllowed) (.IsDir) }}
{{ template "item" .}}
{{ end }}
{{- end}}
</div>
<h2>Files</h2>
<div>
{{- range .Items}}
{{ if and (.UserAllowed) (not .IsDir) }}
{{ template "item" .}}
{{ end }}
{{- end}}
</div>
</div>
<h2>Folders</h2>
<div>
{{- range .Items }}
{{- if and (.UserAllowed) (.IsDir) }}
{{ template "item" .}}
{{- end }}
{{- end }}
</div>
<h2>Files</h2>
<div>
{{- range .Items }}
{{- if and (.UserAllowed) (not .IsDir) }}
{{ template "item" .}}
{{- end }}
{{- end }}
</div>
</div>
<input style="display:none" type="file" id="upload-input" onchange="handleFiles(this.files, '')" value="Upload" multiple>
{{ end }}
{{ end }}
{{- end -}}
{{- end -}}
{{ define "item" }}
<div ondragstart="itemDragStart(event)"
@@ -63,13 +81,13 @@
{{- end}}
</div>
<div>
<span class="name">{{.Name}}</span>
<p class="name">{{.Name}}</p>
{{- if .IsDir}}
<p data-order="-1">&mdash;</p>
<p class="size" data-order="-1">&mdash;</p>
{{- else}}
<p data-order="{{.Size}}">{{.HumanSize}}</p>
<p class="size" data-order="{{.Size}}">{{.HumanSize}}</p>
{{- end}}
<p>
<p class="modified">
<time datetime="{{.HumanModTime "2006-01-02T15:04:05Z"}}">{{.HumanModTime "2 Jan 2006 03:04 PM"}}</time>
</p>
</div>