From 7e452c279c2d23bbe6f7cacacf7f1fdf200ecc54 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 16 Feb 2016 14:20:52 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Add more mobile adapted templates -
 Fix infolog index template

---
 calendar/templates/mobile/list.xet | 107 +++++++++++++++++++++++++++++
 infolog/templates/mobile/index.xet |  18 ++---
 2 files changed, 116 insertions(+), 9 deletions(-)
 create mode 100644 calendar/templates/mobile/list.xet
diff --git a/calendar/templates/mobile/list.xet b/calendar/templates/mobile/list.xet
new file mode 100644
index 0000000000..05575d6bc1
--- /dev/null
+++ b/calendar/templates/mobile/list.xet
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
+<!-- $Id: list.xet 54765 2016-01-19 00:48:21Z nathangray $ -->
+<overlay>
+	<template id="calendar.list.dates" template="" lang="" group="0" version="1.3.001">
+		<hbox>
+			<description value="Start"/>
+			<date id="startdate" onchange="app.calendar.update_state({date: widget.getValue()}); return false;"/>
+			<description value="End"/>
+			<date id="enddate" onchange="app.calendar.update_state({end_date: widget.getValue()}); return false;"/>
+		</hbox>
+	</template>
+	<template id="calendar.list.rows" template="" lang="" group="0" version="1.9.004">
+		<grid width="100%" >
+			<columns>
+				<column width="10"/>
+				<column width="95%" />
+				<column width="80"/>
+			</columns>
+			<rows>
+				<row class="th">
+					
+				</row>
+				<row class="$row_cont[class]" valign="top">
+					<description class=" cat_$row_cont[cat_id] mobile_cat_col"/>
+					<vbox class="calendar_fullWidth">
+						<hbox class="calTitleRow">
+							<description id="${row}[title]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
+						</hbox>
+						<box class="calDescRow">
+							<description id="${row}[description]" no_lang="1" activate_links="1"/>	
+						</box>	
+					</vbox>
+					<vbox class="calDates">
+						<date-time id="${row}[start]" readonly="true" options=",$cont[format]" class="noWrap"/>
+						<date-time id="${row}[end]" readonly="true" options=",$cont[format]" class="noWrap"/>
+					</vbox>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.list" template="" lang="" group="0" version="1.9.003">
+		<grid width="100%" border="0" spacing="0" padding="0">
+			<columns>
+					<column width="70%"/>
+					<column/>
+			</columns>
+			<rows>
+				<row disabled="!@css">
+					<html id="css" span="all"/>
+				</row>
+				<row>
+					<description align="center" id="msg" no_lang="1" span="all" class="message"/>
+				</row>
+				<row disabled="1">
+					<template id="dates"/>
+				</row>
+				<row>
+					<description id="plus_button_container"/>
+				</row>
+				<row>
+					<nextmatch id="nm" template="calendar.list.rows"  header_left="calendar.list.dates" span="all"/>
+				</row>
+				<row>
+					<hbox>
+						<box class="action_popup prompt" id="delete_popup">
+							<vbox>
+								<description value="Delete" class="promptheader"/>
+								<description value="This is a recurring event. Do you want to delete just this recurrence or the whole series?"/>
+								<hbox>
+									<button label="Delete this recurrence" id="delete" onclick="nm_submit_popup(this); return false;"/>
+									<button label="Delete series" id="delete_series" onclick="nm_popup_action.id = 'delete_series'; nm_submit_popup(this); return false;"/>
+									<buttononly label="Cancel" onclick="nm_hide_popup(this,'delete_popup');"/>
+								</hbox>
+							</vbox>
+						</box>
+						<box class="action_popup prompt" id="undelete_popup">
+							<vbox>
+								<description value="Un-delete" class="promptheader"/>
+								<description value="This is a recurring event. Do you want to Un-delete just this recurrence or the whole series?"/>
+								<hbox>
+									<button label="Un-delete this recurrence" id="undelete" onclick="nm_submit_popup(this); return false;"/>
+									<button label="Un-delete series" id="undelete_series" onclick="nm_popup_action.id = 'undelete_series'; nm_submit_popup(this); return false;"/>
+									<buttononly label="Cancel" onclick="nm_hide_popup(this,'undelete_popup');"/>
+								</hbox>
+							</vbox>
+						</box>
+					</hbox>
+					<description/>
+				</row>
+			</rows>
+		</grid>
+		<styles>
+			.noWrap { white-space: nowrap; }
+
+.image16 img {
+  height: 16px;
+}
+
+.listVbox {
+  width: 100%;
+}
+
+
+		</styles>
+	</template>
+</overlay>
diff --git a/infolog/templates/mobile/index.xet b/infolog/templates/mobile/index.xet
index 368271f273..14a4b495b7 100644
--- a/infolog/templates/mobile/index.xet
+++ b/infolog/templates/mobile/index.xet
@@ -18,8 +18,8 @@
 		<grid width="100%" >
 			<columns>
 				<column width="10"/>
-				<column width="80"/>
 				<column width="95%" />
+				<column width="80"/>
 			</columns>
 			<rows>
 				<row class="th">
@@ -27,14 +27,6 @@
 				</row>
 				<row class="$row_cont[class]" valign="top">
 					<description class=" cat_$row_cont[info_cat] mobile_cat_col"/>
-					<vbox class="infolog_CompletedClmn">
-						<time_or_date id="${row}[info_startdate]" readonly="true" options=",8"/>
-						<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/>
-						<hbox>
-							<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
-						</hbox>
-						<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
-					</vbox>
 					<vbox class="infolog_fullWidth">
 						<hbox class="infoSubRow">
 							<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
@@ -49,6 +41,14 @@
 						</hbox>
 						
 					</vbox>
+					<vbox class="infolog_CompletedClmn">
+						<time_or_date id="${row}[info_startdate]" readonly="true" options=",8"/>
+						<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/>
+						<hbox>
+							<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
+						</hbox>
+						<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class]" width="64"/>
+					</vbox>
 				</row>
 			</rows>
 		</grid>
