From 995603ad44f032dac39226584ae21ee66d3be87b Mon Sep 17 00:00:00 2001
From: Bachibouzouk <pfduc@physics.mcgill.ca>
Date: Fri, 26 Oct 2018 14:10:57 +0200
Subject: [PATCH] @dash-bio this banner can be used by every `dash-bio` app

---
 assets/dashbio_logo.svg         | 179 ++++++++++++++++++++++++++++++++
 tests/dash/app_test.py          |   4 +-
 tests/dash/utils/__init__.py    |   0
 tests/dash/utils/app_wrapper.py |  40 +++++++
 4 files changed, 222 insertions(+), 1 deletion(-)
 create mode 100644 assets/dashbio_logo.svg
 create mode 100644 tests/dash/utils/__init__.py
 create mode 100644 tests/dash/utils/app_wrapper.py

diff --git a/assets/dashbio_logo.svg b/assets/dashbio_logo.svg
new file mode 100644
index 000000000..dd616dbac
--- /dev/null
+++ b/assets/dashbio_logo.svg
@@ -0,0 +1,179 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg4147"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   xml:space="preserve"
+   width="1198.8859"
+   height="457.005"
+   viewBox="0 0 1198.8858 457.00499"
+   sodipodi:docname="dashbio_logo.svg"><metadata
+     id="metadata4153"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs4151"><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-423.15805,284.53705,284.53705,423.15805,727.87317,328.31137)"
+       spreadMethod="pad"
+       id="linearGradient4169"><stop
+         style="stop-opacity:1;stop-color:#08ffff"
+         offset="0"
+         id="stop4171" /><stop
+         style="stop-opacity:1;stop-color:#00cc96"
+         offset="1"
+         id="stop4173" /></linearGradient><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-423.15845,284.53732,284.53732,423.15845,837.08197,490.72427)"
+       spreadMethod="pad"
+       id="linearGradient4189"><stop
+         style="stop-opacity:1;stop-color:#08ffff"
+         offset="0"
+         id="stop4191" /><stop
+         style="stop-opacity:1;stop-color:#00cc96"
+         offset="1"
+         id="stop4193" /></linearGradient><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-423.1572,284.53647,284.53647,423.1572,769.83685,390.7193)"
+       spreadMethod="pad"
+       id="linearGradient4209"><stop
+         style="stop-opacity:1;stop-color:#08ffff"
+         offset="0"
+         id="stop4211" /><stop
+         style="stop-opacity:1;stop-color:#00cc96"
+         offset="1"
+         id="stop4213" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath4221"><path
+         d="m 0,1080 1920,0 L 1920,0 0,0 0,1080 Z"
+         id="path4223"
+         inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="715"
+     id="namedview4149"
+     showgrid="false"
+     fit-margin-top="30"
+     fit-margin-left="30"
+     fit-margin-right="30"
+     fit-margin-bottom="30"
+     inkscape:zoom="0.14833333"
+     inkscape:cx="598.88619"
+     inkscape:cy="228.93503"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4155"
+     units="px" /><g
+     id="g4155"
+     inkscape:groupmode="layer"
+     inkscape:label="DASH_BIO"
+     transform="matrix(1.25,0,0,-1.25,-601.11381,903.07)"><g
+       id="g4157"><g
+         id="g4159"><g
+           id="g4165"><g
+             id="g4167"><path
+               d="m 536.485,534.489 c -20.126,-10.649 -31.088,-19.76 -31.088,-49.832 l 0,0 0,-90.495 c 0,-7.347 5.956,-13.31 13.316,-13.31 l 0,0 c 7.356,0 13.312,5.963 13.312,13.31 l 0,0 0,26.582 c 0.032,1.187 0.51,5.337 5.657,5.337 l 0,0 16.737,0 c 6.69,0 12.116,5.418 12.116,12.106 l 0,0 c 0,6.686 -5.426,12.1 -12.116,12.1 l 0,0 -16.686,0 c -1.066,0.022 -5.708,0.425 -5.708,5.729 l 0,0 0,5.938 c 0.032,1.109 0.468,4.838 4.796,5.284 l 0,0 79.805,0 c 6.694,0 12.105,5.421 12.105,12.105 l 0,0 c 0,6.69 -5.411,12.106 -12.105,12.106 l 0,0 -80.378,0 c -1.946,0.283 -4.604,1.566 -2.808,6.71 l 0,0 c 2.287,6.092 8.229,9.145 23.665,16.979 l 0,0 0.524,0.278 c 3.84,1.944 8.236,4.218 12.899,6.637 l 0,0 c 2.373,1.229 0.513,2.54 0.513,2.54 l 0,0 0.014,0 -26.682,10.69 c -0.911,0.365 -1.851,0.503 -2.751,0.503 l 0,0 c -2.759,0 -5.137,-1.297 -5.137,-1.297"
+               style="fill:url(#linearGradient4169);stroke:none"
+               id="path4175"
+               inkscape:connector-curvature="0" /></g></g></g></g><g
+       id="g4177"><g
+         id="g4179"><g
+           id="g4185"><g
+             id="g4187"><path
+               d="m 559.193,698.456 c -7.356,0 -13.324,-5.967 -13.324,-13.317 l 0,0 c 0,-7.356 5.968,-13.32 13.324,-13.32 l 0,0 42.21,0 c 18.319,0 37.399,-4.035 49.273,-14.11 l 0,0 c 2.978,-3.295 -1.016,-3.441 -1.554,-3.441 l 0,0 -14.104,0 c -6.686,0 -12.108,-5.418 -12.108,-12.102 l 0,0 c 0,-6.693 5.422,-12.108 12.108,-12.108 l 0,0 19.188,0 c 2.782,0 7.794,-2.527 7.018,-7.759 l 0,0 c -0.021,-0.097 -0.05,-0.185 -0.079,-0.282 l 0,0 c -2.736,-7.232 -9.914,-6.786 -9.914,-6.786 l 0,0 0.182,-0.04 -58.164,0 c -6.694,0 -12.105,-5.421 -12.105,-12.104 l 0,0 c 0,-6.694 5.411,-12.109 12.105,-12.109 l 0,0 39.134,0 c 2.97,0 4.289,-1.147 1.036,-3.37 l 0,0 c -8.13,-5.725 -14.837,-8.882 -14.997,-8.957 l 0,0 -0.77,-0.383 c -0.129,-0.065 -3.442,-1.839 -8.674,-4.629 l 0,0 c -0.025,-0.017 -4.614,-2.949 -0.667,-4.655 l 0,0 21.478,-9.27 -0.007,0 c 0,0 5.984,-2.284 10.812,0.774 l 0,0 c 17.691,10.908 50.971,36.974 50.971,73.823 l 0,0 c 0,39.807 -37.669,64.145 -90.162,64.145 l 0,0 -42.21,0 z"
+               style="fill:url(#linearGradient4189);stroke:none"
+               id="path4195"
+               inkscape:connector-curvature="0" /></g></g></g></g><g
+       id="g4197"><g
+         id="g4199"><g
+           id="g4205"><g
+             id="g4207"><path
+               d="m 504.891,685.941 c 0,-4.029 0.021,-85.238 0.021,-85.238 l 0,0 0,-11.723 -0.007,-0.581 c -0.054,-3.912 -0.203,-13.063 7.181,-21.674 l 0,0 c 5.49,-6.402 15.138,-10.217 25.354,-14.253 l 0,0 c 2.718,-1.076 5.294,-2.099 7.432,-3.043 l 0,0 c 6.105,-2.692 12.294,-5.212 21.663,-9.016 l 0,0 c 15.87,-6.462 42.427,-17.26 95.422,-39.906 l 0,0 c 5.729,-2.426 10.762,-4.926 15.205,-7.452 l 0,0 c 1.524,-1.204 0.353,-1.522 -0.395,-1.606 l 0,0 -16.562,0 c -6.68,0 -12.101,-5.416 -12.101,-12.106 l 0,0 c 0,-6.684 5.421,-12.105 12.101,-12.105 l 0,0 39.746,0 c 4.684,-0.243 6.95,-3.481 7.559,-4.535 l 0,0 c 0.674,-1.682 1.151,-3.229 1.471,-4.574 l 0,0 c 0.011,-0.019 0.011,-0.029 0.018,-0.043 l 0,0 c 0.029,-0.132 0.051,-0.246 0.071,-0.371 l 0,0 c 0.467,-2.401 0.328,-7.428 -5.176,-7.428 l 0,0 -105.425,0 c -6.684,0 -12.106,-5.414 -12.106,-12.1 l 0,0 c 0,-6.688 5.422,-12.106 12.106,-12.106 l 0,0 97.966,0 c 5.543,0 5.464,-2.475 3.565,-4.603 l 0,0 c -0.096,-0.103 -0.184,-0.202 -0.281,-0.302 l 0,0 c -0.05,-0.054 -0.114,-0.118 -0.174,-0.169 l 0,0 c -8.223,-8.089 -22.893,-13.526 -48.691,-13.526 l 0,0 -84.49,0 c -7.357,0 -13.32,-5.956 -13.32,-13.319 l 0,0 c 0,-7.347 5.963,-13.31 13.32,-13.31 l 0,0 84.49,0 c 70.143,0 85.177,37.52 85.333,69.236 l 0,0 c 0.531,7.929 -0.138,48.025 -63.817,74.924 l 0,0 c -53.15,22.718 -79.851,33.58 -95.799,40.067 l 0,0 c -9.153,3.723 -15.199,6.177 -20.948,8.718 l 0,0 c -2.618,1.157 -5.422,2.269 -8.401,3.44 l 0,0 c -4.499,1.775 -13.604,5.651 -15.015,6.948 l 0,0 c -1.41,1.293 -1.207,2.436 -1.207,4.118 l 0,0 c 0,1.856 1.813,3.092 3.323,3.092 l 0,0 19.672,0 c 6.687,0 12.105,5.418 12.105,12.097 l 0,0 c 0,6.694 -5.418,12.113 -12.105,12.113 l 0,0 -19.145,0 c -2.746,0 -3.244,1.646 -3.315,2.555 l 0,0 0,8.179 c 0,3.249 2.96,3.526 3.722,3.544 l 0,0 61.409,0 c 6.682,0 12.105,5.422 12.105,12.105 l 0,0 c 0,6.691 -5.423,12.109 -12.105,12.109 l 0,0 -61.231,0 c -3.84,0 -3.9,3.808 -3.9,3.808 l 0,0 0,27.623 c 0,3.933 -1.323,12.928 -12.976,12.928 l 0,0 c -10.594,0 -13.668,-8.476 -13.668,-12.515"
+               style="fill:url(#linearGradient4209);stroke:none"
+               id="path4215"
+               inkscape:connector-curvature="0" /></g></g></g></g><g
+       id="g4217"><g
+         id="g4219"
+         clip-path="url(#clipPath4221)"><g
+           id="g4225"
+           transform="translate(802.7231,472.8623)"><path
+             d="m 0,0 81.394,0 c 4.987,0 9.041,4.062 9.041,9.049 l 0,99.476 c 0,4.988 -4.054,9.042 -9.041,9.042 L 0,117.567 0,0 Z m 81.394,-18.083 -90.436,0 c -4.994,0 -9.041,4.048 -9.041,9.042 l 0,135.65 c 0,5.001 4.047,9.048 9.041,9.048 l 90.436,0 c 14.962,0 27.131,-12.169 27.131,-27.132 l 0,-99.476 c 0,-14.962 -12.169,-27.132 -27.131,-27.132"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4227"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4229"
+           transform="translate(1136.6279,454.7793)"><path
+             d="m 0,0 -62.599,0 c -4.994,0 -9.041,4.048 -9.041,9.042 0,4.994 4.047,9.041 9.041,9.041 l 62.599,0 c 5.38,0 9.754,4.375 9.754,9.754 0,4.055 -2.443,7.624 -6.22,9.092 l -57.427,22.329 c -10.779,4.196 -17.747,14.378 -17.747,25.948 0,15.347 12.49,27.837 27.837,27.837 l 62.599,0 c 4.994,0 9.041,-4.047 9.041,-9.041 0,-4.995 -4.047,-9.042 -9.041,-9.042 l -62.599,0 c -5.376,0 -9.751,-4.375 -9.751,-9.754 0,-4.054 2.441,-7.616 6.217,-9.091 L 10.089,53.786 C 20.869,49.589 27.837,39.408 27.837,27.837 27.837,12.49 15.347,0 0,0"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4231"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4233"
+           transform="translate(1019.7705,510.0537)"><path
+             d="m 0,0 -56.91,-18.966 c -3.826,-1.275 -6.398,-4.838 -6.398,-8.87 0,-5.159 4.197,-9.355 9.355,-9.355 l 44.908,0 c 4.987,0 9.045,4.061 9.045,9.048 L 0,0 Z m -9.045,-55.274 -44.908,0 c -15.133,0 -27.442,12.304 -27.442,27.438 0,11.827 7.542,22.286 18.764,26.026 L 0,19.066 0,30.637 c 0,4.988 -4.058,9.049 -9.045,9.049 l -63.304,0 c -4.995,0 -9.046,4.046 -9.046,9.042 0,4.994 4.051,9.041 9.046,9.041 l 63.304,0 c 14.962,0 27.131,-12.17 27.131,-27.132 l 0,-58.78 c 0,-14.961 -12.169,-27.131 -27.131,-27.131"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4235"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4237"
+           transform="translate(1200.6377,454.7793)"><path
+             d="m 0,0 c -4.995,0 -9.042,4.048 -9.042,9.042 l 0,140.174 c 0,4.994 4.047,9.049 9.042,9.049 4.994,0 9.049,-4.055 9.049,-9.049 l 0,-140.174 C 9.049,4.048 4.994,0 0,0"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4239"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4241"
+           transform="translate(1282.0322,454.7793)"><path
+             d="m 0,0 c -4.995,0 -9.042,4.048 -9.042,9.042 l 0,74.611 c 0,6.234 -5.073,11.307 -11.308,11.307 l -61.045,0 c -4.995,0 -9.042,4.047 -9.042,9.042 0,4.994 4.047,9.041 9.042,9.041 l 61.045,0 c 16.21,0 29.391,-13.181 29.391,-29.39 l 0,-74.611 C 9.041,4.048 4.994,0 0,0"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4243"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4245"
+           transform="translate(1331.3174,589.7915)"><path
+             d="m 0,0 c 0,-2.233 -1.816,-4.054 -4.054,-4.054 l -20.27,0 0,27.695 c 0.057,0.274 0.086,0.552 0.086,0.833 l 0,24.168 20.184,0 C -1.816,48.642 0,46.825 0,44.587 L 0,0 Z m -4.054,56.75 -20.184,0 0,31.587 c 0,2.255 -1.827,4.087 -4.086,4.087 -2.259,0 -4.087,-1.832 -4.087,-4.087 l 0,-35.485 c -0.003,-0.053 -0.017,-0.103 -0.017,-0.157 l 0,-60.803 c 0,-2.241 1.813,-4.05 4.054,-4.05 l 24.32,0 c 6.708,0 12.162,5.453 12.162,12.158 l 0,44.587 c 0,6.708 -5.454,12.163 -12.162,12.163"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4247"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4249"
+           transform="translate(1357.6797,577.4019)"><path
+             d="m 0,0 c -2.259,0 -4.086,1.827 -4.086,4.089 l 0,61.52 c 0,2.258 1.827,4.086 4.086,4.086 2.259,0 4.086,-1.828 4.086,-4.086 l 0,-61.52 C 4.086,1.827 2.259,0 0,0"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4251"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4253"
+           transform="translate(1409.0107,588.292)"><path
+             d="m 0,0 c 0,-1.924 -1.571,-3.491 -3.495,-3.491 l -8.574,0 -1.191,0 -8.571,0 c -1.927,0 -3.494,1.567 -3.494,3.491 l 0,47.993 c 0,1.931 1.567,3.495 3.494,3.495 l 8.571,0 1.191,0 8.574,0 C -1.571,51.488 0,49.924 0,47.993 L 0,0 Z m -3.495,58.477 -8.574,0 -1.191,0 -8.571,0 c -5.781,0 -10.483,-4.703 -10.483,-10.484 l 0,-47.993 c 0,-5.782 4.702,-10.48 10.483,-10.48 l 8.571,0 1.191,0 8.574,0 c 5.782,0 10.484,4.698 10.484,10.48 l 0,47.993 c 0,5.781 -4.702,10.484 -10.484,10.484"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4255"
+             inkscape:connector-curvature="0" /></g><g
+           id="g4257"
+           transform="translate(1357.6797,656.1094)"><path
+             d="m 0,0 c -2.259,0 -4.086,1.828 -4.086,4.09 l 0,2.675 c 0,2.256 1.827,4.086 4.086,4.086 2.259,0 4.086,-1.83 4.086,-4.086 l 0,-2.675 C 4.086,1.828 2.259,0 0,0"
+             style="fill:#506784;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path4259"
+             inkscape:connector-curvature="0" /></g></g></g></g></svg>
\ No newline at end of file
diff --git a/tests/dash/app_test.py b/tests/dash/app_test.py
index 6797325ec..1b6db5509 100644
--- a/tests/dash/app_test.py
+++ b/tests/dash/app_test.py
@@ -1,6 +1,8 @@
+from .utils.app_wrapper import app_page_layout
+
 def layout():
 	"""this function need to be defined, it can return anything which can be assigned to a children property in dash"""
