mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-10-05 09:42:30 +02:00
Mobile theme W.I.P.:
-Implement filemanager edit setting dialog and view mode
This commit is contained in:
Hadi Nategh
parent
4f2ef55206
commit
c4362ba7b4
@ -142,7 +142,8 @@ class filemanager_ui
|
|||||||
'caption' => lang('Edit settings'),
|
'caption' => lang('Edit settings'),
|
||||||
'group' => $group,
|
'group' => $group,
|
||||||
'allowOnMultiple' => false,
|
'allowOnMultiple' => false,
|
||||||
'onExecute' => 'javaScript:app.filemanager.editprefs',
|
'onExecute' => html::$ua_mobile?'javaScript:app.filemanager.viewEntry':'javaScript:app.filemanager.editprefs',
|
||||||
|
'mobileViewTemplate' => 'file.xet'
|
||||||
),
|
),
|
||||||
'mkdir' => array(
|
'mkdir' => array(
|
||||||
'caption' => lang('Create directory'),
|
'caption' => lang('Create directory'),
|
||||||
|
|||||||
253
filemanager/templates/mobile/file.xet
Normal file
253
filemanager/templates/mobile/file.xet
Normal file
@ -0,0 +1,253 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
|
||||||
|
<!-- $Id$ -->
|
||||||
|
<overlay>
|
||||||
|
<template id="filemanager.file.general" template="" lang="" group="0">
|
||||||
|
<grid width="100%">
|
||||||
|
<columns>
|
||||||
|
<column width = "120"/>
|
||||||
|
<column width="600"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row height="60">
|
||||||
|
<image align="center" src="icon" class="mimeHuge"/>
|
||||||
|
<vfs-name id="name" needed="1" class="fileName"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<hrule span="all"/>
|
||||||
|
</row>
|
||||||
|
<row disabled="!@is_link">
|
||||||
|
<description for="symlink" value="Link"/>
|
||||||
|
<textbox id="symlink" readonly="true" class="fileName"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Type"/>
|
||||||
|
<description id="mime"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Directory"/>
|
||||||
|
<description id="dir"/>
|
||||||
|
</row>
|
||||||
|
<row disabled="@is_link">
|
||||||
|
<description value="Size"/>
|
||||||
|
<vfs-size id="size" options="1"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Created"/>
|
||||||
|
<date-time id="ctime" readonly="true"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Modified"/>
|
||||||
|
<date-time id="mtime" readonly="true"/>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description for="comment" value="Comment"/>
|
||||||
|
<textbox multiline="true" id="comment" class="et2_fullWidth" height="100"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</template>
|
||||||
|
<template id="filemanager.file.perms" template="" lang="" group="0">
|
||||||
|
<grid width="100%" spacing="10">
|
||||||
|
<columns>
|
||||||
|
<column/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row>
|
||||||
|
<groupbox>
|
||||||
|
<caption label="Accessrights"/>
|
||||||
|
<grid>
|
||||||
|
<columns>
|
||||||
|
<column width = "120"/>
|
||||||
|
<column width="600"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row>
|
||||||
|
<description value="Owner"/>
|
||||||
|
<menulist>
|
||||||
|
<menupopup id="perms[owner]" class="et2_fullWidth"/>
|
||||||
|
</menulist>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Group"/>
|
||||||
|
<menulist>
|
||||||
|
<menupopup id="perms[group]" class="et2_fullWidth"/>
|
||||||
|
</menulist>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Other"/>
|
||||||
|
<menulist>
|
||||||
|
<menupopup id="perms[other]" class="et2_fullWidth"/>
|
||||||
|
</menulist>
|
||||||
|
</row>
|
||||||
|
<row disabled="@is_dir">
|
||||||
|
<description/>
|
||||||
|
<checkbox label="Executable" id="perms[executable]"/>
|
||||||
|
</row>
|
||||||
|
<row disabled="1">
|
||||||
|
<description/>
|
||||||
|
<checkbox label="Only owner can rename or delete the content" id="perms[sticky]"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</groupbox>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<groupbox>
|
||||||
|
<caption label="Owner"/>
|
||||||
|
<grid>
|
||||||
|
<columns>
|
||||||
|
<column width = "120"/>
|
||||||
|
<column width="600"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row>
|
||||||
|
<description value="User"/>
|
||||||
|
<menulist>
|
||||||
|
<menupopup type="select-account" label="@ro_uid_root" id="uid" options="root,accounts" class="et2_fullWidth"/>
|
||||||
|
</menulist>
|
||||||
|
</row>
|
||||||
|
<row>
|
||||||
|
<description value="Group"/>
|
||||||
|
<menulist>
|
||||||
|
<menupopup type="select-account" label="@ro_gid_root" id="gid" options="root,groups" class="et2_fullWidth"/>
|
||||||
|
</menulist>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</groupbox>
|
||||||
|
</row>
|
||||||
|
<row disabled="!@is_dir">
|
||||||
|
<checkbox label="Modify all Subdirectories and their content" id="modify_subs"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</template>
|
||||||
|
<template id="filemanager.file.eacl" template="" lang="" group="0" version="1.9.001">
|
||||||
|
<grid width="100%" spacing="10">
|
||||||
|
<columns>
|
||||||
|
<column width="120"/>
|
||||||
|
<column/>
|
||||||
|
<column/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row valign="top" height="200">
|
||||||
|
<groupbox span="all">
|
||||||
|
<caption label="Extended access control list"/>
|
||||||
|
<grid width="100%" overflow="auto" id="eacl">
|
||||||
|
<columns>
|
||||||
|
<column width="60"/>
|
||||||
|
<column width="60"/>
|
||||||
|
<column width="20%"/>
|
||||||
|
<column width="16"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row class="th">
|
||||||
|
<description value="Owner"/>
|
||||||
|
<description value="Rights"/>
|
||||||
|
<description value="Inherited"/>
|
||||||
|
<description/>
|
||||||
|
</row>
|
||||||
|
<row class="row" disabled="!@1">
|
||||||
|
<menulist>
|
||||||
|
<menupopup type="select-account" id="${row}[owner]" readonly="true"/>
|
||||||
|
</menulist>
|
||||||
|
<menulist>
|
||||||
|
<menupopup id="${row}[rights]" readonly="true"/>
|
||||||
|
</menulist>
|
||||||
|
<description id="${row}[path]"/>
|
||||||
|
<button label="Delete" id="delete[$row_cont[ino]-$row_cont[owner]]" onclick="et2_dialog.confirm(widget,'Delete this extended ACL','Delete')" image="delete"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</groupbox>
|
||||||
|
</row>
|
||||||
|
<row valign="bottom" disabled="!@is_owner">
|
||||||
|
<menulist class="filemanager-file_filemanager-file-eaclowner eaclAccount">
|
||||||
|
<menupopup type="select-account" class="eaclAccount" label="Owner" id="eacl_owner" options="select one,both"/>
|
||||||
|
</menulist>
|
||||||
|
<menulist>
|
||||||
|
<menupopup class="eaclRights" statustext="You can only grant additional rights, you can NOT take rights away!" label="Rights" id="eacl[rights]"/>
|
||||||
|
</menulist>
|
||||||
|
<button label="Add" id="button[eacl]" image="add" background_image="1"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</template>
|
||||||
|
<template id="filemanager.file.preview" template="" lang="" group="0" version="1.5.001">
|
||||||
|
<grid width="100%" spacing="10" overflow="auto">
|
||||||
|
<columns>
|
||||||
|
<column/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row valign="top" disabled="!@mime=/^image/">
|
||||||
|
<image src="link" class="previewImage"/>
|
||||||
|
</row>
|
||||||
|
<row valign="top" height="280" disabled="!@text_content">
|
||||||
|
<textbox multiline="true" id="text_content" readonly="true" class="previewText"/>
|
||||||
|
</row>
|
||||||
|
<row disabled="@mime=/^(image|text)/">
|
||||||
|
<description value="No preview available"/>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</template>
|
||||||
|
<template id="filemanager.file.custom" template="" lang="" group="0" version="1.5.001">
|
||||||
|
<grid width="100%">
|
||||||
|
<columns>
|
||||||
|
<column width = "120"/>
|
||||||
|
<column width="600"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row>
|
||||||
|
<box width="100%" overflow="auto">
|
||||||
|
<customfields options="@info_type"/>
|
||||||
|
</box>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
</template>
|
||||||
|
<template id="filemanager.file" template="" lang="" group="0" version="1.9.001">
|
||||||
|
<grid border="1" width="100%">
|
||||||
|
<columns>
|
||||||
|
<column width = "120"/>
|
||||||
|
<column width="600"/>
|
||||||
|
</columns>
|
||||||
|
<rows>
|
||||||
|
<row disabled="@hidebuttons" class="dialogHeadbar" >
|
||||||
|
<hbox span="all" width="100%">
|
||||||
|
<button statustext="Saves this entry" id="button[save]" image="save" background_image="1"/>
|
||||||
|
<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
|
||||||
|
</hbox>
|
||||||
|
</row>
|
||||||
|
<row disabled="!@showsearchbuttons" class="dialogHeadbar">
|
||||||
|
<hbox span="all" width="100%">
|
||||||
|
<button label="Search" id="button[search]" image="search" background_image="1"/>
|
||||||
|
<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
|
||||||
|
</hbox>
|
||||||
|
</row>
|
||||||
|
<row class="dialogTabs">
|
||||||
|
<tabbox id="tabs" span="all" width="100%" align_tabs="v">
|
||||||
|
<tabs>
|
||||||
|
<tab id="filemanager.file.general" label="General"/>
|
||||||
|
<tab id="filemanager.file.perms" label="Permissions"/>
|
||||||
|
<tab id="filemanager.file.eacl" label="Extended ACL"/>
|
||||||
|
<tab id="filemanager.file.preview" label="Preview"/>
|
||||||
|
<tab id="filemanager.file.custom" label="Custom fields"/>
|
||||||
|
</tabs>
|
||||||
|
<tabpanels>
|
||||||
|
<template id="filemanager.file.general"/>
|
||||||
|
<template id="filemanager.file.perms"/>
|
||||||
|
<template id="filemanager.file.eacl"/>
|
||||||
|
<template id="filemanager.file.preview"/>
|
||||||
|
<template id="filemanager.file.custom"/>
|
||||||
|
</tabpanels>
|
||||||
|
</tabbox>
|
||||||
|
</row>
|
||||||
|
</rows>
|
||||||
|
</grid>
|
||||||
|
<styles>
|
||||||
|
|
||||||
|
</styles>
|
||||||
|
</template>
|
||||||
|
</overlay>
|
||||||
@ -523,10 +523,10 @@ div#stylite-filemanager-upload .dialogFooterToolbar button {
|
|||||||
-o-transition-timing-function: linear;
|
-o-transition-timing-function: linear;
|
||||||
transition-timing-function: linear;
|
transition-timing-function: linear;
|
||||||
background-color: #b4b4b4;
|
background-color: #b4b4b4;
|
||||||
padding-left: 30px !important;
|
padding-left: 30px;
|
||||||
background-position: 6px center !important;
|
background-position: 6px center;
|
||||||
background-repeat: no-repeat !important;
|
background-repeat: no-repeat;
|
||||||
background-size: 20px auto !important;
|
background-size: 20px auto;
|
||||||
/*.Button_size_h32_auto;*/
|
/*.Button_size_h32_auto;*/
|
||||||
height: 24px;
|
height: 24px;
|
||||||
}
|
}
|
||||||
@ -547,7 +547,7 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
|
|||||||
/* tablets and smartphones */
|
/* tablets and smartphones */
|
||||||
@media only screen and (max-device-width: 1024px) {
|
@media only screen and (max-device-width: 1024px) {
|
||||||
#filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='size]'] {
|
#filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='size]'] {
|
||||||
font-size: 8pt;
|
font-size: 9pt;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
#filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] {
|
#filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] {
|
||||||
@ -558,4 +558,11 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
|
|||||||
#filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] span {
|
#filemanager-index_nm table.egwGridView_outer tbody label[id^='filemanager-index'][id$='name]'] span {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
.previewImage img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
div#filemanager-file_tabs td.eaclAccount,
|
||||||
|
td.eaclRights {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -368,4 +368,6 @@ div#stylite-filemanager-upload{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.previewImage img {max-width: 100%;}
|
||||||
|
div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user