From c4362ba7b4bd55eba3ca2eee9a8236343e8dbc21 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Thu, 11 Feb 2016 09:49:47 +0000
Subject: [PATCH] Mobile theme W.I.P.: -Implement filemanager edit setting
 dialog and view mode

---
 filemanager/inc/class.filemanager_ui.inc.php |   3 +-
 filemanager/templates/mobile/file.xet        | 253 +++++++++++++++++++
 filemanager/templates/pixelegg/app.css       |  17 +-
 filemanager/templates/pixelegg/app.less      |   2 +
 4 files changed, 269 insertions(+), 6 deletions(-)
 create mode 100644 filemanager/templates/mobile/file.xet

diff --git a/filemanager/inc/class.filemanager_ui.inc.php b/filemanager/inc/class.filemanager_ui.inc.php
index 8fc43b1dd7..766651f401 100644
--- a/filemanager/inc/class.filemanager_ui.inc.php
+++ b/filemanager/inc/class.filemanager_ui.inc.php
@@ -142,7 +142,8 @@ class filemanager_ui
 				'caption' => lang('Edit settings'),
 				'group' => $group,
 				'allowOnMultiple' => false,
-				'onExecute' => 'javaScript:app.filemanager.editprefs',
+				'onExecute' => html::$ua_mobile?'javaScript:app.filemanager.viewEntry':'javaScript:app.filemanager.editprefs',
+				'mobileViewTemplate' => 'file.xet'
 			),
 			'mkdir' => array(
 				'caption' => lang('Create directory'),
diff --git a/filemanager/templates/mobile/file.xet b/filemanager/templates/mobile/file.xet
new file mode 100644
index 0000000000..53f4eae235
--- /dev/null
+++ b/filemanager/templates/mobile/file.xet
@@ -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>
diff --git a/filemanager/templates/pixelegg/app.css b/filemanager/templates/pixelegg/app.css
index 3fc6ffe811..08a55e52f1 100755
--- a/filemanager/templates/pixelegg/app.css
+++ b/filemanager/templates/pixelegg/app.css
@@ -523,10 +523,10 @@ div#stylite-filemanager-upload .dialogFooterToolbar button {
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
   background-color: #b4b4b4;
-  padding-left: 30px !important;
-  background-position: 6px center !important;
-  background-repeat: no-repeat !important;
-  background-size: 20px auto !important;
+  padding-left: 30px;
+  background-position: 6px center;
+  background-repeat: no-repeat;
+  background-size: 20px auto;
   /*.Button_size_h32_auto;*/
   height: 24px;
 }
@@ -547,7 +547,7 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
 /* tablets and smartphones  */
 @media only screen and (max-device-width: 1024px) {
   #filemanager-index_nm table.egwGridView_outer tbody span[id^='filemanager-index'][id$='size]'] {
-    font-size: 8pt;
+    font-size: 9pt;
     text-align: right;
   }
   #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 {
     white-space: nowrap;
   }
+  .previewImage img {
+    max-width: 100%;
+  }
+  div#filemanager-file_tabs td.eaclAccount,
+  td.eaclRights {
+    display: block;
+  }
 }
diff --git a/filemanager/templates/pixelegg/app.less b/filemanager/templates/pixelegg/app.less
index 1e88632e74..485e85f100 100644
--- a/filemanager/templates/pixelegg/app.less
+++ b/filemanager/templates/pixelegg/app.less
@@ -368,4 +368,6 @@ div#stylite-filemanager-upload{
 			}
 		}
 	}
+	.previewImage img {max-width: 100%;}
+	div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
 }
\ No newline at end of file