R54949 - in /trunk: jdots/js/ pixelegg/ pixelegg/css/ pixelegg/inc/

hnategh-2 2016-02-08 14:36:54 UTC #1

Author: hnategh
New Revision: 54949

URL: http://svn.stylite.de/viewvc/egroupware?rev=54949&view=rev
Log:
Mobile theme W.I.P.:

Implement fw load logo indicator
Fix sidebar not getting closed when touch on dropped shadow area

Modified:
trunk/jdots/js/fw_mobile.js
trunk/pixelegg/css/mobile.css
trunk/pixelegg/css/mobile.less
trunk/pixelegg/head_mobile.tpl
trunk/pixelegg/inc/class.pixelegg_framework.inc.php

Modified: trunk/jdots/js/fw_mobile.js
URL: http://svn.stylite.de/viewvc/egroupware/trunk/jdots/js/fw_mobile.js?rev=54949&r1=54948&r2=54949&view=diff

— trunk/jdots/js/fw_mobile.js (original)
+++ trunk/jdots/js/fw_mobile.js Mon Feb 8 15:36:54 2016
@@ -352,8 +352,10 @@
var collapseSize = this.sideboxCollapsedSize;
var expandSize = this.sideboxSize;
var $toggleMenu = $j(this.baseContainer);

  	var self = this;
  	if (state === 'on')
  	{

  		jQuery('.egw_fw_sidebar_dropMask').remove();
  		$toggleMenu.addClass('sidebar-toggle');
  		this.toggleMenuResizeHandler(collapseSize);
  		this.setToggleMenuState('off');

@@ -363,6 +365,14 @@
$toggleMenu.removeClass(‘sidebar-toggle’);
this.toggleMenuResizeHandler(expandSize);
this.setToggleMenuState(‘on’);

```
  		if (screen.width<700)
```
```
  		{
```

  			jQuery(document.createElement('div'))

  					.addClass('egw_fw_sidebar_dropMask')

  					.click(function(){self.toggleMenu('on')})

  					.css({position:'absolute',top:0,left:0,bottom:0,height:'100%',width:'100%'})

```
  					.appendTo('#egw_fw_main');
```

  		}
  	}

  	//Audio effect for toggleMenu

@@ -492,6 +502,7 @@

		// Disable loader, if present
		$j('#egw_fw_loading').hide();

  	jQuery('#egw_fw_firstload').remove();
  },

  /**

@@ -503,6 +514,7 @@
{
this._super.apply(this,arguments);
this.activeApp.preferences = egw.preference(‘egw_fw_mobile’,this.activeApp.appName)||{};
+
},

/**

Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=54949&r1=54948&r2=54949&view=diff

— trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Mon Feb 8 15:36:54 2016
@@ -6566,6 +6566,27 @@
/Tablets landscape mode/
/Tablets Portrait/
/Smartphones/
+@keyframes fw-firstload {

0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
}
40% {
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
}
+}
@media all {
body {
background-color: transparent;
@@ -6584,6 +6605,29 @@
border-top: none !important;
width: 100%;
line-height: 32px !important;
}
body #egw_fw_firstload {
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #ffc200;
height: 100%;
width: 100%;
}
body #egw_fw_firstload:before {
content: “”;
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
background-image: url(/egroupware/phpgwapi/templates/default/images/logo64x64.png);
background-position: center;
background-repeat: no-repeat;
background-size: 64px;
-webkit-animation: fw-firstload 1s infinite;
animation: fw-firstload 1s infinite;
-moz-animation: fw-firstload 1s infinite;
}
body table.egwGridView_outer thead tr th {
font-size: small !important;

Modified: trunk/pixelegg/css/mobile.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.less?rev=54949&r1=54948&r2=54949&view=diff

— trunk/pixelegg/css/mobile.less (original)
+++ trunk/pixelegg/css/mobile.less Mon Feb 8 15:36:54 2016
@@ -35,6 +35,25 @@
/Smartphones/
@smartphones: ~“only screen and (max-device-width: @{smartphone-max}) and (min-width: @{smartphone-min})”;

+@keyframes fw-firstload {

0%, 20%, 50%, 80%, 100% {
```
  transform:translateY(0);
```
```
  -webkit-transform: translateY(0);
```
```
  -moz-transform:translateY(0);
```
}
40% {
```
  transform: translateY(-30px);
```

  -webkit-transform: translateY(-30px);

```
  -moz-transform: translateY(-30px);
```
}
60% {
```
  transform: translateY(-15px);
```

  -webkit-transform: translateY(-15px);

```
  -moz-transform: translateY(-15px);
```
}
+}

@media all {
body{

@@ -55,7 +74,32 @@

```
  #egw_fw_firstload {
```
```
  	position: absolute;
```
```
  	top: 0;
```
```
  	left: 0;
```
```
  	bottom: 0;
```
```
  	.background_color_egw_normal;
```
```
  	height: 100%;
```
```
  	width: 100%;
```
```
  	&:before{
```
```
  		content:"";
```
```
  		display: inline-block;
```
```
  		position: absolute;
```
```
  		width: 100%;
```
```
  		height: 100%;
```

  		background-image: url(/egroupware/phpgwapi/templates/default/images/logo64x64.png);

```
  		background-position: center;
```
```
  		background-repeat: no-repeat;
```
```
  		background-size: 64px;
```

  		-webkit-animation: fw-firstload 1s infinite;

  		animation: fw-firstload 1s infinite;

  		-moz-animation: fw-firstload 1s infinite;

```
  	}
```
```
  }
```

  //###################
  //#					#
  //#	 Grid & NM		#

Modified: trunk/pixelegg/head_mobile.tpl
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/head_mobile.tpl?rev=54949&r1=54948&r2=54949&view=diff

— trunk/pixelegg/head_mobile.tpl (original)
+++ trunk/pixelegg/head_mobile.tpl Mon Feb 8 15:36:54 2016
@@ -46,5 +46,6 @@

  <div id="egw_fw_firstload"></div>
  <div id="egw_fw_footer">{powered_by}</div>

Modified: trunk/pixelegg/inc/class.pixelegg_framework.inc.php
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/inc/class.pixelegg_framework.inc.php?rev=54949&r1=54948&r2=54949&view=diff

— trunk/pixelegg/inc/class.pixelegg_framework.inc.php (original)
+++ trunk/pixelegg/inc/class.pixelegg_framework.inc.php Mon Feb 8 15:36:54 2016
@@ -170,8 +170,9 @@
body button.plus_button,
body div.et2_nextmatch .search .nm_action_header,
body div.et2_nextmatch .search .nm_toggle_header,
-body div.et2_nextmatch .search .nm_favorites_button ,
-body .dialogHeadbar{
+body div.et2_nextmatch .search .nm_favorites_button,
+body .dialogHeadbar,
+body #egw_fw_firstload{
background-color: $color;
}";
}

Site24x7 APM Insight: Get Deep Visibility into Application Performance
APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
Monitor end-to-end web transactions and take corrective actions now
Troubleshoot faster and improve end-user experience. Signup Now!
http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140

eGroupWare-cvs mailing list
eGroupWare-cvs@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/egroupware-cvs