Mobile theme W.I.P.:

- Add more mobile adapted templates
- Fix infolog index template
This commit is contained in:
Hadi Nategh 2016-02-16 14:20:52 +00:00
parent db7e7135ea
commit 7e452c279c
2 changed files with 116 additions and 9 deletions

View File

@ -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>

View File

@ -18,8 +18,8 @@
<grid width="100%" > <grid width="100%" >
<columns> <columns>
<column width="10"/> <column width="10"/>
<column width="80"/>
<column width="95%" /> <column width="95%" />
<column width="80"/>
</columns> </columns>
<rows> <rows>
<row class="th"> <row class="th">
@ -27,14 +27,6 @@
</row> </row>
<row class="$row_cont[class]" valign="top"> <row class="$row_cont[class]" valign="top">
<description class=" cat_$row_cont[info_cat] mobile_cat_col"/> <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"> <vbox class="infolog_fullWidth">
<hbox class="infoSubRow"> <hbox class="infoSubRow">
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" /> <description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="100%" />
@ -49,6 +41,14 @@
</hbox> </hbox>
</vbox> </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> </row>
</rows> </rows>
</grid> </grid>