From 36c97ec7e94bcedb63635dc620284945e45cd76a Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Mon, 8 Feb 2016 10:25:58 +0000
Subject: [PATCH] Mobile theme W.I.P.: - Add application name indicator for
 header

---
 etemplate/js/et2_extension_nextmatch.js |  9 ++++++++-
 pixelegg/css/mobile.css                 | 17 +++++++++++++++++
 pixelegg/css/mobile.less                | 17 +++++++++++++++++
 3 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/etemplate/js/et2_extension_nextmatch.js b/etemplate/js/et2_extension_nextmatch.js
index 8faa3b844d..5a7e7000cb 100644
--- a/etemplate/js/et2_extension_nextmatch.js
+++ b/etemplate/js/et2_extension_nextmatch.js
@@ -2323,6 +2323,13 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
 		if (egwIsMobile())
 		{
 			jQuery(this.div).css({display:'inline-block'}).addClass('nm_header_hide');
+			
+			//indicates appname in header
+			jQuery(document.createElement('div'))
+					.addClass('nm_appname_header')
+					.text(egw.app_name())
+					.appendTo(this.search_box);
+			
 			// toggle header 
 			// add new button
 			this.fav_span = jQuery(document.createElement('div'))
@@ -2342,7 +2349,7 @@ var et2_nextmatch_header_bar = et2_DOMWidget.extend(et2_INextmatchHeader,
 			this.action_header = jQuery(document.createElement('button'))
 					.addClass('nm_action_header')
 					.click (function(e){
-						jQuery('tr.selected',self.nextmatch.div).trigger({type:'taphold',which:3,originalEvent:e});
+						jQuery('tr.selected',self.nextmatch.div).trigger({type:'contextmenu',which:3,originalEvent:e});
 					})
 					.prependTo(this.search_box);
 			
diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index c3f34ae505..cb2fe034ea 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -7760,6 +7760,23 @@ span.egw_tutorial_title {
     height: 50px;
     z-index: 2;
   }
+  body .et2_nextmatch .search div.nm_appname_header {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    height: 50px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    color: white;
+    font-size: 14pt;
+    font-weight: bold;
+    opacity: 0.2;
+    text-align: center;
+    display: inline;
+    padding-top: 13px;
+    z-index: -1;
+  }
   body .et2_nextmatch .header_row_right {
     height: 50px;
     width: 100%;
diff --git a/pixelegg/css/mobile.less b/pixelegg/css/mobile.less
index 8bf4db66c3..748713a9a5 100644
--- a/pixelegg/css/mobile.less
+++ b/pixelegg/css/mobile.less
@@ -1319,6 +1319,23 @@
 						z-index: 2;
 					}
 				}
+				div.nm_appname_header {
+					width: 100%;
+					position: absolute;
+					top: 0;
+					height: 50px;
+					left:0;
+					right:0;
+					bottom:0;
+					color: white;
+					font-size: 14pt;
+					font-weight: bold;
+					opacity:0.2;
+					text-align: center;
+					display: inline;
+					padding-top: 13px;
+					z-index:-1;
+				}
 			}
 			.header_row_right {
 				div[id$=favorite_wrapper] {