holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mobile theme W.I.P.:

Browse Source 
-Implement listview templates for projectmanager list and admin
This commit is contained in:
Hadi Nategh 2015-12-08 18:07:02 +00:00
parent bd8b9a930f
commit f6cc24cb15
3 changed files with 93 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
admin/templates/mobile/index.xet Normal file
View File

@ -0,0 +1,47 @@
<?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="admin.index.add" template="" lang="" group="0" version="1.9.001">
<buttononly label="Add" id="add" onclick='app.admin.account({id:"add"})'/>
</template>
<template id="admin.index.rows" template="" lang="" group="0" version="1.9.001">
<grid width="100%">
<columns>
<column width="90%"/>
<column width="130"/>
</columns>
<rows>
<row>
</row>
<row class="$row_cont[status_class]">
<vbox>
<description id="${row}[account_lid]" no_lang="1"/>
<hbox>
<description id="${row}[account_lastname]" no_lang="1"/>
<description id="${row}[account_firstname]" no_lang="1"/>
</hbox>
<url-email id="${row}[account_email]" readonly="true" class="adminOverflowEllipsis"/>
</vbox>
<vbox class="adminCol2">
<hbox>
<time_or_date id="${row}[account_created]" readonly="true"/>
</hbox>
<hbox>
<description id="${row}[status]" no_lang="1" class="adminStatus"/>
</hbox>
<hbox>
<time_or_date id="${row}[account_modified]" readonly="true"/>
</hbox>
</vbox>
</row>
</rows>
</grid>
</template>
<template id="admin.index" template="" lang="" group="0" version="1.9.001">
<tree autoloading="admin_ui::ajax_tree" id="tree" onclick="app.admin.run" parent_node="admin_tree_target" std_images="bullet"/>
<nextmatch id="nm" template="admin.index.rows"/>
<iframe frameborder="1" height="100%" id="iframe" scrolling="auto" width="100%" disabled="true"/>
</template>
</overlay>

21
admin/templates/pixelegg/app.css
View File

@ -1,4 +1,3 @@
@import "../default/app.css";
/** /**
* EGroupware: CSS with less preprocessor * EGroupware: CSS with less preprocessor
@ -12,6 +11,7 @@
* @package addressbook * @package addressbook
* @version $Id$ * @version $Id$
*/ */
@import "../default/app.css";
@media all { @media all {
div.dhtmlxTree td.standartTreeRow span.selectedTreeRow { div.dhtmlxTree td.standartTreeRow span.selectedTreeRow {
background-color: #ffdd73; background-color: #ffdd73;
@ -74,3 +74,22 @@
# # # #
##############################################*/ ##############################################*/
} }
/* tablets and smartphones */
@media only screen and (max-device-width: 1024px) {
#admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='status]'] {
text-align: right;
font-size: 8pt;
}
#admin-index table.egwGridView_outer tbody .adminCol2 {
float: right;
}
#admin-index table.egwGridView_outer tbody .adminCol2 div {
text-align: right;
}
#admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lid]'] {
font-weight: bold;
}
#admin-index table.egwGridView_outer tbody span[id^="admin-index"][id$='account_lastname]']::after {
content: ",";
}
}

27
admin/templates/pixelegg/app.less
View File

@ -14,6 +14,7 @@
@import (reference) "../../../pixelegg/less/definitions.less"; @import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";
@import (reference) "../default/app.css"; @import (reference) "../default/app.css";
@ -123,4 +124,28 @@ iframe#admin-index_iframe{
} // Media } // Media
// //
// //
/* tablets and smartphones */
@media only screen and (max-device-width:1024px) {
#admin-index {
table.egwGridView_outer tbody {
span[id^="admin-index"][id$='status]']{
text-align: right;
.mob-fontsize-s;
}
.adminCol2 {
float: right;
div {
text-align: right;
}
}
span[id^="admin-index"][id$='account_lid]']{
font-weight: bold;
}
span[id^="admin-index"][id$='account_lastname]']::after{
content:",";
}
}
}
}