template that forces brand designer to make changes

public/template_logo.svg

@@ -0,0 +1,109 @@
+<?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"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="400"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1853"
+     inkscape:window-height="921"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <ellipse
+       id="path3713"
+       cx="107.34524"
+       cy="152.6131"
+       rx="93.738091"
+       ry="90.714287"
+       style="fill:#ffb380;stroke-width:0.46149299" />
+    <path
+       style="fill:#d45500;stroke-width:0.46149299"
+       id="path3717"
+       sodipodi:type="arc"
+       sodipodi:cx="108.74432"
+       sodipodi:cy="175.60233"
+       sodipodi:rx="30.779675"
+       sodipodi:ry="24.231895"
+       sodipodi:start="0"
+       sodipodi:end="0.17905702"
+       sodipodi:open="true"
+       d="m 139.524,175.60233 a 30.779675,24.231895 0 0 1 -0.4921,4.31574" />
+    <ellipse
+       style="fill:#d45500;stroke-width:0.46149299"
+       id="path3722"
+       cx="108.74432"
+       cy="178.08763"
+       rx="33.577824"
+       ry="26.71722" />
+    <ellipse
+       style="fill:#008080;stroke-width:0.46149299"
+       id="path3729"
+       cx="76.565552"
+       cy="128.38118"
+       rx="9.7935324"
+       ry="10.562623" />
+    <ellipse
+       style="fill:#008080;stroke-width:0.46149299"
+       id="path3729-3"
+       cx="135.32677"
+       cy="127.75985"
+       rx="9.7935324"
+       ry="10.562623" />
+    <ellipse
+       style="fill:#552200;stroke-width:0.46149299"
+       id="path3748"
+       cx="96.152611"
+       cy="183.0583"
+       rx="4.197228"
+       ry="5.5919766" />
+    <ellipse
+       style="fill:#552200;stroke-width:0.46149299"
+       id="path3748-6"
+       cx="117.1388"
+       cy="183.67961"
+       rx="4.197228"
+       ry="5.5919766" />
+  </g>
+</svg>

src/branding/branding.js

@@ -21,6 +21,9 @@ import villasweb_values from './villasweb/villasweb-values';
 import { slew_home, slew_welcome } from './slew/slew-functions';
 import slew_values from './slew/slew-values';
 
+import { template_welcome, template_home, template_footer } from './template/template-functions';
+import template_values from './template/template-values';
+
 class Branding {
     constructor(chosenbrand) {
         if (Branding.branding) {
@@ -43,6 +46,9 @@ class Branding {
             case 'slew':
                 this.values = slew_values;
                 break;
+            case 'template':
+                this.values = template_values;
+                break;
             default:
                 console.error("Branding '" + this.brand + "' not available, will use 'villasweb' branding");
                 this.brand = 'villasweb';
@@ -60,6 +66,9 @@ class Branding {
             case 'slew':
                 homepage = slew_home();
                 break;
+            case 'template':
+                homepage = template_home();
+                break;
             default:
                 homepage = villasweb_home(this.getTitle(), username, userid, role);
                 break;
@@ -68,7 +77,16 @@ class Branding {
     }
 
     getFooter() {
-        return villasweb_footer();
+        var footer = '';
+        switch(this.brand) {
+            case 'template':
+                footer = template_footer();
+                break;
+            default:
+                footer = villasweb_footer();
+                break;
+        }
+        return footer;
     }
 
     getWelcome() {
@@ -77,6 +95,9 @@ class Branding {
             case 'slew':
                 welcome = slew_welcome();
                 break;
+            case 'template':
+                welcome = template_welcome();
+                break;
             default:
                 welcome = this.defaultWelcome();
                 break;

src/branding/template/img/template_logo.svg

@@ -0,0 +1,109 @@
+<?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"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="400"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1853"
+     inkscape:window-height="921"
+     inkscape:window-x="67"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <ellipse
+       id="path3713"
+       cx="107.34524"
+       cy="152.6131"
+       rx="93.738091"
+       ry="90.714287"
+       style="fill:#ffb380;stroke-width:0.46149299" />
+    <path
+       style="fill:#d45500;stroke-width:0.46149299"
+       id="path3717"
+       sodipodi:type="arc"
+       sodipodi:cx="108.74432"
+       sodipodi:cy="175.60233"
+       sodipodi:rx="30.779675"
+       sodipodi:ry="24.231895"
+       sodipodi:start="0"
+       sodipodi:end="0.17905702"
+       sodipodi:open="true"
+       d="m 139.524,175.60233 a 30.779675,24.231895 0 0 1 -0.4921,4.31574" />
+    <ellipse
+       style="fill:#d45500;stroke-width:0.46149299"
+       id="path3722"
+       cx="108.74432"
+       cy="178.08763"
+       rx="33.577824"
+       ry="26.71722" />
+    <ellipse
+       style="fill:#008080;stroke-width:0.46149299"
+       id="path3729"
+       cx="76.565552"
+       cy="128.38118"
+       rx="9.7935324"
+       ry="10.562623" />
+    <ellipse
+       style="fill:#008080;stroke-width:0.46149299"
+       id="path3729-3"
+       cx="135.32677"
+       cy="127.75985"
+       rx="9.7935324"
+       ry="10.562623" />
+    <ellipse
+       style="fill:#552200;stroke-width:0.46149299"
+       id="path3748"
+       cx="96.152611"
+       cy="183.0583"
+       rx="4.197228"
+       ry="5.5919766" />
+    <ellipse
+       style="fill:#552200;stroke-width:0.46149299"
+       id="path3748-6"
+       cx="117.1388"
+       cy="183.67961"
+       rx="4.197228"
+       ry="5.5919766" />
+  </g>
+</svg>

src/branding/template/template-functions.js

@@ -0,0 +1,52 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
+ ******************************************************************************/
+ import React from 'react';
+
+ 
+ export function template_home() {
+     return (
+         <div className="home-container">
+             <img style={{ height: 120, float: 'right' }} src={require('./img/template_logo.svg').default} alt="Template Logo" />
+             <h1>Home</h1>
+             <p>
+                 Welcome to <b>BRAND</b>!
+             </p>
+             <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut 
+            labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
+            Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+            
+            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore 
+            et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
+            Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+         </div>)
+ }
+ 
+ export function template_welcome() {
+   return (
+       <div >
+           <h1>Welcome!</h1>
+           <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut 
+            labore et dolore magna aliquyam erat, sed diam voluptua.</p>
+       </div>)
+ }
+
+ export function template_footer() {
+    return (
+        <footer className="app-footer">
+            <p>HELLO WORLD, THIS IS MY FOOTER!</p>
+        </footer>)
+ }

src/branding/template/template-values.js

@@ -0,0 +1,44 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see <http://www.gnu.org/licenses/>.
+ ******************************************************************************/
+
+ const template_values = {
+    title: 'Template',
+    subtitle: 'change me!',
+    icon: "template_logo.svg",
+    pages: {
+       home: true,
+       scenarios: true,
+       infrastructure: true,
+       users: true,
+       account: true,
+       api: true
+    },
+    links: {
+       "Google": "https://www.google.com/",
+       "StackOverFlow": "https://stackoverflow.com/"
+    },
+    style: {
+       background: 'rgba(50,30,90, 0.6)',
+       highlights: 'rgba(0,230,5, 0.75)',
+       maincolor: 'rgba(255,0,0, 1)',
+       secondarytext: 'rgba(0,0,100, 0.8)',
+       font: "16px Comic Sans, sans-serif",
+       borderradius: "60px"
+    }
+ }
+ 
+ export default template_values;