From ee41a65b08eac8f8879ec289499511948d0f5ade Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 16 Feb 2016 16:17:26 +0000
Subject: [PATCH] Mobile theme W.I.P.: -Add calendar edit dialog

---
 calendar/templates/mobile/edit.xet   | 310 +++++++++++++++++++++++++++
 calendar/templates/pixelegg/app.css  |   4 +
 calendar/templates/pixelegg/app.less |   4 +
 3 files changed, 318 insertions(+)
 create mode 100644 calendar/templates/mobile/edit.xet

diff --git a/calendar/templates/mobile/edit.xet b/calendar/templates/mobile/edit.xet
new file mode 100644
index 0000000000..f93d364119
--- /dev/null
+++ b/calendar/templates/mobile/edit.xet
@@ -0,0 +1,310 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE overlay PUBLIC "-//Stylite AG//eTemplate 2//EN" "http://www.egroupware.org/etemplate2.dtd">
+<!-- $Id: edit.xet 54465 2015-12-04 17:37:26Z nathangray $ -->
+<overlay>
+	<template id="calendar.edit.details" template="" lang="" group="0" version="1.9.001">
+		<grid width="100%">
+			<columns>
+				<column width = "120"/>
+				<column width = "600"/>
+			</columns>
+			<rows>
+				
+				<row>
+					<description for="priority" value="Priority"/>
+					<menulist>
+						<menupopup type="select-priority" id="priority" class="et2_fullWidth"/>
+					</menulist>
+				</row>
+				<row class="row add_alarm_action" valign="top" disabled="@no_add_alarm">
+					<button id="button[add_alarm]" label="Alarm" image="add" background_image="1"/>
+					<hbox>
+						<menulist>
+							<menupopup type="select" statustext="" id="new_alarm[options]" onchange="app.calendar.alarm_custom_date"/>
+						</menulist>
+						<date-time id="new_alarm[date]" class="calendar_alarm_date_display"/>
+					</hbox>
+				</row>
+				<row>
+					<description value="for"/>
+					<menulist>
+						<menupopup statustext="Select who should get the alarm" id="new_alarm[owner]" no_lang="1"/>
+					</menulist>
+				</row>
+				<row disabled="!@alarm">
+					<grid id="alarm" width="100%"  class="egwGridView_grid calendar_alarm_grid">
+						<columns>
+							<column width = "120"/>
+							<column width="80%"/>
+							<column width = "20"/>
+						</columns>
+						<rows>
+							<row class="th">
+								<description value="Time"/>
+								<description value="Owner"/>
+								<description value="Action"/>
+							</row>
+							<row>
+								<date-time id="${row}[time]" readonly="true"/>
+								<hbox>
+									<checkbox align="center" id="${row}[all]" label="all" readonly="true"/>
+									<menulist>
+										<menupopup type="select-account" id="${row}[owner]" readonly="true"/>
+									</menulist>
+								</hbox>
+								<button align="center" statustext="Delete this alarm" id="delete_alarm[$row_cont[id]]" onclick="et2_dialog.confirm(widget,'Delete this alarm','Delete')" image="delete"/>
+							</row>
+						</rows>
+					</grid>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.edit.description" template="" lang="" group="0" version="1.0.1.001">
+		<textbox multiline="true"  id="description" no_lang="1" width="99.7%" height="250" resize_ratio="0"/>
+	</template>
+	<template id="calendar.edit.participants" template="" lang="" group="0" version="1.9.001">
+		<grid width="99%" id="participants">
+			<columns>
+				<column width = "120"/>
+				<column width="95%"/>
+				<column width = "20"/>
+			</columns>
+			<rows>
+				<row class="th" disabled="@view">
+					<description value="Add new participants or resource" span="all"/>
+				</row>
+				<row disabled="@no_add">
+					<vbox>
+						<menulist>
+							<menupopup type="select-account" statustext="User or group" id="account" multiple="true" no_lang="true" tags="true" account_type="both" empty_label="User or group" class="et2_fullWidth" width="99%"/>
+						</menulist>
+						<link-entry id="resource" options="@cal_resources" query="app.calendar.edit_participant_search"/>
+					</vbox>
+					<vbox>
+						<textbox type="integer" align="center" id="quantity" min="1" size="3"/>
+						<menulist>
+							<menupopup class="selectRole" id="role"/>
+						</menulist>
+					</vbox>
+					<button align="center" id="add" image="add" background_image="1" novalidate="1"/>
+				</row>
+				<row class="th">
+					<description value="Participants"/>
+					<description value="Status"/>
+					<description value="Actions"/>
+				</row>
+				<row valign="top">
+					<description id="${row}[title]" no_lang="1"/>
+					<hbox>
+						<menulist>
+							<menupopup id="${row}[status]" onchange="1"/>
+						</menulist>
+						<textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/>
+						<description id="${row}[role_label]"/>
+					</hbox>	
+					<button align="center" label="Delete" id="delete[$row_cont[delete_id]]" image="delete"/>
+				</row>
+			</rows>
+		</grid>
+		<styles>
+			.selectRole select { width: 100%; }
+		</styles>
+	</template>
+	<template id="calendar.edit.recurrence" template="" lang="" group="0" version="1.9.001">
+		<grid width="100%">
+			<columns>
+				<column width = "120"/>
+				<column width="600"/>
+			</columns>
+			<rows>
+				<row height="12">
+					<description for="recur_type" value="Repeat type"/>
+					<menulist>
+						<menupopup id="recur_type" onchange="app.calendar.check_recur_type" class="et2_fullWidth"/>
+					</menulist>
+				</row>	
+				<row>	
+					<description for="recur_interval" value="Interval"/>
+					<menulist>
+						<menupopup type="select-number" statustext="repeating interval, eg. 2 to repeat every second week" id="recur_interval" options="None,2,31" class="et2_fullWidth"/>
+					</menulist>
+				</row>
+				<row>
+					<description for="recur_enddate" value="End date"/>
+					<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
+				</row>	
+				<row>	
+					<description for="tzid" value="Timezone"/>
+					<menulist>
+						<menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/>
+					</menulist>
+				</row>
+				<row>
+					<description for="recur_data" value="Repeat days"/>
+					<listbox type="select-dow" statustext="Days of the week for a weekly repeated event" id="recur_data" rows="6" options="1"/>
+				</row>
+				<row class="th">
+					<description value="Exceptions" span="all"/>
+				</row>
+				<row>
+					<grid id="recur_exception">
+						<columns>
+							<column width = "120"/>
+							<column width="600"/>
+						</columns>
+						<rows>
+							<row>
+								<date-time id="$row" readonly="true"/>
+								<button statustext="Delete this exception" label="Delete" id="delete_exception[$row_cont]" onclick="et2_dialog.confirm(widget,'Delete this exception','Delete')" image="delete"/>
+							</row>
+						</rows>
+					</grid>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.edit.custom" template="" lang="" group="0" version="1.4.001">
+		<grid width="100%">
+			<columns>
+				<column width = "120"/>
+				<column width="600"/>
+			</columns>
+			<rows>
+				<row>
+					<box width="100%" overflow="auto">
+						<customfields options="@info_type"/>
+					</box>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.edit.links" template="" lang="" group="0" version="1.0.1.001">
+		<grid width="100%">
+			<columns>
+				<column width="600"/>
+			</columns>
+			<rows>
+				<row disabled="@view">
+					<link-to id="link_to"/>
+				</row>
+				<row class="th">
+					<description value="Existing links"/>
+				</row>
+				<row>        
+					<link-list id="link_to"/>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="calendar.edit" template="" lang="" group="0" version="1.9.001">
+		<grid border="1" width="100%">
+			<columns>
+				<column width = "120"/>
+				<column width="600"/>
+			</columns>
+			<rows>
+				<row disabled="@hidebuttons" class="dialogHeadbar" >
+					<hbox  span="all" width="100%">
+						<button statustext="Saves this entry" id="button[save]" image="save" background_image="1"/>
+						<button statustext="Apply the changes" id="button[apply]" image="apply" background_image="1"/>
+						<button align="right" statustext="delete this entry" id="button[delete]" onclick="if($cont[info_anz_subs]) return $cont[info_anz_subs]; et2_dialog.confirm(widget,'Delete this entry','Delete');" image="delete" background_image="1" span="all"/>
+						<buttononly statustext="Find free timeslots where the selected participants are availible for the given timespan" label="Freetime search" id="freetime" onclick="app.calendar.freetime_search" image="add" background_image="1"/>
+						<checkbox label="notification" id="no_notifications"/>
+						<textbox type="hidden" id="delete_exceptions"/>
+					</hbox>
+				</row>
+				<row disabled="!@showsearchbuttons" class="dialogHeadbar">
+					<hbox span="all" width="100%">
+						<button label="Search" id="button[search]" image="search" background_image="1"/>
+						<button label="Cancel" id="button[cancelsearch]" image="cancel" background_image="1"/>
+					</hbox>
+				</row>	
+				<row>
+					<description value="Title"/>
+					<textbox id="title" needed="1" maxlength="255" tabindex="1" class="et2_fullWidth"/>
+				</row>
+				<row>
+					<description for="start" value="Start" width="88"/>
+					<date-time id="start" needed="1" class="required"/>
+				</row>
+				
+				<row>
+					<description for="duration" value="Duration" width="0" id="calendar_edit_duration" />
+					<hbox>
+						<menulist >
+							<menupopup statustext="Duration of the meeting" class="et2_fullWidth" id="duration" no_lang="1" onchange="app.calendar.set_enddate_visibility" options="Use end date,,,,,,,false"/>
+						</menulist>
+						<date-time id="end"/>
+					</hbox>
+				</row>
+				<row>
+					<description value="Options"/>
+					<hbox>
+						<checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/>
+						<checkbox label="Private" id="public" options="0,1"/>
+						<checkbox  statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/>
+					</hbox>
+				</row>
+				<row>
+					<description for="location" value="Location"/>
+					<textbox id="location" maxlength="255" class="et2_fullWidth"/>
+				</row>
+				<row>
+					<description for="category" value="Categories"/>
+					<menulist class="et2_fullWidth">
+						<menupopup type="select-cat" statustext="select a category for this entry" id="category" options="None"/>
+					</menulist>
+				</row>
+				<row>
+					<tabbox id="tabs" span="all" width="100%" align_tabs="v">
+						<tabs>
+							<tab id="description" label="Description" statustext="Full description"/>
+							<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/>
+							<tab id="details" label="Details" statustext="Location, Start- and Endtimes, ..."/>
+							<tab id="recurrence" label="Recurrence" statustext="Repeating Event Information"/>
+							<tab id="custom" label="Custom" statustext="Custom fields"/>
+							<tab id="links" label="Links" statustext="Links, Attachments"/>
+						</tabs>
+						<tabpanels>
+							<template id="calendar.edit.description"/>
+							<template id="calendar.edit.participants"/>
+							<template id="calendar.edit.details"/>
+							<template id="calendar.edit.recurrence"/>
+							<template id="calendar.edit.custom"/>
+							<template id="calendar.edit.links"/>
+						</tabpanels>
+					</tabbox>
+				</row>
+				<row>
+					<details title="Ownership">
+						<grid width="100%">
+							<columns>
+								<column width = "120"/>
+								<column width="600"/>
+							</columns>
+							<rows>
+								<row disabled="!@owner" class="dialogOperators">
+									<description value="Owner"/>
+									<menulist>
+										<menupopup type="select-account" id="owner" readonly="true"/>
+									</menulist>
+								</row>
+								<row>
+									<description value="Updated"/>
+									<date-time id="modified" no_lang="1" readonly="true"/>
+								</row>
+								<row>	
+									<description/>	
+									<menulist>
+										<menupopup type="select-account"  label="by" class="et2_nowrap" id="modifier" align="right" readonly="true"/>
+									</menulist>
+								</row>
+							</rows>
+						</grid>
+					</details>
+				</row>
+			</rows>
+		</grid>
+	</template>
+</overlay>
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 2eb8a542ff..aebd315025 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -2624,4 +2624,8 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
   #calendar-toolbar #toolbar-actionlist {
     margin-left: 70px;
   }
+  #calendar-edit #calendar-edit_calendar-edit-details {
+    float: none;
+    display: initial;
+  }
 }
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 2c0be47ef8..8817de36bb 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -1424,4 +1424,8 @@ div#calendar-container {
 			margin-left: 70px;
 		}
 	}
+	#calendar-edit #calendar-edit_calendar-edit-details{
+		float: none;
+		display: initial;
+	}
 }
\ No newline at end of file