-	return "Simplest app ever"
+	return app_page_layout("Simplest app ever")
 
 def callbacks(app):
 	'''
diff --git a/tests/dash/utils/__init__.py b/tests/dash/utils/__init__.py
new file mode 100644
index 000000000..e69de29bb
diff --git a/tests/dash/utils/app_wrapper.py b/tests/dash/utils/app_wrapper.py
new file mode 100644
index 000000000..05420adb2
--- /dev/null
+++ b/tests/dash/utils/app_wrapper.py
@@ -0,0 +1,40 @@
+import dash_core_components as dcc
+import dash_html_components as html
+
+
+def app_page_layout(page_layout, app_title="Dash Bio App"):
+    return html.Div(
+        id='main_page',
+        children=[
+            dcc.Location(id='url', refresh=False),
+            html.Div(
+                id='header',
+                className='banner',
+                children=[
+                    html.H2(app_title),
+                    html.Img(
+                        src='assets/dashbio_logo.svg',
+                        style={
+                            'height': '100',
+                            'float': 'right',
+                        }
+                    ),
+                ],
+                style={
+                    'width': '100%',
+                    'display': 'flex',
+                    'flexDirection': 'row',
+                    'alignItems': 'center',
+                    'justifyContent': 'space-between',
+                    'background': '#A2B1C6',
+                    'color': '#506784',
+                    'margin': '0 !important'
+                }
+            ),
+            html.Div(
+                id='page-content',
+                children=page_layout,
+                style={'margin': '10px'}
+            )
+        ]
+    )