From f6cc24cb1570af28282b85a1c9bfd8b65445fcb5 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 8 Dec 2015 18:07:02 +0000
Subject: [PATCH] Mobile theme W.I.P.: -Implement listview templates for
 projectmanager list and admin

---
 admin/templates/mobile/index.xet  | 47 +++++++++++++++++++++++++++++++
 admin/templates/pixelegg/app.css  | 21 +++++++++++++-
 admin/templates/pixelegg/app.less | 27 +++++++++++++++++-
 3 files changed, 93 insertions(+), 2 deletions(-)
 create mode 100644 admin/templates/mobile/index.xet

diff --git a/admin/templates/mobile/index.xet b/admin/templates/mobile/index.xet
new file mode 100644
index 0000000000..8e338ce0a0
--- /dev/null
+++ b/admin/templates/mobile/index.xet
@@ -0,0 +1,47 @@
+<?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="admin.index.add" template="" lang="" group="0" version="1.9.001">
+		<buttononly label="Add" id="add" onclick='app.admin.account({id:"add"})'/>
+	</template>
+	<template id="admin.index.rows" template="" lang="" group="0" version="1.9.001">
+		<grid width="100%">
+			<columns>
+				<column width="90%"/>
+				<column width="130"/>
+			</columns>
+			<rows>
+				<row>
+					
+				</row>
+				<row class="$row_cont[status_class]">
+					<vbox>
+						<description id="${row}[account_lid]" no_lang="1"/>
+						<hbox>
+							<description id="${row}[account_lastname]" no_lang="1"/>
+							<description id="${row}[account_firstname]" no_lang="1"/>
+						</hbox>
+						<url-email id="${row}[account_email]" readonly="true" class="adminOverflowEllipsis"/>
+					</vbox>
+					<vbox class="adminCol2">
+						<hbox>
+							<time_or_date id="${row}[account_created]" readonly="true"/>
+						</hbox>
+						<hbox>
+							<description id="${row}[status]" no_lang="1" class="adminStatus"/>
+						</hbox>
+						<hbox>
+							<time_or_date id="${row}[account_modified]" readonly="true"/>
+						</hbox>
+					</vbox>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="admin.index" template="" lang="" group="0" version="1.9.001">
+		<tree autoloading="admin_ui::ajax_tree" id="tree" onclick="app.admin.run" parent_node="admin_tree_target" std_images="bullet"/>
+		<nextmatch id="nm" template="admin.index.rows"/>
+		<iframe frameborder="1" height="100%" id="iframe" scrolling="auto" width="100%" disabled="true"/>
+	</template>
+</overlay>
diff --git a/admin/templates/pixelegg/app.css b/admin/templates/pixelegg/app.css
index 4b83dbe027..1e2486ed47 100755
--- a/admin/templates/pixelegg/app.css
+++ b/admin/templates/pixelegg/app.css
@@ -1,4 +1,3 @@
-@import "../default/app.css";
 /**
  * EGroupware: CSS with less preprocessor
 
@@ -12,6 +11,7 @@
  * @package addressbook
  * @version $Id$
  */
+@import "../default/app.css";
 @media all {
   div.dhtmlxTree td.standartTreeRow span.selectedTreeRow {
     background-color: #ffdd73;
@@ -74,3 +74,22 @@
 #                                           #
 ##############################################*/
 }
+/* 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: 8pt;
+  }
+  #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: ",";
+  }
+}
diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
index 8136ceb446..3b013189c9 100755
--- a/admin/templates/pixelegg/app.less
+++ b/admin/templates/pixelegg/app.less
@@ -14,6 +14,7 @@
 
 
 @import (reference) "../../../pixelegg/less/definitions.less";
+@import (reference) "../../../pixelegg/less/def_mobile.less";
 @import (reference) "../default/app.css";
 
 
@@ -123,4 +124,28 @@ iframe#admin-index_iframe{
 
 } // Media
 //
-//
\ No newline at end of file
+//
+
+/* 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:",";
+			}
+		}
+	}
+}
\ No newline at end of file