Elastic: Improvements in attachment/file preview

This commit is contained in:
Aleksander Machniak 2018-04-20 12:57:46 +02:00
parent 185d4ab754
commit 0e5a0648e1
4 changed files with 13 additions and 13 deletions

View file

@ -702,20 +702,20 @@ class kolab_files_engine
$table = new html_table(array('cols' => 2, 'class' => $attrib['class'])); $table = new html_table(array('cols' => 2, 'class' => $attrib['class']));
// file name // file name
$table->add('label', $this->plugin->gettext('name').':'); $table->add('title', $this->plugin->gettext('name').':');
$table->add('data filename', $this->file_data['name']); $table->add('data filename', $this->file_data['name']);
// file type // file type
// @TODO: human-readable type name // @TODO: human-readable type name
$table->add('label', $this->plugin->gettext('type').':'); $table->add('title', $this->plugin->gettext('type').':');
$table->add('data filetype', $this->file_data['type']); $table->add('data filetype', $this->file_data['type']);
// file size // file size
$table->add('label', $this->plugin->gettext('size').':'); $table->add('title', $this->plugin->gettext('size').':');
$table->add('data filesize', $this->rc->show_bytes($this->file_data['size'])); $table->add('data filesize', $this->rc->show_bytes($this->file_data['size']));
// file modification time // file modification time
$table->add('label', $this->plugin->gettext('mtime').':'); $table->add('title', $this->plugin->gettext('mtime').':');
$table->add('data filemtime', $this->file_data['mtime']); $table->add('data filemtime', $this->file_data['mtime']);
// @TODO: for images: width, height, color depth, etc. // @TODO: for images: width, height, color depth, etc.

View file

@ -7,17 +7,17 @@
<a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a> <a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
<span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span> <span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span>
</div> </div>
<roundcube:object name="fileinfobox" id="fileinfo" class="listing" /> <roundcube:object name="fileinfobox" id="fileinfo" class="listing props-table" />
</div> </div>
<div class="content selected"> <div class="content selected">
<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2> <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar"> <div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
<a class="button icon properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
<span class="inner"><roundcube:label name="properties"></span>
</a>
<span class="header-title constant"><roundcube:var name="env:filename" /></span> <span class="header-title constant"><roundcube:var name="env:filename" /></span>
<div id="messagetoolbar" class="toolbar"> <div id="messagetoolbar" class="toolbar">
<a class="button properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
<span class="inner"><roundcube:label name="properties"></span>
</a>
<roundcube:button command="files-get" type="link" <roundcube:button command="files-get" type="link"
class="button download disabled" classAct="button download" class="button download disabled" classAct="button download"
label="kolab_files.get" title="kolab_files.getfile" innerClass="inner" /> label="kolab_files.get" title="kolab_files.getfile" innerClass="inner" />

View file

@ -377,7 +377,7 @@ ul.toolbarmenu li span.saveas {
table-layout: fixed; table-layout: fixed;
} }
#fileinfobox table td.label { #fileinfobox table td.title {
width: 60px; width: 60px;
font-weight: bold; font-weight: bold;
padding-right: 0; padding-right: 0;

View file

@ -7,18 +7,18 @@
<a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a> <a class="button icon back-content-button" href="#content" data-hidden="big"><span class="inner"><roundcube:label name="back" /></span></a>
<span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span> <span class="header-title" id="aria-label-contentinfo"><roundcube:label name="properties" /></span>
</div> </div>
<roundcube:object name="plugin.attachmentcontrols" class="listing" role="contentinfo" <roundcube:object name="plugin.attachmentcontrols" class="listing props-table" role="contentinfo"
aria-labelledby="aria-label-contentinfo" /> aria-labelledby="aria-label-contentinfo" />
</div> </div>
<div class="content selected"> <div class="content selected">
<h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2> <h2 id="aria-label-toolbar" class="voice"><roundcube:label name="arialabeltoolbar" /></h2>
<div class="header" role="toolbar" aria-labelledby="aria-label-toolbar"> <div class="header" role="toolbar" aria-labelledby="aria-label-toolbar">
<a class="button icon properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
<span class="inner"><roundcube:label name="properties"></span>
</a>
<span class="header-title constant"><roundcube:var name="env:filename" /></span> <span class="header-title constant"><roundcube:var name="env:filename" /></span>
<div id="messagetoolbar" class="toolbar"> <div id="messagetoolbar" class="toolbar">
<a class="button properties" id="properties-button" href="#properties" onclick="UI.show_sidebar()" data-hidden="big">
<span class="inner"><roundcube:label name="properties"></span>
</a>
<roundcube:button command="download-attachment" type="link" label="download" title="download" <roundcube:button command="download-attachment" type="link" label="download" title="download"
class="button download disabled" classAct="button download" innerclass="inner" /> class="button download disabled" classAct="button download" innerclass="inner" />
<roundcube:button command="print-attachment" type="link" label="print" title="print" <roundcube:button command="print-attachment" type="link" label="print" title="print"