Dev sanzeed

.gitignore

@@ -0,0 +1,4 @@
+
+node_modules/
+package-lock.json
+package.json

app_label.js

@@ -0,0 +1,120 @@
+
+var firebase = require('firebase');
+var admin = require('firebase-admin');
+var funcs = require('firebase-functions');
+
+var firebaseConfig = {
+  apiKey: "AIzaSyCvIgWTTi16ESUYEhbQlRda9ItjXgvRgyU",
+  authDomain: "minerva-7ae74.firebaseapp.com",
+  databaseURL: "https://minerva-7ae74.firebaseio.com",
+  projectId: "minerva-7ae74",
+  storageBucket: "",
+  messagingSenderId: "1018992044633",
+  appId: "1:1018992044633:web:dcdfdb4754bde54e095f48"
+};
+
+firebase.initializeApp(firebaseConfig);
+
+let db = firebase.firestore();
+db.collection("data1")
+.get()
+.then(querySnapshot => {
+    if (!querySnapshot.empty) {
+        //We know there is one doc in the querySnapshot
+        const queryDocumentSnapshot = querySnapshot.docs[0].label_distribution;
+        return console.log(queryDocumentSnapshot);
+    } else {
+        console.log("No document corresponding to the query!");
+        return null;
+    }
+});
+console.log("NONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASK");
+
+db.collection('data1').get()
+  .then((snapshot) => {
+
+    snapshot.forEach((doc) => {
+        var fragment = create('<option value="label_option_1">${doc}</option>'); 
+
+        var generateHere = document.getElementById("generate-datapoint_labels")
+        generateHere.insertBefore(fragment, generateHere.firstChild);
+        console.log(doc.id, '=>', doc.data());
+    });
+  })
+  .catch((err) => {
+    console.log('Error getting documents', err);
+  });
+
+
+
+window.onload = function () {
+
+    var chart = new CanvasJS.Chart("chartContainer", {
+        title: {
+            text: "Realit"
+        },
+        axisY: {
+            title: "Temperature",
+            suffix: " °C"
+        },
+        data: [{
+            type: "column",	
+            yValueFormatString: "#,### °C",
+            indexLabel: "{y}",
+            dataPoints: [
+                { label: "boiler1", y: 206 },
+                { label: "boiler2", y: 163 },
+                { label: "boiler3", y: 154 },
+                { label: "boiler4", y: 176 },
+                { label: "boiler5", y: 184 },
+                { label: "boiler6", y: 122 }
+            ]
+        }]
+    });
+
+    var pie_chart = new CanvasJS.Chart("chartContainer", {
+        theme: "dark2", // "light1", "light2", "dark1", "dark2"
+        exportEnabled: true,
+        animationEnabled: true,
+        title: {
+            text: "Cats" //dynamic according to the label that the user is in
+        },
+        data: [{
+            type: "pie",
+            startAngle: 25,
+            toolTipContent: "<b>{label}</b>: {y}%",
+            showInLegend: "true",
+            legendText: "{label}",
+            indexLabelFontSize: 16,
+            indexLabel: "{label} - {y}%",
+            dataPoints: [
+                { y: 51.08, label: "Chrome" },
+                { y: 27.34, label: "Internet Explorer" },
+                { y: 10.62, label: "Firefox" },
+                { y: 5.02, label: "Microsoft Edge" },
+                { y: 4.07, label: "Safari" },
+                { y: 1.22, label: "Opera" },
+                { y: 0.44, label: "Others" }
+            ]
+        }]
+    });
+    pie_chart.render();
+
+    function updateChart() {
+        var boilerColor, deltaY, yVal;
+        var dps = chart.options.data[0].dataPoints;
+        for (var i = 0; i < dps.length; i++) {
+            deltaY = Math.round(2 + Math.random() *(-2-2));
+            yVal = deltaY + dps[i].y > 0 ? dps[i].y + deltaY : 0;
+            boilerColor = yVal > 200 ? "#FF2500" : yVal >= 170 ? "#FF6000" : yVal < 170 ? "#6B8E23 " : null;
+            dps[i] = {label: "Boiler "+(i+1) , y: yVal, color: boilerColor};
+        }
+        chart.options.data[0].dataPoints = dps; 
+        chart.render();
+    };
+    updateChart();
+    var generateHere = document.getElementById("generate-here");
+    generateHere.insertBefore(fragment, generateHere.firstChild);
+    setInterval(function() {updateChart()}, 500);
+
+    }

blah.html

@@ -0,0 +1 @@
+<h1>sadf</h1>

labelling_session.ejs

