From 216aaeac17f4afdb7e4c465f6830c5ef42e1b1a4 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 15 Dec 2015 14:34:58 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Implement listview template for
 resources

---
 resources/templates/mobile/show.xet   | 113 ++++++++++++++++++++++++++
 resources/templates/pixelegg/app.css  |  21 +++++
 resources/templates/pixelegg/app.less |  28 +++++++
 3 files changed, 162 insertions(+)
 create mode 100644 resources/templates/mobile/show.xet

diff --git a/resources/templates/mobile/show.xet b/resources/templates/mobile/show.xet
new file mode 100644
index 0000000000..2ae41d9071
--- /dev/null
+++ b/resources/templates/mobile/show.xet
@@ -0,0 +1,113 @@
+<?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="resources.show.nm_right" template="" lang="" group="0" version="1.9.002">
+		<buttononly label="Add" id="add" onclick="window.open(egw::link('/index.php','menuaction=resources.resources_ui.edit'),'','dependent=yes,width=800,height=600,location=no,menubar=no,toolbar=no,scrollbars=yes,status=yes'); return false; return false;"/>
+	</template>
+	<template id="resources.show.rows" template="" lang="" group="0" version="1.9.003">
+		<grid width="100%">
+			<columns>
+				<column width="10"/>
+				<column width="90%"/>
+				<column width="130"/>
+				<column width="70"/>
+			</columns>
+			<rows>
+				<row class="th">
+				
+				</row>
+				<row class="$row_cont[class]">
+					<description class="cat_$row_cont[cat_id] mobile_cat_col"/>
+					<vbox>
+						<description id="${row}[name]" no_lang="1"/>
+						<description id="${row}[short_description]" no_lang="1"/>
+						<hbox>
+							<description extra_link_popup="850x600" href="resources.resources_ui.edit&amp;res_id=$row_cont[accessory_of]" id="${row}[accessory_of_label]" no_lang="1"/>
+							<grid width="100%" id="${row}[accessories]">
+								<columns>
+									<column/>
+								</columns>
+								<rows>
+									<row>
+										<description extra_link_popup="850x600" href="resources.resources_ui.edit&amp;res_id=$row_cont[acc_id]" id="${row}[name]" no_lang="1"/>
+									</row>
+								</rows>
+							</grid>
+						</hbox>
+					</vbox>
+					<vbox class="resourcesCol2">
+						<hbox>
+							<label value="Usable"/>
+							<description align="left" id="${row}[useable]" no_lang="1"/>
+						</hbox>
+						<hbox>
+							<label value="Quantity"/>
+							<description align="left" id="${row}[quantity]" no_lang="1"/>
+						</hbox>
+						<menulist>
+							<menupopup type="select-cat" id="{$row}[cat_id]" no_lang="1" readonly="true"/>
+						</menulist>
+					</vbox>
+					<vbox>
+						<image id="${row}[picture_thumb]" width="100%" expose_view="true" height="auto" href="$row_cont[picture_original]" src="${row}[picture_thumb]" />
+					</vbox>
+				</row>
+			</rows>
+		</grid>
+	</template>
+	<template id="resources.show" template="" lang="" group="0" version="1.9.003">
+		<grid width="100%">
+			<columns>
+				<column width="100%"/>
+			</columns>
+			<rows>
+				<row disabled="!@msg">
+					<description align="center" id="msg" span="all" class="message"/>
+				</row>
+				<row>
+					<nextmatch id="nm" no_lang="1" template="resources.show.rows"/>
+				</row>
+				<row>
+					<box id="delete_popup" class="action_popup prompt">
+						<vbox class="prompt">
+							<description value="Delete" class="promptheader"/>
+							<description value="Delete accessories of selected resources too?"/>
+							<hbox>
+								<button label="Yes - Delete accessories too" id="delete" onclick="nm_submit_popup(this); return false;"/>
+								<button label="No - Make them resources" id="delete_promote" onclick="nm_popup_action.id = 'delete_promote'; nm_submit_popup(this); return false;"/>
+								<buttononly label="Cancel" onclick="nm_hide_popup(this,'delete_popup');"/>
+							</hbox>
+						</vbox>
+					</box>
+				</row>
+				<row>
+					<box id="restore_popup" class="action_popup prompt">
+						<vbox class="prompt">
+							<description value="Un-delete" class="promptheader"/>
+							<description value="Un-delete accessories of selected resources too?"/>
+							<hbox>
+								<button label="Yes - Un-delete accessories too" id="restore_accessories" onclick="nm_popup_action.id = 'restore_accessories';nm_submit_popup(this); return false;"/>
+								<button label="No - Leave them" id="restore" onclick="nm_popup_action.id = 'restore'; nm_submit_popup(this); return false;"/>
+								<buttononly label="Cancel" onclick="nm_hide_popup(this,'restore_popup');"/>
+							</hbox>
+						</vbox>
+					</box>
+				</row>
+			</rows>
+		</grid>
+		<styles>
+			
+div.action_popup[id] {
+	position: fixed;
+	top: 200px;
+	left: 450px;
+	width: 76ex;
+	z-index: 20000;
+	display: none;
+	border-collapse:collapse;
+	border-spacing:0px
+}
+		</styles>
+	</template>
+</overlay>
diff --git a/resources/templates/pixelegg/app.css b/resources/templates/pixelegg/app.css
index 0b6356106f..63e048aa67 100755
--- a/resources/templates/pixelegg/app.css
+++ b/resources/templates/pixelegg/app.css
@@ -75,3 +75,24 @@ div.resources_pictureFile div.progress {
 #resources-edit .et2_container {
   width: 848px;
 }
