Improve File Explorer styling.

This commit is contained in:
Gunther Brunner
2015-10-01 18:50:41 +09:00
parent 065f06edac
commit 2f3de3f516
2 changed files with 40 additions and 18 deletions

View File

@@ -1,28 +1,49 @@
.stf-fs(ng-controller='ExplorerCtrl')
.row: .col-md-6
//.stf-fs(ng-controller='ExplorerCtrl')
.widget-container.fluid-height(ng-controller='ExplorerCtrl').stf-explorer
.heading
//.row: .col-md-6
span /{{paths.join("/")}}
button.btn.btn-xm.btn-primary-outline(ng-click='dirJump()')
span(translate) Back
form.input-group.form-inline(ng-submit='dirEnter(search)')
input(type=text, ng-model='search', placeholder="Dir or file ...").form-control
input(type='text', ng-model='search', placeholder="Dir or file ...").form-control
span.input-group-btn
button.btn.btn-default.btn-primary-outline(type='submit')
i.fa.fa-search
span(translate) Go
table.table
tr(ng-repeat='f in files | filter:search | orderBy: "-mode|isdir"')
td
span
i.fa.fa-folder-open(ng-show='f.mode|isdir')
i.fa.fa-file-o(ng-hide='f.mode|isdir')
td
button.btn.btn-sm.btn-primary-outline(
ng-click='dirEnter(f.name)', ng-show='f.mode|isdir') {{f.name}}
button.btn.btn-sm.btn-primary-outline(
ng-click='getFile(f.name)', ng-hide='f.mode|isdir') {{f.name}}
td
i {{f.mode|mode2unix}}
td {{f.size}}
.widget-content.padded.selectable
table.table.table-hover.dataTable.ng-table
thead
tr
th
div(translate) Name
th
div(translate) Size
th
div(translate) Date
th
div(translate) Permissions
tbody
tr.header(ng-repeat='f in files | filter:search | orderBy: "-mode|isdir"')
td
button.btn.btn-sm.btn-primary-outline(
ng-click='dirEnter(f.name)', ng-show='f.mode|isdir')
span
i.fa.fa-folder-open
span {{f.name}}
button.btn.btn-sm.btn-primary-outline(
ng-click='getFile(f.name)', ng-hide='f.mode|isdir')
span
i.fa.fa-file-o
span {{f.name}}
td
span(ng-show='f.mode|isdir') -
span(ng-hide='f.mode|isdir') {{ f.size }}
td Date
td
i {{f.mode|mode2unix}}