tomasz.sowa/winix
1
0
Fork 0
Code Issues 5 Pull Requests Releases Activity

added uikit markup for ls winix function

Browse Source 
WIP: #2
This commit is contained in:
Tomasz Sowa
2021-01-27 17:55:48 +01:00
parent a9b9d0badf
commit 7a25e333db
4 changed files with 68 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
winixd/html/fun_ls.html
View File

@@ -1,24 +1,40 @@
<div class="winix">
<div class="winix"[if winix_function_param_is "ckeditor_browse"] style="padding: 1.5em;"[end]>
[# !! IMPROVE ME: move this html code to a ckeditor template]
[if winix_function_param_is "ckeditor_browse"]
<script type="text/javascript">function select(link) \{ window.opener.CKEDITOR.tools.callFunction([ls_ckeditor_funnum_browse], link); window.close(); \} </script>
<div id="winix_ls_browse_leftcolumn">
<div class="uk-margin">
<ul class="uk-breadcrumb">
[for dir_tab]
<li>
<a href="[doc_base_url][dir_tab_link]ls/ckeditor_browse/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">
[if cmp dir_tab_url ""]
[# !! IMPROVE ME it would be better to have a flag of some kind to indicate that this is a root dir]
{ls_root_dir_name}
[else]
[dir_tab_url]
[end]
</a>
</li>
[end]
</ul>
</div>
<div class="uk-flex uk-margin-medium">
<div class="uk-width-1-4">
[if dir_childs_tab "with_parent"]
<h2>[for dir_tab]<a href="[doc_base_url][dir_tab_link]ls/ckeditor_browse/fullscreen/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">[dir_tab_url]/</a>[end]</h2>
<ul>
<ul class="uk-list uk-list-disc uk-list-collapse">
[for dir_childs_tab "with_parent"]
<li>
[if dir_childs_is_parent]
[# make sure the name of the textarea in fun_ckeditor.html is called: itemcontent]
[# is it needed?]
<a href="[doc_base_url][dir_parent]ls/ckeditor_browse/fullscreen/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">../</a>
<a href="[doc_base_url][dir_parent]ls/ckeditor_browse/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">../</a>
[else]
<a href="[doc_base_url][dir][dir_childs_tab_url]/ls/ckeditor_browse/fullscreen/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">[dir_childs_tab_url]/</a>
<a href="[doc_base_url][dir][dir_childs_tab_url]/ls/ckeditor_browse/CKEditor:itemcontent/CKEditorFuncNum:[ls_ckeditor_funnum_browse]">[dir_childs_tab_url]/</a>
[end]
</li>
[end]
@@ -27,15 +43,14 @@
</div>
<div id="winix_ls_browse_rightcolumn">
<div class="">
[if item_tab]
<h2>{ls_pictures_in_dir} [dir]</h2>
<ul>
<ul class="uk-list uk-list-collapse" data-uk-grid>
[for item_tab]
<li><a href="javascript:select('[item_tab_link]')"><img src="[item_tab_link]/-/thumb" alt="[item_tab_subject]" height="120"></a></li>
<li><a href="javascript:select('[item_tab_link]')"><img data-src="[item_tab_link]/-/thumb" alt="[item_tab_subject]" height="120" data-uk-img></a></li>
[end]
</ul>
@@ -44,11 +59,12 @@
[end]
</div>
</div>
[else]
<h1>{ls_header}</h1>
[# !! improve me: we need a 'l' flag to a file too, now it's working for dirs only]
[if not item_is]
[if winix_function_param_is "l"]
@@ -59,7 +75,15 @@
[if one dir_childs_tab item_tab]
<table>
<table class="uk-table uk-table-divider uk-table-small uk-table-justify uk-table-responsive">
<tr>
<th>{ls_type}</th>
<th>{ls_permissions}</th>
<th>{ls_owner}</th>
<th>{ls_group}</th>
<th>{ls_name}</th>
</tr>
[for dir_childs_tab]
<tr>
<td>d</td>
@@ -95,7 +119,7 @@
[dir_childs_tab "with_parent"]
[if dir_childs_tab]
<ul>
<ul class="uk-list uk-list-disc uk-list-collapse">
[for dir_childs_tab]
<li>
[if dir_childs_is_parent]
@@ -107,9 +131,9 @@
[end]
</ul>
[end]
[# !! IMPROVE ME those two lists (above and below) can be combined together
[if item_tab]
<ul>
<ul class="uk-list uk-list-disc uk-list-collapse">
[for item_tab]
<li><a href="[doc_base_url][dir][item_tab_url]">[item_tab_url]</a></li>
[end]
@@ -120,8 +144,9 @@
[else]
<ul>
<li><a href="[doc_base_url][dir][item_url]">[item_url]</a></li>
[!! improve me: may it would be better to not use a list here?]
<ul class="uk-list uk-list-disc uk-list-collapse">
<li><a href="[doc_base_url][dir][item_url]">[item_url]</a></li>
</ul>
[end]