Mobile theme W.I.P:

- Fix admin account tab
- Switch category tree to taglist-cat for addressbook

addressbook/templates/mobile/edit.xet

@@ -136,10 +136,18 @@
 				<column width="600"/>
 			</columns>
 			<rows>
+				<row>
+					<description for="category" value="Categories"/>
+					<taglist-cat id="category" class="et2_fullWidth" empty_label="Select categories"/>
+				</row>
 				<row>
 					<description value="Notes"/>
 					<textbox multiline="true" id="note" rows="10" resize_ratio="0" class="et2_fullWidth" height="200"/>
 				</row>
+				<row>
+					<description for="pubkey" value="Public key"/>
+					<textbox multiline="true" id="pubkey" rows="4" resize_ratio="0" class="et2_fullWidth"/>
+				</row>
 				<row disabled="@hidebuttons">
 					<description value="Last date"/>
 					<link id="last_link"/>
@@ -148,16 +156,6 @@
 					<description value="Next date"/>
 					<link id="next_link"/>
 				</row>
-				<row>
-					<description for="pubkey" value="Public key"/>
-					<textbox multiline="true" id="pubkey" rows="4" resize_ratio="0" class="et2_fullWidth"/>
-				</row>
-				<row disabled="!@cat_tab=Tree">
-					<tree-cat id="cat_id_tree" options="13,,width:99%"/>
-				</row>	
-				<row disabled="@cat_tab=Tree">
-					<listbox type="select-cat" id="cat_id" rows="11"/>
-				</row>
 			</rows>
 		</grid>
 	</template>
@@ -402,7 +400,7 @@
 					<description for="org_unit" value="department"/>
 					<textbox id="org_unit" onchange="app.addressbook.check_value(widget,'$cont[id]');" class="et2_fullWidth" maxlength="64"/>
 				</row>
-				
+
 				<row>
 					<description for="tel_work" value="Business phone"/>
 					<url-phone id="tel_work" class="et2_fullWidth" autocomplete="work tel" />
@@ -444,7 +442,7 @@
 					</tabbox>
 				</row>
 				<row>
-					
+
 				</row>
 			</rows>
 		</grid>

admin/templates/default/acl.xet

@@ -60,11 +60,23 @@
 		</grid>
 	</template>
 	<template id="admin.acl" template="" lang="" group="0" version="1.9.001">
-		<vbox>
+		<grid width="100%">
-			<nextmatch id="nm" template="admin.acl.rows" header_left="admin.acl.add"/>
+			<columns>
-			<hbox class="dialogFooterToolbar">
+				<column width="100%"/>
-				<button label="Close" id="cancel" onclick="window.close();"/>
+			</columns>
-			</hbox>
+			<rows>
-		</vbox>
+				<row class="dialogHeader">
+					<description value="Access control" class=""/>
+				</row>
+				<row>
+					<nextmatch id="nm" template="admin.acl.rows" header_left="admin.acl.add" height="400"/>
+				</row>
+				<row class="dialogFooterToolbar">
+					<hbox>
+						<button label="Close" id="cancel" onclick="window.close();"/>
+					</hbox>
+				</row>
+			</rows>
+		</grid>
 	</template>
 </overlay>

admin/templates/mobile/account.xet

@@ -15,10 +15,10 @@
 				</row>
 				<row>
 					<description value="Expires" for="account_expires"/>
-					<hbox>
+					<vbox>
 						<date id="account_expires"/>
 						<checkbox id="account_status" selected_value="A" label="Account active"/>
-					</hbox>
+					</vbox>
 				</row>
 				<row>
 					<description value="Password" for="account_passwd"/>
@@ -49,7 +49,7 @@
 					<description value="Login shell" for="loginshell"/>
 					<textbox id="loginshell" class="et2_fullWidth"/>
 				</row>
-				
+
 				<row>
 					<description value="Primary group" for="account_primary_group"/>
 					<select-account id="account_primary_group" account_type="groups" class="et2_fullWidth"/>

admin/templates/mobile/app.css

@@ -0,0 +1,33 @@
+/**
+ *
+ * Admin - Mobile
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ * Pixleegg Template app.css
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Hadi Nategh <hn@stylite.de>
+ * @package admin
+ * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
+ */
+/* tablets and smartphones  */
+@media all {
+  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='status]'] {
+    text-align: right;
+    font-size: 10pt;
+  }
+  #admin-index table.egwGridView_outer tbody .adminCol2 {
+    float: right;
+  }
+  #admin-index table.egwGridView_outer tbody .adminCol2 div {
+    text-align: right;
+  }
+  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lid]'] {
+    font-weight: bold;
+    font-size: 12pt;
+  }
+  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lastname]']::after {
+    content: ",";
+    font-size: 10pt;
+  }
+}

admin/templates/mobile/app.less

@@ -0,0 +1,40 @@
+/**
+ *
+ * Admin - Mobile
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ * Pixleegg Template app.css
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Hadi Nategh <hn@stylite.de>
+ * @package admin
+ * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
+ */
+@import (reference) "../../../pixelegg/less/definitions.less";
+@import (reference) "../../../pixelegg/less/def_mobile.less";
+
+/* tablets and smartphones  */
+@media all {
+	#admin-index {
+		table.egwGridView_outer tbody {
+			span[id^="admin-index"][id$='status]']{
+				text-align: right;
+				.mob-fontsize-n;
+			}
+			.adminCol2 {
+				float: right;
+				div {
+					text-align: right;
+				}
+			}
+			span[id^="admin-index"][id$='account_lid]']{
+				font-weight: bold;
+				.mob-fontsize-l;
+			}
+			span[id^="admin-index"][id$='account_lastname]']::after{
+				content:",";
+				.mob-fontsize-n;
+			}
+		}
+	}
+}

admin/templates/pixelegg/app.css

@@ -18,7 +18,7 @@
  * @package etemplate
  * @link http://www.egroupware.org
  * @author Ralf Becker <RalfBecker@outdoor-training.de>
- * @version $Id: app.css 53026 2015-07-01 18:35:24Z ralfbecker $
+ * @version $Id: app.css 55140 2016-02-25 08:42:33Z ralfbecker $
  */
 .admin_tree table,
 .admin_tree tr,
@@ -168,22 +168,3 @@ td.admin_userAgent span {
 #                                           #
 ##############################################*/
 }
-/* tablets and smartphones  */
-@media only screen and (max-device-width: 1024px) {
-  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='status]'] {
-    text-align: right;
-    font-size: 9pt;
-  }
-  #admin-index table.egwGridView_outer tbody .adminCol2 {
-    float: right;
-  }
-  #admin-index table.egwGridView_outer tbody .adminCol2 div {
-    text-align: right;
-  }
-  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lid]'] {
-    font-weight: bold;
-  }
-  #admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lastname]']::after {
-    content: ",";
-  }
-}

admin/templates/pixelegg/app.less

@@ -125,27 +125,3 @@ iframe#admin-index_iframe{
 } // Media
 //
 //
-
-/* tablets and smartphones  */
-@media only screen and (max-device-width:1024px) {
-	#admin-index {
-		table.egwGridView_outer tbody {
-			span[id^="admin-index"][id$='status]']{
-				text-align: right;
-				.mob-fontsize-s;
-			}
-			.adminCol2 {
-				float: right;
-				div {
-					text-align: right;
-				}
-			}
-			span[id^="admin-index"][id$='account_lid]']{
-				font-weight: bold;
-			}
-			span[id^="admin-index"][id$='account_lastname]']::after{
-				content:",";
-			}
-		}
-	}
-}