From bfdec694280302a9dd509e5622565fc6981ff8fc Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Mon, 7 Mar 2016 17:38:03 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Add mail acl dailog - Fix taglist
 styling

---
 mail/templates/mobile/acl.xet  | 60 ++++++++++++++++++++++++++++++++++
 mail/templates/mobile/app.css  |  6 ++++
 mail/templates/mobile/app.less |  5 +++
 pixelegg/mobile/fw_mobile.css  | 18 ++++++++++
 pixelegg/mobile/fw_mobile.less | 10 ++++++
 5 files changed, 99 insertions(+)
 create mode 100644 mail/templates/mobile/acl.xet

diff --git a/mail/templates/mobile/acl.xet b/mail/templates/mobile/acl.xet
new file mode 100644
index 0000000000..b120be3e71
--- /dev/null
+++ b/mail/templates/mobile/acl.xet
@@ -0,0 +1,60 @@
+<?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="mail.acl" template="" lang="" group="0" version="1.9.001">
+		<grid width="100%" height="100%">
+			<columns>
+				<column/>
+			</columns>
+			<rows>
+				<row class="dialogHeadbar">
+					<hbox span="all">
+						<button id="button[save]" class="$cont[hideIfSieveDisabled]"/>
+						<button id="button[apply]" class="$cont[hideIfSieveDisabled]"/>
+						<button id="button[cancel]" onclick="window.close();" class="$cont[hideIfSieveDisabled]"/>
+					</hbox>
+				</row>
+				<row>
+					<taglist id="mailbox" width="100%" maxSelection="1" empty_label="Folder" autocomplete_params='' allowFreeEntries="false" onchange='app.mail.acl_folderChange'/>
+				</row>
+				<row>
+					<grid id="grid" width="100%">
+						<columns>
+							<column/>
+						</columns>
+						<rows>
+							<row class="th">
+								<description value="Rights"/>
+							</row>
+							<row class="row"  valign="top">
+								<vbox>
+									<taglist-account id="${row}[acc_id]" allowFreeEntries="true" maxSelection="1" account_type="@account_type" empty_label="Add user or email" />
+									<hbox>
+										<menulist>
+											<menupopup id="${row}[acl]" label="Rights" onchange="app.mail.acl_common_rights_selector"/>
+										</menulist>
+										<checkbox align="center" label="Recursively" id="${row}[acl_recursive]"/>
+										<button align="right" statustext="Delete this ACL" id="delete[${row}]" value="${row}" image="delete" onclick="et2_dialog.confirm(widget,'Do you really want to remove all rights from this account','Remove')"/>
+									</hbox>
+
+									<hbox class="aclDetails">
+										<checkbox align="center" id="${row}[acl_l]" onchange="app.mail.acl_common_rights" label="L"/>
+										<checkbox align="center" id="${row}[acl_r]" onchange="app.mail.acl_common_rights" label="R"/>
+										<checkbox align="center" id="${row}[acl_s]" onchange="app.mail.acl_common_rights" label="S"/>
+										<checkbox align="center" id="${row}[acl_w]" onchange="app.mail.acl_common_rights" label="W"/>
+										<checkbox align="center" id="${row}[acl_i]" onchange="app.mail.acl_common_rights" label="I"/>
+										<checkbox align="center" id="${row}[acl_p]" onchange="app.mail.acl_common_rights" label="P"/>
+										<checkbox align="center" id="${row}[acl_c]" onchange="app.mail.acl_common_rights" label="C"/>
+										<checkbox align="center" id="${row}[acl_d]" onchange="app.mail.acl_common_rights" label="D"/>
+										<checkbox align="center" id="${row}[acl_a]" onchange="app.mail.acl_common_rights" label="A"/>
+									</hbox>
+								</vbox>
+							</row>
+						</rows>
+					</grid>
+				</row>
+			</rows>
+		</grid>
+	</template>
+</overlay>
diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index 1741934337..7ba0e2398c 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -2781,4 +2781,10 @@ div.mailComposeHeaderSection > table {
   #mail-index_buttonmailcreate {
     display: none;
   }
+  div.aclDetails {
+    display: none;
+  }
+  #mail-acl_grid .row {
+    border-bottom: 1px solid silver;
+  }
 }
diff --git a/mail/templates/mobile/app.less b/mail/templates/mobile/app.less
index c0fd875eaf..0085894f5e 100644
--- a/mail/templates/mobile/app.less
+++ b/mail/templates/mobile/app.less
@@ -339,4 +339,9 @@
 
 	}
 	#mail-index_buttonmailcreate {display:none;}
+	div.aclDetails {display:none;}
+	#mail-acl_grid {
+		.row{border-bottom: 1px solid silver;}
+	}
+
 }
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 022e68e01e..48d56925bf 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -7606,6 +7606,12 @@ span.egw_tutorial_title {
     border: none;
     border-bottom: 1px solid #e6e6e6;
   }
+  body .et2_taglist_category span[class*="cat_"] {
+    height: 42px;
+  }
+  body .et2_button_icon {
+    height: 32px;
+  }
   body #popupMainDiv {
     /* Exceptional cases to not get the general left padding*/
   }
@@ -7634,9 +7640,21 @@ span.egw_tutorial_title {
     border-right: 0;
     border-radius: 0;
   }
+  body #popupMainDiv .et2_label .et2_selectbox {
+    padding-left: 8px;
+  }
   body #popupMainDiv ul.et2_selectbox li {
     padding-top: 13px;
   }
+  body #popupMainDiv .et2_taglist input[type="text"] {
+    height: 36px;
+  }
+  body #popupMainDiv .et2_taglist .ms-sel-item {
+    margin-left: 3px;
+    line-height: 36px;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
   body #popupMainDiv .et2_label .et2_date_ro.et2_label {
     padding-left: 0;
   }
diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less
index 3e902ee3e4..1bc4bd3021 100644
--- a/pixelegg/mobile/fw_mobile.less
+++ b/pixelegg/mobile/fw_mobile.less
@@ -780,6 +780,8 @@
 			border:none;
 			border-bottom: 1px solid #e6e6e6;
 		}
+		.et2_taglist_category span[class*="cat_"] {height: 42px;}
+		.et2_button_icon {height:32px;}
 		#popupMainDiv {
 			* {
 				.mob-fontsize-n;
@@ -797,9 +799,17 @@
 				border-right:0;
 				border-radius: 0;
 			}
+			.et2_label .et2_selectbox {padding-left: 8px;}
 			ul.et2_selectbox {
 				li{padding-top: 13px;}
 			}
+			.et2_taglist input[type="text"] {height:36px;}
+			.et2_taglist .ms-sel-item {
+				margin-left: 3px;
+				line-height: 36px;
+				margin-top: 0;
+				margin-bottom: 0;
+			}
 			/* Exceptional cases to not get the general left padding*/
 			.et2_label .et2_date_ro.et2_label {padding-left: 0;}