diff options
| author | Mario <mario@mariovavti.com> | 2021-01-04 10:58:41 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2021-01-04 10:58:41 +0000 |
| commit | b2f6e5673d1fbf72695b5c64db7d5e51d59b9e2e (patch) | |
| tree | 6fe5c2a7df2ed9611ad8904b9b0f75440224c2f8 /view | |
| parent | f0d1c962a770569773e113775a77a0fc8306b836 (diff) | |
| download | volse-hubzilla-b2f6e5673d1fbf72695b5c64db7d5e51d59b9e2e.tar.gz volse-hubzilla-b2f6e5673d1fbf72695b5c64db7d5e51d59b9e2e.tar.bz2 volse-hubzilla-b2f6e5673d1fbf72695b5c64db7d5e51d59b9e2e.zip | |
some work on the tiles view
Diffstat (limited to 'view')
| -rw-r--r-- | view/tpl/cloud_directory.tpl | 66 |
1 files changed, 31 insertions, 35 deletions
diff --git a/view/tpl/cloud_directory.tpl b/view/tpl/cloud_directory.tpl index c24e3c8aa..757239960 100644 --- a/view/tpl/cloud_directory.tpl +++ b/view/tpl/cloud_directory.tpl @@ -1,46 +1,42 @@ -<div class="section-content-wrapper-np"> +<div class="{{if $tiles}}section-content-wrapper{{else}}section-content-wrapper-np{{/if}}"> {{if $tiles}} <table id="cloud-index"> <tr id="new-upload-progress-bar-1"></tr> {{* this is needed to append the upload files in the right order *}} </table> - - {{if $parentpath}} - <div class="cloud-container" > - <div class="cloud-icon tiles"> - <a href="{{$parentpath}}"> - <div class="cloud-icon-container"> - <i class="fa fa-fw fa-level-up" ></i> - </div> - </a> - </div> - <div class="cloud-title"> - <a href="{{$parentpath}}">..</a> - </div> - </div> - {{/if}} - - {{foreach $entries as $item}} - <div class="cloud-container"> - <div class="cloud-icon tiles"><a href="{{$item.rel_path}}"> - {{if $item.photo_icon}} - <img src="{{$item.photo_icon}}" title="{{$item.type}}" > - {{else}} - <div class="cloud-icon-container"> - <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}"></i> + <div class="row row-cols-2 row-cols-md-4"> + {{if $parentpath}} + <div class="col mb-4"> + <div class="card h-100"> + <a href="{{$parentpath}}"> + <div class="text-center m-2"> + <i class="fa fa-fw fa-level-up fa-5x" title="{{$item.type}}" style="font-size: 4rem"></i> + </div> + <div class="card-footer"> + <small class="text-muted text-truncate">..</small> + </div> + </a> + </div> </div> {{/if}} + {{foreach $entries as $item}} + <div class="col mb-4"> + <div class="card text-center"> + <a href="{{$item.rel_path}}" title="{{$item.type}}" > + <div class="m-2"> + {{if $item.photo_icon}} + <img src="{{$item.photo_icon}}" class="card-img-top" alt="{{$item.photo_icon}}" style="height: 4rem; width: auto"> + {{else}} + <i class="fa fa-fw {{$item.icon_from_type}}" title="{{$item.type}}" style="font-size: 4rem"></i> + {{/if}} + </div> + <div class="card-footer text-truncate"> + <small class="text-muted">{{$item.name}}</small> + </div> + </a> + </div> </div> - <div class="cloud-title"> - <a href="{{$item.rel_path}}"> - {{$item.name}} - </a> - </div> - {{if $is_owner}} - {{* add file tools here *}} - {{/if}} + {{/foreach}} </div> - {{/foreach}} - <div class="clear"></div> {{else}} <table id="cloud-index"> <tr> |