@@ -0,0 +1,203 @@
+<!DOCTYPE HTML>
+
+<html>
+<head>
+    <stylesheet<link rel="stylesheet" type="text/css" href="main.css">
+</head>
+<body>
+
+    <style>
+        body {
+		text-align: center;
+		padding: 100px 0 0 0;
+		color: #fff;
+		background: #1d1f20;
+    }   
+    </style>
+    <script>
+  console.log("NONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASKNONLADASK");
+
+  function ObjectLength( object ) {
+    var length = 0;
+    for( var key in object ) {
+        if( object.hasOwnProperty(key) ) {
+            ++length;
+        }
+    }
+    return length;
+};
+console.log("sadfjasfd")
+
+
+  var all_data = "<%= dynamic %>"; 
+
+  var negative= "<%= dynamic[1].negative_c %>";
+  var positive= "<%= dynamic[1].positive_c %>";
+  var neutral= "<%= dynamic[1].neutral_c %>";
+//   var index = "<%= dynamic[2] %>"
+  console.log(negative, positive, neutral);
+
+//   console.log('neutral',JSON.stringify(neutral));
+//   console.log('positive',JSON.stringify(positive));
+
+//   <p class="name">
+//               asdflkjsadfljasdlfaks;h : %= dynamic[0].data%>;
+//     </p>
+  window.onload = function () {
+
+      var chart = new CanvasJS.Chart("chartContainer", {
+         theme: "dark2", 
+
+          title: {
+              text: "Database Distribution"
+          },
+          axisY: {
+              title: "Frequencies",
+          },
+          data: [{
+              type: "column",	
+              yValueFormatString: "###",
+              indexLabel: "{y}",
+              dataPoints: [
+                  { label: "Negative", y: negative },
+                  { label: "Neutral", y: neutral },
+                  { label: "Positive", y: positive },
+
+              ]
+          }]
+      });
+      function updateChart() {
+        console.log(negative, positive, neutral)
+
+          var boilerColor, deltaY, yVal;
+          var dps = chart.options.data[0].dataPoints;
+          for (var i = 0; i < dps.length; i++) {
+            if(i==0){
+
+                yVal = parseInt(negative)
+                boilerColor = "#ADD8E6";
+                dps[i] = {label: "Negative " , y: yVal, color: boilerColor};
+            }
+            if(i==1){
+                yVal = parseInt(neutral)
+                boilerColor = "#ADD8E6";
+                dps[i] = {label: "Neutral " , y: yVal, color: boilerColor};
+            }
+            if(i==2){
+                yVal = parseInt(positive)
+                boilerColor = "#ADD8E6";
+                dps[i] = {label: "Positive ", y: yVal, color: boilerColor};
+            }
+
+          }
+          chart.options.data[0].dataPoints = dps; 
+          chart.render();
+      };
+      updateChart();
+      setInterval(function() {updateChart()}, 500);
+
+
+    data_negative = parseInt("<%= dynamic[0][0].label_distribution.Negative %>");
+    data_neutral = parseInt("<%= dynamic[0][0].label_distribution.Neutral %>");
+    data_positive = parseInt("<%= dynamic[0][0].label_distribution.Positive %>");
+    total = data_negative + data_neutral + data_positive
+
+      var pie_chart = new CanvasJS.Chart("chartContainer1", {
+        theme: "dark2", 
+          exportEnabled: true,
+          animationEnabled: true,
+          title: {
+              text: "Label distribution for current datapoint" //dynamic according to the label that the user is in
+          },
+          data: [{
+              type: "pie",
+              startAngle: 25,
+              toolTipContent: "<b>{label}</b>: {y}%",
+              showInLegend: "true",
+              legendText: "{label}",
+              indexLabelFontSize: 16,
+              indexLabel: "{label} - {y}%",
+              dataPoints: [
+                  { y: 100 * data_negative / total , label: "negative"},
+                  { y: 100 * data_neutral / total, label: "neutral" },
+                  { y: 100 * data_positive / total , label: "positive" }
+              ]
+          }]
+      });
+
+      pie_chart.render();
+
+    }
+
+      </script>
+ <div id="chartContainer" style="height: 370px; width: 100;"></div>
+    </br>
+</br>
+</br>
+</br>
+ <div id="chartContainer1" style="height: 370px; width: 100;"></div>
+ <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
+
+<p id="counter" style="visibility: hidden">0</p>
+
+
+<div id="form-main">
+        <div id="form-div">
+          <form class="form" id="form1">
+                <script>
+                    function increase() {
+                        var string_val = document.getElementById("counter").innerHTML;
+                        document.getElementById(string_val).style = "visibility: hidden";
+                        var val = parseInt(string_val);
+                        val += 1;
+                        document.getElementById("counter").innerHTML = JSON.stringify(val);
+                        document.getElementById(JSON.stringify(val)).style = "visibility: visible"
+                    }    
+                </script>
+
+            <p class="name" id="0" style="visibility: visible">
+                Datapoint : <%= dynamic[0][0].data%>
+            </p>
+            <p class="name" id="1" style="visibility: hidden">
+              Datapoint : <%= dynamic[0][1].data%>
+            </p>
+            <p class="name" id="2" style="visibility: hidden">
+              Datapoint : <%= dynamic[0][2].data%>
+            </p>
+            <p class="name" id="3" style="visibility: hidden">
+              Datapoint : <%= dynamic[0][3].data%>
+            </p>
+            <p class="name" id="4" style="visibility: hidden">
+              Datapoint : <%= dynamic[0][4].data%>
+            </p>
+
+            <!-- <% for (var i =1; i <=10;  i++ ) { %>
+                <% dynamic[2]++ %>
+                <br/>  <%= dynamic[2] %> 
+                <%#  will output the numbers 1-10 %>
+            <% } %> -->
+
+
+            <p class="datapoint">
+                    <select name="datapoint"> 
+                        <!-- datapoint access -->
+                            <option value="label_option_1">Negative</option>
+                            <option value="label_option_2">Neutral</option>
+                            <option value="label_option_3">Positive</option>
+                          </select>
+            </p>
+            <br><br>
+
+            <div class="submit">
+              <button onclick="increase()" type="submit" value="SEND" id="button-blue">Submit</button>
+              <div class="ease"></div>
+            </div>
+          </form>
+
+        </div>
+    </div>
+
+
+
+</body>
+</html>