forked from extern/egroupware
Mobile theme W.I.P.:
- Implementing mobile adaptable index template for infolog
This commit is contained in:
Hadi Nategh
parent
e1f4574b9a
commit
fbef1f10a6
154
infolog/templates/mobile/index.xet
Normal file
154
infolog/templates/mobile/index.xet
Normal file
@ -0,0 +1,154 @@
|
||||
<?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="infolog.index.header_right" template="" lang="" group="0" version="1.9.001">
|
||||
<hbox>
|
||||
<description value="Add:" class="infolog_headertext"/>
|
||||
<button statustext="Add a new ToDo" label="ToDo" id="add[task]" onclick="app.infolog.add_with_extras(widget,'task','$cont[action]','$cont[action_id]');" image="task"/>
|
||||
<button statustext="Add a new Phonecall" label="Phonecall" id="add[phone]" onclick="app.infolog.add_with_extras(widget,'phone','$cont[action]','$cont[action_id]');" image="phone"/>
|
||||
<button statustext="Add a new Note" label="Note" id="add[note]" onclick="app.infolog.add_with_extras(widget,'note','$cont[action]','$cont[action_id]');" image="note"/>
|
||||
</hbox>
|
||||
</template>
|
||||
<template id="infolog.index.dates" template="" lang="" group="0" version="1.9.001">
|
||||
<hbox>
|
||||
<date id="startdate" label="Start"/>
|
||||
<date statustext="Leave it empty for a full week" id="enddate" label="End"/>
|
||||
</hbox>
|
||||
</template>
|
||||
<template id="infolog.index.rows" template="" lang="" group="0" version="1.9.005">
|
||||
<grid width="100%" >
|
||||
<columns>
|
||||
<column width="70"/>
|
||||
<column width="95%" />
|
||||
</columns>
|
||||
<rows>
|
||||
<row class="th">
|
||||
|
||||
</row>
|
||||
<row class="$row_cont[info_cat] $row_cont[class]" valign="top">
|
||||
<vbox align="center" class="infolog_CompletedClmn">
|
||||
<time_or_date id="${row}[info_startdate]" readonly="true" options=",8" class="infolog_fixedHeight"/>
|
||||
<image label="$row_cont[info_type]" src="${row}[info_type]" default_src="infolog/navbar" class="infoDetails"/>
|
||||
<image label="$row_cont[info_status_label]" id="edit_status[$row_cont[info_id]]" class="infoDetails" href="javascript:egw.open($row_cont[info_id],'infolog');" src="$row_cont[info_status_label]" default_src="status"/>
|
||||
<progress label="$row_cont[info_percent]" id="{$row}[info_percent2]" href="javascript:egw.open($row_cont[info_id],'infolog');"/>
|
||||
<description align="right" id="{$row}[info_number]" no_lang="1" class="infolog_infoId"/>
|
||||
</vbox>
|
||||
<vbox class="infolog_fullWidth">
|
||||
<hbox>
|
||||
<link label="%s $row_cont[info_addr]" id="${row}[info_link]" options="b" class="infoDetails"/>
|
||||
<time_or_date id="${row}[info_enddate]" readonly="true" options=",8" class="$row_cont[end_class] infolog_fixedHeight"/>
|
||||
</hbox>
|
||||
<hbox class="infoSubRow">
|
||||
<description id="${row}[info_subject]" no_lang="1" class="$row_cont[sub_class] et2_ellipsis" overflow="hidden" width="65%"/>
|
||||
<listbox disabled="@no_info_owner_info_responsible" type="select-account" id="${row}[info_responsible]" readonly="true" width ="55%" rows="1" class="infoDetails"/>
|
||||
</hbox>
|
||||
<box class="infoDescRow">
|
||||
<description id="${row}[info_des]" no_lang="1" activate_links="1"/>
|
||||
</box>
|
||||
<hbox class ="infoLinksRow infoDetails" overflow="hidden">
|
||||
<link-string id="${row}[filelinks]"/>
|
||||
</hbox>
|
||||
|
||||
</vbox>
|
||||
|
||||
</row>
|
||||
</rows>
|
||||
</grid>
|
||||
</template>
|
||||
<template id="infolog.index" template="" lang="" group="0" version="1.9.005">
|
||||
<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"/>
|
||||
<template id="header_right"/>
|
||||
</row>
|
||||
<row>
|
||||
<nextmatch id="nm" template="infolog.index.rows" header_left="infolog.index.dates" span="all"/>
|
||||
</row>
|
||||
<row>
|
||||
<hbox class=" ">
|
||||
<box id="responsible_popup" class="action_popup prompt">
|
||||
<vbox>
|
||||
<description value="Change responsible" class="promptheader"/>
|
||||
<description value="Select users or groups"/>
|
||||
<listbox type="select-account" id="responsible" rows="5" account_type="both" class="action_popup-content"/>
|
||||
<hbox>
|
||||
<button label="Add" id="responsible_action[add]" onclick="nm_submit_popup(this); return false;"/>
|
||||
<button label="Delete" id="responsible_action[delete]" onclick="nm_submit_popup(this); return false;"/>
|
||||
<buttononly label="Cancel" onclick="nm_hide_popup(this,'responsible_popup');"/>
|
||||
</hbox>
|
||||
</vbox>
|
||||
</box>
|
||||
<box id="delete_popup" class="action_popup prompt">
|
||||
<vbox>
|
||||
<description value="Delete" class="promptheader"/>
|
||||
<description value="Delete selected entries?" id="delete_prompt"/>
|
||||
<hbox>
|
||||
<button label="Yes - Delete" id="delete" onclick="nm_submit_popup(this); return false;"/>
|
||||
<button label="Yes - Delete including sub-entries" id="delete_sub" onclick="nm_popup_action.id = 'delete_sub'; nm_submit_popup(this); return false;"/>
|
||||
<buttononly label="No - Cancel" onclick="nm_hide_popup(this,'delete_popup');"/>
|
||||
</hbox>
|
||||
</vbox>
|
||||
</box>
|
||||
<box id="link_popup" class="action_popup prompt">
|
||||
<vbox>
|
||||
<description value="Add / Remove link" class="promptheader"/>
|
||||
<link-entry id="link" class="action_popup-content"/>
|
||||
<hbox>
|
||||
<button label="Add" id="link_action[add]" onclick="nm_submit_popup(this); return false;"/>
|
||||
<button label="Delete" id="link_action[delete]" onclick="nm_submit_popup(this); return false;"/>
|
||||
<buttononly label="Cancel" onclick="nm_hide_popup(this,'link_popup');"/>
|
||||
</hbox>
|
||||
</vbox>
|
||||
</box>
|
||||
</hbox>
|
||||
<description/>
|
||||
</row>
|
||||
</rows>
|
||||
</grid>
|
||||
<styles>
|
||||
/**
|
||||
* Add / remove link or category popup used for actions on multiple entries
|
||||
*/
|
||||
|
||||
div.action_popup[id] {
|
||||
position: fixed;
|
||||
top: 200px;
|
||||
left: 450px;
|
||||
width: 76ex;
|
||||
z-index: 20000;
|
||||
display: none;
|
||||
border-collapse:collapse;
|
||||
border-spacing:0px
|
||||
}
|
||||
.action_popup-content {
|
||||
display:block;
|
||||
padding:2ex;
|
||||
color:#666666;
|
||||
margin: -2px -1px 0px -2px;
|
||||
}
|
||||
.action_popup > table {
|
||||
width: 100%
|
||||
}
|
||||
.action_popup .promptheader {
|
||||
padding: 1ex;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.action_select {
|
||||
width: 100%
|
||||
}
|
||||
</styles>
|
||||
</template>
|
||||
</overlay>
|
||||
@ -39,7 +39,7 @@
|
||||
}
|
||||
.normal,
|
||||
.normal_done {
|
||||
color: #000000;
|
||||
color: black;
|
||||
}
|
||||
.high {
|
||||
color: #cc0000;
|
||||
@ -408,4 +408,45 @@ input#infolog-edit_info_subject {
|
||||
button#infolog-edit_encrypt {
|
||||
top: 13px;
|
||||
}
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width: 1024px) {
|
||||
span.infolog_infoId:before {
|
||||
content: "#";
|
||||
}
|
||||
span.infolog_infoId {
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
padding-top: 9px;
|
||||
}
|
||||
div.infoDescRow {
|
||||
height: 50px;
|
||||
font-size: 10px;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div.infoLinksRow {
|
||||
font-size: 10px;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_enddate]'],
|
||||
label[id^='infolog-index_'][id$='info_startdate]'] {
|
||||
font-size: 10px;
|
||||
float: right;
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='info_responsible]'] > li {
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.infoSubRow:last-child {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
/**/
|
||||
|
||||
@ -398,4 +398,48 @@ button#infolog-edit_encrypt {
|
||||
top: 13px;
|
||||
}
|
||||
|
||||
|
||||
/* tablets and smartphones */
|
||||
@media only screen and (max-device-width:1024px) {
|
||||
|
||||
|
||||
span.infolog_infoId:before {
|
||||
content:"#";
|
||||
}
|
||||
span.infolog_infoId {
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
padding-top: 9px;
|
||||
}
|
||||
div.infoDescRow {
|
||||
height:50px;
|
||||
font-size: 10px;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
div.infoLinksRow {
|
||||
font-size: 10px;
|
||||
max-width: 99%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
label[id^='infolog-index_'][id$='info_enddate]'] , label[id^='infolog-index_'][id$='info_startdate]']{
|
||||
font-size: 10px;
|
||||
float:right;
|
||||
}
|
||||
ul[id^='infolog-index_'][id$='info_responsible]'] > li{
|
||||
float: right;
|
||||
font-size: 10px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.infoSubRow:last-child {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
|
||||
/**/// Ende der APP INfolo
|
||||
Loading…
Reference in New Issue
Block a user