DontSellMe/richdocuments
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

move back to tiles (200x200 as in pictures)

Browse Source
This commit is contained in:
Jörn Friedrich Dreyer 2013-08-26 12:15:29 +02:00 committed by Tobias Hintze
parent 93877f2a30
commit 3e59604485
3 changed files with 76 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
css/style.css
View File

@ -1,35 +1,77 @@
#emptyfolder { position:absolute; margin:10em 0 0 10em; font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0; }
.documentslist { padding:5px; }
.documentslist li{
margin:4px;
}
.documentslist .session-active {
float: left;
margin-left: 16px;
margin-top: 16px;
width: 20px;
}
.documentslist .document-info {
display: inline;
height:32px;
}
.documentslist .document-info a {
display: block;
background-repeat: no-repeat;
background-size: 32px;
height: 32px;
padding-left: 36px;
vertical-align: middle;
line-height: 32px;
#emptyfolder {
position:absolute; margin:10em 0 0 10em;
font-size:1.5em; font-weight:bold; color:#888; text-shadow:#fff 0 1px 0;
}
#office-content{
padding-top: 3em;
}
.documentslist { padding:5px; }
.documentslist .add-document {
display: inline-block;
height: 200px;
width: 200px;
margin: 1em;
vertical-align: top;
}
.add-document a {
display: inline-block;
position: relative;
height: 200px;
width: 98px;
background-repeat: no-repeat;
background-size: 64px;
background-position: 18px;
}
.add-document .add {
background-image: url('%webroot%/core/img/actions/add.png');
}
.add-document .upload {
background-image: url('%webroot%/core/img/actions/upload.png');
}
.add-document label {
position: absolute;
bottom: 5px;
width: 100%;
color: white;
text-shadow: 0 0 10px #000;
text-align: center;
}
.documentslist .document {
display: inline-block;
height: 200px;
width: 200px;
margin: 1em;
vertical-align: top;
}
.documentslist .session-active {
position: relative;
margin-left: 128px;
margin-top: 128px;
width: 32px;
}
.document a {
display: block;
position: relative;
height: 200px;
width: 200px;
background-repeat: no-repeat;
background-size: 64px;
background-position: 68px;
}
.document label {
position: absolute;
bottom: 5px;
width: 100%;
color: white;
text-shadow: 0 0 10px #000;
text-align: center;
}
#odf_close{
float:left;
float:left;
}
#odf_invite{

4
js/office.js
View File

@ -234,8 +234,8 @@ officeDocuments.renderDocuments = function () {
docElem.attr('data-id', document.fileid);
var a = docElem.find('a');
a.text(document.name);
a.attr('href', OC.Router.generate('download',{file:document.path}));
a.find('label').text(document.name);
getMimeIcon(document.mimetype).then(function(path){
a.css('background-image', 'url("'+path+'")');
@ -247,7 +247,7 @@ officeDocuments.renderDocuments = function () {
var docElem = $('.documentslist .document[data-id="'+session.file_id+'"]');
if (docElem.length > 0) {
docElem.attr('data-esid', session.es_id);
docElem.find('a').before('<img class="svg session-active" src="'+OC.imagePath('core','places/contacts-dark')+'">');
docElem.find('label').after('<img class="svg session-active" src="'+OC.imagePath('core','places/contacts-dark')+'">');
docElem.addClass('session');
} else {
console.log('Could not find file '+session.file_id+' for session '+session.es_id);

11
templates/documents.php
View File

@ -9,12 +9,15 @@
<div id="editor-content">
<ul class="documentslist">
<li class="add-document">
<img class="svg" src="<?php p(\OCP\Util::imagePath('core','actions/add.svg')) ?>" />
<a class="add svg" target="_blank" href="">
<label><?php p('Add') ?></label>
</a>
<a class="upload svg" target="_blank" href="">
<label><?php p('Upload') ?></label>
</a>
</li>
<li class="document template" data-id="" style="display:none;">
<div class="document-info">
<a target="_blank" href=""></a>
</div>
<a target="_blank" href=""><label></label></a>
</li>
</ul>
</div>