Commit 7db8b138 authored by asseldonk's avatar asseldonk
Browse files

filebrowser: switch to jade

parent c518f116
<form class="form-inline" role="form">
<div class="form-group" style="float: left">
<label class="sr-only" for="exampleInputEmail2">Type filename</label>
<input type="text" class="form-control" id="FileSelectorFileInput" placeholder="Type filename">
</div>
<form role="form" class="form-inline">
<div style="float: left" class="form-group">
<label for="exampleInputEmail2" class="sr-only">Type filename</label>
<input type="text" id="FileSelectorFileInput" placeholder="Type filename" class="form-control"/>
</div>
</form>
<button type="button" class="btn btn-default fs-close" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary fs-select">Select</button>
\ No newline at end of file
<button type="button" data-dismiss="modal" class="btn btn-default fs-close">Close</button>
<button type="button" class="btn btn-primary fs-select">Select</button>
\ No newline at end of file
form.form-inline(role="form")
.form-group(style="float: left")
label.sr-only(for="exampleInputEmail2") Type filename
input.form-control(type="text", id="FileSelectorFileInput", placeholder="Type filename")
button.btn.btn-default.fs-close(type="button", data-dismiss="modal") Close
button.btn.btn-primary.fs-select(type="button") Select
<div class="table-view">
<div class="row files-table-first-row">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 file-table-select"><input type="checkbox" class="file-table-select-all" /></div>
<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 file-table-icon"></div>
<div class="col-xs-8 col-sm-5 col-md-4 col-lg-9 file-table-name">Name <i class="glyphicon glyphicon-sort-by-alphabet"></i></div>
<!--
<div class=" col-md-2 col-lg-1 hidden-sm hidden-xs file-table-size">Size <i class="glyphicon glyphicon-sort"></i></div>
<div class=" col-sm-4 col-md-3 col-lg-2 hidden-xs file-table-time">Modified <i class="glyphicon glyphicon-sort"></i></div>
-->
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 .file-table-options"></div>
</div>
<div class="row files-table file-view-content-container">
<div class="file-node row file-table-object file-table-content" data-bind="data">
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 file-table-select"><span class="file-selection-p input"><input type="checkbox" class="file-selection-checkbox" /></span></div>
<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 file-table-icon"><img data-bind="icon"><span class="glyphicon glyphicon-new-window" data-bind="syml"></span></div>
<div class="col-xs-8 col-sm-5 col-md-4 col-lg-9 file-table-name"><span data-bind="name"></span></div>
<!--
<div class=" col-md-2 col-lg-1 hidden-sm hidden-xs file-table-size"><span data-bind="size"></span> <span data-bind="sizeSuffix"></span></div>
<div class=" col-sm-4 col-md-3 col-lg-2 hidden-xs file-table-time"><span data-bind="mtime"></span></div>
-->
<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 file-properties file-table-options"><span class="glyphicon glyphicon-cog"></span></div>
</div>
</div>
</div>
\ No newline at end of file
<div class="file-info-dialog">
<table class="table table-hover table-info-dialog">
<tbody>
......@@ -11,14 +12,13 @@
</tr>
<tr>
<td>Size:</td>
<td>
<span data-bind="size"></span>
<span data-bind="sizeSuffix"></span>
</td>
<td><span data-bind="size"></span><span data-bind="sizeSuffix"></span></td>
</tr>
<tr></tr>
<tr>
<td>Location:</td>
<td data-bind="path"></td>
<td>Location:
<td data-bind="path"></td>
</td>
</tr>
<tr>
<td>Last modified:</td>
......@@ -30,4 +30,4 @@
</tr>
</tbody>
</table>
</div>
</div>
\ No newline at end of file
.file-info-dialog
table.table.table-hover.table-info-dialog
tbody
tr
td.table-info-dialog-width Name:
td(data-bind="name")
tr
td Type:
td(data-bind="extension")
tr
td Size:
td
span(data-bind="size")
span(data-bind="sizeSuffix")
tr
tr
td Location:
td(data-bind="path")
tr
td Last modified:
td(data-bind="mtime")
tr
td(data-bind="symlinkDesc")
td(data-bind="symlink")
<div class="file-info-dialog">
<div class="file-info-dialog-header">
<span data-bind="numberOfSelectedItems"></span>items with a total size of
<span data-bind="totalSize"></span>
<span data-bind="totalSizeSuffix"></span>selected:</div>
<table class="table .table-condensed table-hover">
<div class="file-info-dialog-header"><span data-bind="numberOfSelectedItems"></span>&nbsp;items with a total size of&nbsp;<span data-bind="totalSize"></span><span data-bind="totalSizeSuffix"></span>&nbsp; selected:</div>
<table class="table table-condensed table-hover">
<thead>
<tr>
<th>Name</th>
......@@ -15,13 +13,10 @@
<tbody class="table-info-dialog-body">
<tr>
<td data-bind="name"></td>
<td>
<span data-bind="size"></span>
<span data-bind="sizeSuffix"></span>
</td>
<td><span data-bind="size"></span><span data-bind="sizeSuffix"></span></td>
<td data-bind="extension"></td>
<td data-bind="mtime"></td>
</tr>
</tbody>
</table>
</div>
</div>
\ No newline at end of file
.file-info-dialog
.file-info-dialog-header
span(data-bind="numberOfSelectedItems")
| &nbsp;items with a total size of&nbsp;
span(data-bind="totalSize")
span(data-bind="totalSizeSuffix")
| &nbsp; selected:
table.table.table-condensed.table-hover
thead
tr
th Name
th(width="84px") Size
th(width="74px") Type
th(width="180px") Last modified
tbody.table-info-dialog-body
tr
td(data-bind="name")
td
span(data-bind="size")
span(data-bind="sizeSuffix")
td(data-bind="extension")
td(data-bind="mtime")
<div class="file-content">
</div>
\ No newline at end of file
<div class="file-content"></div>
\ No newline at end of file
<div class="actionmenu dropdown clearfix">
<ul class="dropdown-menu" style="display:block;position:static;margin-bottom:5px;">
<li class="openFolder"><a href="#"> Open Folder </a></li>
<li class="openFile"><a href="#"> Open File </a></li>
<li class="rename"><a href="#"> Rename </a></li>
<li class="copy"><a href="#"> Copy </a></li>
<li class="cut"><a href="#"> Cut </a></li>
<li class="paste"><a href="#"> Paste </a></li>
<li class="remove"><a href="#"> Remove </a></li>
<li class="download"><a href="#"> Download </a></li>
<li class="compress"><a href="#"> Compress </a></li>
<li class="createFile"><a href="#"> New File </a></li>
<li class="createFolder"><a href="#"> New Folder </a></li>
<li class="divider"></li>
<li class="info"><a href="#"> Info </a></li>
<li class="select"><a href="#"> Select </a></li>
</ul>
</div>
<ul style="display:block;position:static;margin-bottom:5px;" class="dropdown-menu">
<li class="openFolder"><a href="#">Open Folder</a></li>
<li class="openFile"><a href="#">Open File</a></li>
<li class="rename"><a href="#">Rename</a></li>
<li class="copy"><a href="#">Copy</a></li>
<li class="cut"><a href="#">Cut</a></li>
<li class="paste"><a href="#">Paste</a></li>
<li class="remove"><a href="#">Remove</a></li>
<li class="download"><a href="#">Download</a></li>
<li class="compress"><a href="#">Compress</a></li>
<li class="createFile"><a href="#">New File</a></li>
<li class="createFolder"><a href="#">New Folder</a></li>
<li class="divider"></li>
<li class="info"><a href="#">Info</a></li>
<li class="select"><a href="#">Select</a></li>
</ul>
</div>
\ No newline at end of file
.actionmenu.dropdown.clearfix
ul.dropdown-menu(style="display:block;position:static;margin-bottom:5px;")
li.openFolder
a(href="#") Open Folder
li.openFile
a(href="#") Open File
li.rename
a(href="#") Rename
li.copy
a(href="#") Copy
li.cut
a(href="#") Cut
li.paste
a(href="#") Paste
li.remove
a(href="#") Remove
li.download
a(href="#") Download
li.compress
a(href="#") Compress
li.createFile
a(href="#") New File
li.createFolder
a(href="#") New Folder
li.divider
li.info
a(href="#") Info
li.select
a(href="#") Select
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment