Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* improve UI of doc views, code for task #5032.

Browse Source
This commit is contained in:
Catouse
2018-10-15 15:35:25 +08:00
parent e05656dadf
commit 819f035bd9
8 changed files with 31 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/doc/css/common.css
+7 -6
View File
@@ -49,16 +49,17 @@
.files-grid .img-holder {height: 64px; line-height: 64px; margin: 0 auto 8px; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.files-grid .img-holder > img {max-height: 64px; opacity: 0; width: 100%;}
.panel{padding-bottom: 40px;}
.panel .table-footer{position: absolute; bottom: 0; width: 100%;}
@keyframes flash-icon
{
0% {color: #666;}
100% {color: #fff;}
}
.main-col > .panel > .panel-body {padding-top: 20px;}
.main-col .panel-title a.active{color: #0c64eb}
.main-col > .panel > .panel-body {padding: 5px 10px;}
.main-col .panel-title a.active {color: #0c64eb}
#mainRow .cell{overflow: hidden auto}
.side-col > .cell {overflow: hidden auto; padding: 0; position: relative;}
.side-col > .cell > header {position: absolute; top: 10px; right: 10px; left: 10px;}
.side-col > .cell > header > .c-sm {padding-right: 20px; width: 60px;;}
.side-col #docsTree {position: absolute; top: 53px; left: 0; right: 0; bottom: 0; overflow: auto; padding: 10px;}
.main-col .block-files > .panel-body {position: absolute; top: 45px; left: 0; right: 0; bottom: 0; overflow: auto;}
module/doc/js/common.js
+3 -8
View File
@@ -131,16 +131,11 @@ $(document).ready(function()
};
var resizeCols = function() {
var cellHeight = $(window).height() - 230;
var $cells = $cols.children('.panel,.cell').height(cellHeight);
if($firstCol.next('.col-spliter').css('display') != 'none')
{
var bestHeight = $firstCol.height();
$cells.css('height', bestHeight);
}
var cellHeight = $(window).height() - $('#footer').outerHeight() - $('#header').outerHeight() - 40;
$cols.children('.panel,.cell').height(cellHeight).css('maxHeight', cellHeight);
};
$element.find('.tree').on('resize', resizeCols);
$(window).on('resize', resizeCols);
$firstCol.on('resize', function(e) {fixColClass($firstCol);});
$secondCol.on('resize', function(e) {fixColClass($secondCol);});
fixColClass($firstCol);
module/doc/view/alllibs.html.php
+1 -1
View File
@@ -65,8 +65,8 @@
</div>
<?php endforeach;?>
</div>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
</div>
<?php endif;?>
module/doc/view/alllibsbylist.html.php
+4 -4
View File
@@ -15,8 +15,8 @@
</div>
</nav>
</div>
<div class="panel-body has-table">
<table class="table table-borderless table-hover table-files">
<div class="panel-body">
<table class="table table-borderless table-hover table-files table-fixed no-margin">
<thead>
<tr>
<?php $name = '';?>
@@ -29,7 +29,7 @@
<th class="c-user"><?php echo $lang->doc->addedBy;?></th>
<th class="c-datetime"><?php echo $lang->doc->addedDate;?></th>
<?php else:?>
<th class="c-actions-4"><?php echo $lang->actions;?></th>
<th class="c-actions-3"><?php echo $lang->actions;?></th>
<?php endif;?>
</tr>
</thead>
@@ -62,7 +62,7 @@
<?php endforeach;?>
</tbody>
</table>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
</div>
module/doc/view/browse.html.php
+6 -6
View File
@@ -66,8 +66,8 @@ var browseType = '<?php echo $browseType;?>';
</p>
</div>
<?php else:?>
<div class="panel-body has-table">
<table class="table table-borderless table-hover table-files">
<div class="panel-body">
<table class="table table-borderless table-hover table-files table-fixed no-margin">
<thead>
<tr>
<th class="c-name"><?php echo $lang->doc->title;?></th>
@@ -75,7 +75,7 @@ var browseType = '<?php echo $browseType;?>';
<th class="c-user"><?php echo $lang->doc->addedBy;?></th>
<th class="c-datetime"><?php echo $lang->doc->addedDate;?></th>
<th class="c-datetime"><?php echo $lang->doc->editedDate;?></th>
<th class="c-actions-4"><?php echo $lang->actions;?></th>
<th class="c-actions-3"><?php echo $lang->actions;?></th>
</tr>
</thead>
<tbody>
@@ -132,10 +132,10 @@ var browseType = '<?php echo $browseType;?>';
<?php endforeach;?>
</tbody>
</table>
<?php if(!empty($docs)):?>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
<?php endif;?>
</div>
<?php if(!empty($docs)):?>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
<?php endif;?>
<?php endif;?>
</div>
</div>
module/doc/view/browsebygrid.html.php
+3 -3
View File
@@ -62,10 +62,10 @@
</div>
<?php endforeach;?>
</div>
<?php if(!empty($docs)):?>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
<?php endif;?>
</div>
<?php if(!empty($docs)):?>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
<?php endif;?>
<?php endif;?>
</div>
</div>
module/doc/view/objectlibsbylist.html.php
+3 -3
View File
@@ -34,13 +34,13 @@
</div>
</nav>
</div>
<div class='panel-body has-table'>
<table class="table table-borderless table-hover table-files">
<div class='panel-body'>
<table class="table table-borderless table-hover table-files table-fixed no-margin">
<thead>
<tr>
<th class="c-name"><?php echo $lang->doc->libName;?></th>
<th class="c-num"><?php echo $lang->doc->num;?></th>
<th class="c-actions-4"><?php echo $lang->actions;?></th>
<th class="c-actions-3"><?php echo $lang->actions;?></th>
</tr>
</thead>
<tbody>
module/doc/view/showfiles.html.php
+4 -3
View File
@@ -48,8 +48,8 @@
</div>
<?php if($viewType == 'list'):?>
<div class="panel-body has-table">
<table class="table table-borderless table-hover table-files">
<div class="panel-body">
<table class="table table-borderless table-hover table-files table-fixed no-margin">
<thead>
<tr class="text-center">
<th class="w-80px"><?php echo $lang->doc->id;?></th>
@@ -85,6 +85,7 @@
<?php endforeach;?>
</tbody>
</table>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
<?php else:?>
<div class="panel-body">
@@ -141,9 +142,9 @@
</div>
<?php endforeach;?>
</div>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
<?php endif?>
<div class='table-footer'><?php $pager->show('right', 'pagerjs');?></div>
</div>
</div>
</div>