From aca15a2a973f16cd87ba029df1628ae327a5a05c Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Wed, 6 Apr 2016 16:45:32 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Alway use flat skin for ckeditor
 regardless of preference - Add freetimesearch dialog

---
 api/src/Html/CkEditorConfig.php              |  2 +-
 calendar/templates/mobile/freetimesearch.xet | 99 ++++++++++++++++++++
 2 files changed, 100 insertions(+), 1 deletion(-)
 create mode 100644 calendar/templates/mobile/freetimesearch.xet

diff --git a/api/src/Html/CkEditorConfig.php b/api/src/Html/CkEditorConfig.php
index 5e06d5e3ea..c8d9fb932d 100644
--- a/api/src/Html/CkEditorConfig.php
+++ b/api/src/Html/CkEditorConfig.php
@@ -251,7 +251,7 @@ class CkEditorConfig
 			{
 				$skin = "moono"; //this is the basic skin for ckeditor
 			}
-			self::$skin = $skin;
+			self::$skin = \EGroupware\Api\Header\UserAgent::mobile()?'flat':$skin;
 		}
 
 		return self::$skin;
diff --git a/calendar/templates/mobile/freetimesearch.xet b/calendar/templates/mobile/freetimesearch.xet
new file mode 100644
index 0000000000..7a0b20617d
--- /dev/null
+++ b/calendar/templates/mobile/freetimesearch.xet
@@ -0,0 +1,99 @@
+<?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="calendar.freetimesearch.rows" template="" lang="" group="0" version="1.0.1.001">
+		<grid>
+			<columns>
+				<column/>
+				<column/>
+				<column/>
+				<column/>
+			</columns>
+			<rows>
+				<row class="th">
+					<description value="Date"/>
+					<description value="Time"/>
+					<description value="Select"/>
+					<description value="Enddate"/>
+				</row>
+				<row class="row">
+					<date options=",16" id="${row}[start]" readonly="true"/>
+					<menulist>
+						<menupopup no_lang="1" id="{$row}start" statustext="select a time"/>
+					</menulist>
+					<button label="Select" id="select[$row]" statustext="use the selected time and close the popup" onclick="app.calendar.freetime_select" />
+					<date-time id="${row}[end]" readonly="true"/>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.freetimesearch" template="" lang="" group="0" version="1.3.001">
+		<grid border="1" width="100%">
+			<columns>
+				<column width = "120"/>
+				<column/>
+			</columns>
+			<rows>
+				<row class="dialogHeadbar">
+
+				</row>
+				<row>
+					<description class="calendar_freetime_header" value="Freetime Search" span="all"/>
+				</row>
+				<row>
+					<description value="Duration"/>
+					<hbox>
+						<menulist>
+							<menupopup no_lang="1" id="duration" statustext="Duration of the meeting" onchange="app.calendar.set_enddate_visibility" options="Use end date"/>
+						</menulist>
+						<date-time id="end" statustext="Enddate / -time of the meeting, eg. for more then one day"/>
+					</hbox>
+				</row>
+				<row >
+					<description value="Startdate / -time"/>
+					<date-time id="start" statustext="Startdate and -time of the search"/>
+				</row>
+			</rows>
+		</grid>
+
+		<grid>
+			<columns>
+				<column/>
+				<column/>
+			</columns>
+			<rows>
+
+
+				<row>
+
+				</row>
+				<row>
+					<description value="Timeframe"/>
+					<hbox class="calendar_freetime_timeframe">
+						<date-timeonly id="start_time" statustext="Timeframe to search"/>
+						<description value="til"/>
+						<date-timeonly id="end_time" statustext="Timeframe to search"/>
+						<description value="Weekdays"/>
+						<select-dow rows="10" id="weekdays" statustext="Weekdays to use in search" class="calendar_freetime_dow"/>
+					</hbox>
+				</row>
+				<row>
+					<button label="New search" id="search" statustext="new search with the above parameters"/>
+					<hbox>
+						<menulist>
+							<menupopup no_lang="1" id="search_window" statustext="how far to search (from startdate)"/>
+						</menulist>
+						<button id="cancel" label="Cancel" statustext="Close the window" onclick="window.close();"/>
+					</hbox>
+				</row>
+				<row>
+					<template content="freetime" span="all" id="calendar.freetimesearch.rows"/>
+				</row>
+			</rows>
+		</grid>
+		<styles>
+			body { background-color: white; }
+		</styles>
+	</template>
+</overlay>