Add 'About' tab

04ad2fe1 · Efthymia Bika · cacb8c16 · 04ad2fe1 · 04ad2fe1 · 04ad2fe1
Commit 04ad2fe1 authored Feb 24, 2016 by Efthymia Bika
9 changed files
--- a/baas/LICENSE
+++ b/baas/LICENSE
+This program 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.
+
+This program 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 this program.  If not, see <http://www.gnu.org/licenses/>.
--- a/baas/about.html
+++ b/baas/about.html
+<!DOCTYPE html>
+<!--
+Copyright (C) 2015-2016 GRNET S.A.
+
+This program 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.
+
+This program 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 this program.  If not, see <http://www.gnu.org/licenses/>.
+-->
+<html>
+    <head>
+        <title>About BaaS</title>
+    </head>
+
+    <body>
+    <div class="wrapper home">
+        <div class="row">
+            <div class="small-6 columns">
+                <header>
+                    <img src="static/images/logo.png" class="logo" alt="BaaS"/>
+                </header>
+            </div>
+            <div class="small-6 columns">
+                <p><b>BaaS</b> (Backup as a Service) is a service provided to
+                Synnefo users in order to backup their data to Pithos
+                Storage. It supports encrypted, incremental backups in a
+                space and bandwidth-efficient way
+            </p>
+            </div>
+        </div>
+        <p class="disclaimer"><b>Version: </b><span id="version"></span></p>
+            <p class="disclaimer">Developed and supported by the
+            Okeanos/Synnefo development team of GRNET<br/>
+            <b>contact: synnefo@googlegroups.com</b></p>
+
+            <h3 class="disclaimer">Copyright 2015-2016 Greek Research and
+                Technology Network<br/>License:</h3>
+            <embed class="licence" src="LICENSE" />
+        </div>
+        <footer class="footer">
+        <p class="disclaimer">The project is co-financed by Greece
+        and the European Union</p>
+            <ul class="logos">
+                <li id="eu"> <img src="static/images/eu.png" /> </li>
+                <li id="dg"> <img src="static/images/dg.png" /> </li>
+                <li id="nsrf"> <img src="static/images/nsrf.png" /> </li>
+                <li id="grnet"> <img src="static/images/grnet.png" /> </li>
+            </ul>
+        </footer>
+        <script>
+          document.getElementById("version").innerHTML = baas_version;
+        </script>
+    </body>
+
+</html>
--- a/baas/index.html
+++ b/baas/index.html
@@ -31,6 +31,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
        <script type="text/javascript">
            create_baas_dir();
            var gui = require('nw.gui');
+            var baas_version = gui.App.manifest.version;
+
            var win = gui.Window.get();

            // check operating system for the menu
@@ -69,7 +71,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
    </head>

    <body>
-        <div class="blue-bar icon-bar four-up">
+        <div class="blue-bar icon-bar five-up">
            <a class="item" id="activity-link"
                onclick="$('#main').load('activity.html');
                activate_tab(this.id);">
@@ -94,6 +96,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
                <i class="fa fa-cloud"></i>
                <label>Cloud Settings</label>
            </a>
+            <a class="item" id="about-link"
+                onclick="$('#main').load('about.html');
+                activate_tab(this.id);">
+                <i class="fa fa-info"></i>
+                <label>About</label>
+            </a>
        </div>
        <div id="main"></div>


--- a/baas/static/images/dg.png
+++ b/baas/static/images/dg.png
--- a/baas/static/images/eu.png
+++ b/baas/static/images/eu.png
--- a/baas/static/images/grnet.png
+++ b/baas/static/images/grnet.png
--- a/baas/static/images/logo.png
+++ b/baas/static/images/logo.png
--- a/baas/static/images/nsrf.png
+++ b/baas/static/images/nsrf.png
--- a/baas/static/stylesheets/custom.css
+++ b/baas/static/stylesheets/custom.css
@@ -135,3 +135,50 @@ body fieldset {
 .succeed-span {
    color: forestgreen;
 }
+.home {
+    text-align: center;
+    padding-bottom: 120px;
+}
+.disclaimer {
+    margin: 0;
+    font-size: 11px;
+    padding-bottom: 0.5em;
+    letter-spacing: 1px;
+}
+.licence {
+    margin: 0 auto;
+    width: 600px;
+    height: 215px;
+    overflow: auto;
+    background: #e0e0e0;
+}
+.logos li {
+    list-style: none outside none;
+    display: inline-block;
+    line-height: 35px;
+    height: 35px;
+    margin: 0 10px;
+}
+.logos #grnet img { width: 76px; }
+.logos #eu img { width: 144px; }
+.logos #dg img { width: 130px; }
+.logos #nsrf img { width: 56px; }
+.footer {
+    border-top: 1px solid #c2c2c2;
+    text-align: center;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #fff;
+}
+.wrapper {
+    padding: 10px 15px 10px 15px;
+    max-width: 640px;
+    min-width: 220px;
+    margin: 0 auto;
+    position: relative;
+}
+.wrapper p {
+    font-size: 0.8rem;
+}