+/* tablets and smartphones  */
+@media only screen and (max-device-width: 1024px) {
+  #resources-show table.egwGridView_outer tbody img[id^="resources-show_"][id$="picture_thumb]"] {
+    border: 1px solid silver;
+    border-radius: 50%;
+  }
+  #resources-show table.egwGridView_outer tbody div.resourcesCol2 {
+    font-size: 8pt;
+  }
+  #resources-show table.egwGridView_outer tbody span[id^="resources-show_"][id$="name]"] {
+    font-weight: bold;
+  }
+  #resources-show table.egwGridView_outer tbody span[id^="resources-show_"][id$="name]"],
+  #resources-show table.egwGridView_outer tbody span[id^="resources-show_"][id$="short_description]"],
+  #resources-show table.egwGridView_outer tbody span[id^="resources-show_"][id$="accessory_of_label]"],
+  #resources-show table.egwGridView_outer tbody span[id^="resources-show_"][id$="accessories]"] {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+}
diff --git a/resources/templates/pixelegg/app.less b/resources/templates/pixelegg/app.less
index b056f677d6..9a549140b5 100755
--- a/resources/templates/pixelegg/app.less
+++ b/resources/templates/pixelegg/app.less
@@ -13,6 +13,7 @@
  */
 
 @import (reference) "../../../pixelegg/less/def_buttons.less";
+@import (reference) "../../../pixelegg/less/def_mobile.less";
 @import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
 
 
@@ -64,4 +65,31 @@ div.resources_pictureFile div.progress{
 		width:848px;
 	}
     margin: 0.5em;
+}
+
+/* tablets and smartphones  */
+@media only screen and (max-device-width:1024px) {
+	#resources-show {
+		table.egwGridView_outer tbody {
+			img[id^="resources-show_"][id$="picture_thumb]"]{
+				border: 1px solid silver;
+				border-radius: 50%;
+			}
+			div.resourcesCol2 {
+				.mob-fontsize-s;
+			}
+			span[id^="resources-show_"][id$="name]"]{
+				font-weight: bold;
+				
+			}
+			span[id^="resources-show_"][id$="name]"],
+			span[id^="resources-show_"][id$="short_description]"],
+			span[id^="resources-show_"][id$="accessory_of_label]"],
+			span[id^="resources-show_"][id$="accessories]"]{
+				text-overflow: ellipsis;
+				overflow: hidden;
+				white-space: nowrap;
+			}
+		}
+	}
 }
\ No newline at end of file