From e14c5de4ac330c23cff158b31cfe0595c9012c17 Mon Sep 17 00:00:00 2001
From: Ghislain Loaec <gloaec@cadoles.com>
Date: Wed, 2 Sep 2015 11:34:53 +0200
Subject: [PATCH] =?UTF-8?q?Iframe=20loading=20spinner=20Ref=C2=A0#8079=20+?=
 =?UTF-8?q?=20Disable=20fullscreen=20Ref=20#8080?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.xml        |  2 +-
 www/assets/bp.svg | 26 ++++++++++++++++++++++++++
 www/css/index.css | 16 +++++++++++++++-
 www/index.html    | 10 ++++++++++
 4 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 www/assets/bp.svg

diff --git a/config.xml b/config.xml
index 3e1e29d..7914ddc 100644
--- a/config.xml
+++ b/config.xml
@@ -11,7 +11,7 @@
     <preference name="permissions" value="none" />
     <preference name="orientation" value="default" />
     <preference name="target-device" value="universal" />
-    <preference name="fullscreen" value="true" />
+    <preference name="fullscreen" value="false" />
     <preference name="webviewbounce" value="true" />
     <preference name="prerendered-icon" value="true" />
     <preference name="stay-in-webview" value="false" />
diff --git a/www/assets/bp.svg b/www/assets/bp.svg
new file mode 100644
index 0000000..aa4ea18
--- /dev/null
+++ b/www/assets/bp.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="50.000000pt" height="50.000000pt" viewBox="0 0 50.000000 50.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.10, written by Peter Selinger 2001-2011
+</metadata>
+<g transform="translate(0.000000,50.000000) scale(0.100000,-0.100000)"
+fill="#ffffff" stroke="none">
+<path d="M20 480 c-19 -19 -20 -35 -20 -230 0 -197 1 -211 20 -230 19 -19 33
+-20 230 -20 197 0 211 1 230 20 19 19 20 33 20 230 0 197 -1 211 -20 230 -19
+19 -33 20 -231 20 -195 -1 -211 -2 -229 -20z m218 -96 c32 -22 30 -76 -3 -102
+l-26 -20 24 -26 23 -25 13 62 c6 34 17 77 22 95 11 32 11 32 78 32 54 0 74 -4
+95 -21 65 -51 8 -164 -86 -171 -42 -3 -42 -3 -53 -53 l-10 -50 -44 -3 c-47 -4
+-47 -3 -25 65 3 10 -3 4 -14 -13 -11 -17 -35 -36 -53 -43 -40 -14 -169 -15
+-169 -1 0 9 57 251 65 278 6 18 135 16 163 -4z"/>
+<path d="M146 338 c-13 -41 -13 -58 -1 -58 18 0 37 26 33 46 -4 22 -27 30 -32
+12z"/>
+<path d="M367 333 c-10 -18 -18 -73 -10 -73 22 0 54 33 51 53 -3 22 -32 35
+-41 20z"/>
+<path d="M111 194 c-13 -46 -9 -51 25 -36 20 10 25 18 22 39 -5 44 -35 42 -47
+-3z"/>
+</g>
+</svg>
diff --git a/www/css/index.css b/www/css/index.css
index ceae877..896511b 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -133,6 +133,16 @@ body {
     /*height: 100% !important;*/
     display: block;
 }
+.momo-frame-spinner {
+    display: table;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom:60px;
+    right: 0;
+    width:100%;
+    height:100%;
+}
 .momo-frame-overlay {
     display: block;
     position: absolute;
@@ -269,8 +279,11 @@ img {
 .navbar .col-xs-8 {
     display: table;
 }
+.navbar-header {
+    min-width: 200px;
+}
 .parent-navbar-brand {
-    display: block;
+    display: table;
     height: 60px;
     overflow: hidden;
 }
@@ -282,6 +295,7 @@ img {
     vertical-align: middle;
     width: 100%;
     line-height: 18px;
+    min-width: 100px;
 }
 
 .navbar .navbar-btn {
diff --git a/www/index.html b/www/index.html
index fbf8fa3..ca84c84 100644
--- a/www/index.html
+++ b/www/index.html
@@ -254,6 +254,16 @@
             {% var displayFooter = true; %}
 
             <div class="{% if(o.url){ %}{% } else { %}momo-page-wrapper{% } %} clearfix">
+                {% if(o.url && !o.url.isImage()){ %}
+                    <div class="momo-frame-spinner">
+                      <div class="momo-loading text-muted">
+                          <i class="fa fa-spinner fa-pulse fa-3x"></i>
+                          <p class="momo-loading-text">
+                            Chargement du contenu
+                          </p>
+                      </div>
+                    </div>
+                {% } %}
 
                 {% if(!(o.url && o.url.isImage())){ %}
                     <div class="momo-flash-messages"></div>