Charting with flask, rgraph and custom "timeseries database"

4 files changed, 654 insertions, 0 deletions

diff --git a/schall/static/RGraph/css/ModalDialog.css b/schall/static/RGraph/css/ModalDialog.css
new file mode 100644
index 0000000..c9c339c
--- /dev/null
+++ b/schall/static/RGraph/css/ModalDialog.css
@@ -0,0 +1,90 @@
+    /**
+    * o------------------------------------------------------------------------------o
+    * | This file is part of the RGraph package - you can learn more at:             |
+    * |                                                                              |
+    * |                          http://www.rgraph.net                               |
+    * |                                                                              |
+    * | This package is licensed under the RGraph license. For all kinds of business |
+    * | purposes there is a small one-time licensing fee to pay and for non          |
+    * | commercial  purposes it is free to use. You can read the full license here:  |
+    * |                                                                              |
+    * |                      http://www.rgraph.net/LICENSE.txt                       |
+    * o------------------------------------------------------------------------------o
+    */
+
+
+    /**
+    * Modal Dialog
+    */
+    .modalBg {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        filter: Alpha(Opacity=50);
+        -moz-opacity: 0.5;
+        background-color: #ddd;
+        visibility: hidden;
+        width: expression(document.body.clientWidth);
+        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight);
+        z-index: 100;
+    }
+
+    .modalDialog {
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        visibility: hidden;
+        z-index: 101;
+        background-color: white;
+        top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
+        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
+        border: 1px solid #777;
+        border-top: 0;
+        padding: 20px;
+        border-radius: 5px;
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+    }
+
+    .modalDialog .modalDialogHeader {
+        margin:0;
+        padding: 0px;
+        color: #333;
+        font-weight: bold;
+        background-color: #ccc;
+        border: 1px solid #989898;
+        position: absolute;
+        top: 0px;
+        left: -1px;
+        height: 7px;
+        border-radius: 5px;
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        -moz-border-radius-bottomleft: 0;
+        -moz-border-radius-bottomright: 0;
+        -webkit-border-bottom-left-radius: 0;
+        -webkit-border-bottom-right-radius: 0;
+    }
+
+    .modalShadow {
+        position: absolute;
+        background-color: black;
+        top: 0px;
+        left: 0px;
+        z-index: 99;
+        top: expression(document.body.clientHeight / 2 - this.offsetHeight / 2);
+        left: expression(document.body.clientWidth / 2 - this.offsetWidth / 2);
+        border-radius: 5px;
+        -moz-border-radius: 5px;
+        -webkit-border-radius: 5px;
+        opacity: 0.5;
+    }
+
+    /**
+    * This is not part of the core Modal Dialog styles, instead it's just so that the dialog looks
+    * respectable.
+    */
+    h4 {
+        font-family: Verdana, Arial;
+        padding-top: 10px;
+    }
\ No newline at end of file
diff --git a/schall/static/RGraph/css/common.css b/schall/static/RGraph/css/common.css
new file mode 100644
index 0000000..5a2cdec
--- /dev/null
+++ b/schall/static/RGraph/css/common.css
@@ -0,0 +1,299 @@
+@font-face {
+    font-family: Delicious;
+    src: url('/Delicious-Roman.otf')
+}
+
+/**
+* Various
+*/
+body {
+    margin: 0px;
+}
+
+a {
+    text-decoration: none;
+}
+
+code {
+    background-color: #dedede;
+    border: 1px dashed #aaaaaa;
+    padding: 3px;
+    display: block;
+    font-family: Monospace;
+}
+
+
+/**
+* Datagrid stuff
+*/
+table.datagrid {
+    border-collapse: collapse;
+    margin-left: 30px;
+}
+
+table.datagrid th {
+    background-color: #ccc;
+    border: 1px solid #aaa;
+    padding: 2px;
+}
+
+table.datagrid tr {
+    background-color: #ddd;
+}
+
+table.datagrid tr.oddrow {
+    background-color: #eee;
+}
+
+table.datagrid td {
+    border: 1px solid #aaa;
+    padding: 3px;
+}
+
+
+/**
+* Master div
+*/
+.master {
+    font-family: Georgia;
+}
+
+
+/**
+* Header section
+*/
+.header {
+    margin-right: 10px;
+    letter-spacing: 2px;
+    background-image: url(/images/hdrbg.jpg);
+    margin-left: 10px;
+}
+
+.header h1 {
+    margin-top: 0px;
+}
+
+.tagline {
+    font-size: 8pt;
+    position: relative;
+    top: -15px;
+    left: 15px;
+    letter-spacing: 0px;
+}
+
+
+/**
+* Top nav
+*/
+.topnav {
+    color: white;
+    background-color: #314657; /* Old */
+    background-color: #2D4B33;
+    padding: 1px;
+    padding-left: 10px;
+}
+
+.topnav a {
+    color: white;
+}
+
+
+/**
+* Left nav
+*/
+.leftnav,
+.searchbox {
+    width: 180px;
+    color: black;
+    background-color: #FF5A18;
+    margin-left: 5px;
+    margin-top: 10px;
+    padding: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+    padding: expression('10px');
+    border: 1px solid #B33E11;
+}
+
+.leftnav {
+
+    box-shadow: 0 0 15px #aaa;
+    -moz-box-shadow: 0 0 15px #aaa;
+    -webkit-box-shadow: 0 0 15px #aaa;
+
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    width: 180px;
+    float: left;
+    hmargin: 5px;
+}
+
+.leftnav h4 {
+    border-bottom: 1px solid black;
+}
+.leftnav a {
+    color: black;
+}
+
+.leftnav ul {
+    margin-left: -20px;
+    margin-left: expression('20px');
+    list-style-type: square;
+}
+
+
+/**
+* Main body section
+*/
+.mainbody {
+    margin-left: 220px;
+}
+
+.borderedTable table {
+    border-collapse: collapse;
+}
+
+.borderedTable th {
+    background-color: #dddddd;
+    border: 1px solid #aaaaaa;
+    font-size: 70%;
+    padding-left: 3px;
+    padding-right: 3px;
+}
+
+.borderedTable td {
+    vertical-align: top;
+    font-size: 70%;
+    border: 1px solid #dddddd;
+}
+
+.newsitem {
+    margin-bottom: 25px;
+}
+
+.newsitem h2,
+.newsitem h1 {
+    display: inline;
+}
+
+.newsitem .date {
+    font-size: 70%;
+}
+
+p.firstLetter:first-letter {
+    font-size: 200%;
+    font-style: italic;
+    font-weight: bold;
+    float: left;
+    padding-right: 3px;
+}
+
+.newsitem p.update {
+    background-color: #efefef;
+    border: 1px dashed black;
+    padding: 5px; 
+}
+
+
+/**
+* Comments
+*/
+.comment {
+    padding: 5px;
+    margin-bottom: 20px;
+    font-size: 80%;
+    background-color: #efefef;
+    border: 1px dashed #cccccc;
+}
+
+.comment .body {
+    margin-top: 5px;
+    padding-left: 7px;
+}
+
+.comment .quoteLink {
+    text-align: right;
+    font-size: 90%;
+}
+
+
+/**
+* Errors
+*/
+.error {
+    color: red;
+    font-style: italic;
+}
+
+
+/**
+* Copyright text
+*/
+.copyright {
+    text-align: right;
+    font-size: 75%;
+}
+
+
+/**
+* Admin page
+*/
+.adminPage table {
+    font-family: Verdana;
+    font-size: 10pt;
+}
+
+.adminPage th {
+    background-color: #dddddd;
+}
+
+
+/**
+* Tools page
+*/
+#toolsPage th,
+#toolsPage td {
+}
+
+#toolsPage th {
+    font-weight: bold;
+    text-align: right;
+    white-space: nowrap;
+    vertical-align: top;
+    background-color: #ffffcc;
+}
+
+#toolsPage textarea {
+    height: 200px;
+    width: 800px;
+    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffffff, endColorstr=#ffffcc);
+}
+
+#shortcuts th {
+    
+}
+
+#shortcuts th {
+    text-align: left;
+    background-color: #ededed;
+    padding: 2px;
+}
+
+/**
+* Download header/footer
+*/
+div#download pre,
+div#download pre a {
+    
+}
+
+/**
+* Code
+*/
+div.boxout,
+pre.code {
+    border: 2px dashed gray;
+    padding: 3px;
+    background-color: #eee;
+}
\ No newline at end of file
diff --git a/schall/static/RGraph/css/index.html b/schall/static/RGraph/css/index.html
new file mode 100644
index 0000000..2b4a17c
--- /dev/null
+++ b/schall/static/RGraph/css/index.html
@@ -0,0 +1,2 @@
+<?php
+    header('Location: /');
\ No newline at end of file
diff --git a/schall/static/RGraph/css/website.css b/schall/static/RGraph/css/website.css
new file mode 100644
index 0000000..4b35303
--- /dev/null
+++ b/schall/static/RGraph/css/website.css
@@ -0,0 +1,263 @@
+    /**
+    * o------------------------------------------------------------------------------o
+    * | This file is part of the RGraph package - you can learn more at:             |
+    * |                                                                              |
+    * |                          http://www.rgraph.net                               |
+    * |                                                                              |
+    * | This package is licensed under the RGraph license. For all kinds of business |
+    * | purposes there is a small one-time licensing fee to pay and for non          |
+    * | purposes there is a small one-time licensing fee to pay and for non          |
+    * | commercial  purposes it is free to use. You can read the full license here:  |
+    * |                                                                              |
+    * |                      http://www.rgraph.net/LICENSE.txt                       |
+    * o------------------------------------------------------------------------------o
+    */
+
+
+body {
+    padding-top: 10px;
+    font-family: Arial, Sans-Serif;
+}
+
+h1,
+h2 {
+}
+
+h1 span,
+h2 span {
+    color: #65AEFF;
+    font-style: italic;
+}
+
+a#read-more {
+}
+
+pre#code,
+code {
+    display: block;
+    border: 1px solid #aaa;
+    padding: 5px;
+    background-color: #ddd;
+}
+
+#breadcrumb,
+#logo {
+    border: 2px black solid;
+    background-color: #eee;
+    padding: 3px;
+    top: 0;
+    right: 0;
+    position: absolute;
+    margin: 2px;
+    opacity: 0.8;
+    border-radius: 5px;
+}
+#breadcrumb a,
+#logo a {
+    text-decoration: none;
+}
+
+th {
+    text-align: left;
+    border: 1px solid gray;
+    background-color: #ddd;
+    padding: 3px;
+    vertical-align: top;
+}
+
+td {
+    vertical-align: top;
+}
+
+ol li {
+    margin-top: 20px;
+}
+
+ol#implementation li code {
+    margin-top: 5px;
+}
+
+td.description {
+    background-color: #eee;
+    padding: 3px;
+    border: 1px solid #ddd;
+}
+
+td.chart {
+    text-align: center;
+}
+
+.example_boxout {
+    background-color: #eee;
+    padding: 3px;
+    border: 1px solid #aaa;
+}
+
+.code {
+    padding: 5px;
+    background-color: #eee;
+    border: 2px dashed gray
+}
+
+/**
+* This is semi-transparent box in the top left corner
+*/
+div#devtag {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: #999 3px 3px 3px;
+    -moz-box-shadow: #999 3px 3px 3px;
+    box-shadow: #999 3px 3px 3px;
+    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);
+    position: fixed;
+    top: 2px;
+    right: 2px;
+    width: 145px;
+    border: 2px solid black;
+    text-align: center;
+    font-weight: bold;
+    font-family: Arial;
+    background-color: #fdd;
+    z-index: 1001;
+    opacity: 0.8;
+}
+
+div#devtag a {
+    font-size: 10px;
+    text-decoration: none;
+    color: blue;
+    opacity: 1;
+}
+
+/**
+* This overrides something defined earlier
+*/
+ol#colors li {
+    margin: 0;
+}
+
+/**
+* styles lists
+*/
+div.list-item {
+    width: 220px;
+    display: inline-block;
+}
+
+div.list-item.label {
+    width: 170px;
+}
+
+legend {
+    background-color: #efefef;
+    border: 1px solid #75736e;
+}
+
+body#licensing span {
+    font-size: 120%;
+}
+
+/**
+* The yellow warning box on the front page
+*/
+div.warning {
+    border: 1px solid black;
+    text-align: center;
+    background-color: #ffa;
+    padding: 5px;
+    margin-top: 5px;
+    border-radius: 15px;
+    -moz-border-radius: 15px;
+    -webkit-border-radius: 15px;
+    -webkit-box-shadow: #aaa 1px 1px 15px;
+    -moz-box-shadow: #aaa 1px 1px 15px;
+    box-shadow: #aaa 1px 1px 15px;
+    filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);
+    z-index: 98;
+    opacity: 0.9;
+}
+
+div.canvasfallback {
+    border: 2px dashed red;
+    background-color: #fee;
+    width: 475px;
+    height: 150px;
+    text-align: center;
+    padding-top: 50px;
+}
+
+/**
+* The title "bar"
+*/
+div#title {
+}
+
+div#title div#image {
+    float: left;
+    margin-right: 15px;
+}
+
+div#title div#text {
+    padding-top: 5px;
+    margin-left: 70px;
+}
+
+
+div.warning p {
+    text-align: center;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    font-weight: bold;
+}
+
+        
+div.description {
+    border: 1px dashed gray;
+    background-color: #eee;
+    font-size: 75%;
+    padding: 3px;
+}
+
+div#social {
+    display: inline;
+    display: inline-block;
+}
+
+.upgrade_notice {
+    display: inline;
+    display: inline-block;
+    text-align: center;
+    background-color: yellow;
+    border: 1px black solid;
+    border-radius: 10px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    padding: 3px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+#google_plusone {
+    position: fixed;
+    top: 10px;
+    left: 145px;
+    z-index: 1000;
+}
+
+div#testimonial {
+    font-size: 80%;
+    background-color: rgba(248,248,248, 0.5);
+    //background-color: #efe;
+    padding: 6px;
+    border: 1px solid #ddd;
+    border-radius: 15px;
+    //background: -webkit-gradient(linear, left top, left bottom, from(#efe), to(white));
+    //background: -moz-linear-gradient(top,  #efe,  white);
+    //filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeffee', endColorstr='#ffffff');
+    margin-top: 10px;
+}
+
+div#social_icons img {
+    border: none;
+}
\ No newline at end of file