Create a tally system with JavaScript

See also questions close to this topic

• Clipboard API usage in Chrome not working as expected

  I have a very strange behavior when I try to react on the paste event in Chrome in order to let the user paste multiple files from the file system into my web frontend.

  This is the code of the function I register to the paste event:

  let pasteFunction = function(event, callback) {
      event.preventDefault();
  
      if (!event.originalEvent && !event) {
          return;
      }
  
      let regardedEvent = (event.originalEvent || event)
      let items = regardedEvent.clipboardData.items;
  
      if(items === undefined){
          return;
      };
  
      Array.prototype.forEach.call(regardedEvent.clipboardData.files, function(file) {
          callback(file);
      });
  }
  

  Instead of iterating over the files property I also tried this:

  for (var i = 0; i < items.length; i++) {
      let content = items[i]
      if (content.kind !== 'file') continue;
      var blob = content.getAsFile();
  
      if (blob === null) {
          continue;
      }
      callback(blob);
  }
  

  There are multiple problems with this approach:

  • The array always only contains one file, no matter how many I copy
  • It does not work with files other than images
  • The file name is not preserved (always image.png)

  When I try in Safari, everything works like charm. Does it mean that Chrome's security policies disallow me to use the clipboard API as intended? Or is there something I can do about it?

  MacOS Sierra (10.12.6) - Chrome 65.0.3325.181
• how to save process.env.NODE_ENV to store

  So the main question is how do I save it so that when I run npm run build it doesn't include development only code.

  Example:

  store

  var state = {
      live = process.env.NODE_ENV !== "development"
  }
  

  usage:

  data () {
      let live = this.$store.state.General.live
      return {
          example: live ? "production" : "development"    
      }
  
  }
  

  in the app.js build you will still see example: live ? "production" : "development" however if I were to run it like this in data

  let live = process.env.NODE_ENV
  
   example: live ? "production" : "development"
  

  This will remove the live ... from the actual build and only output example:"production"

  So overall, is it possible to save the state of process.env.NODE_ENV to a store variable?
• Get real time values from python script inside jquery and php

  I want to display current temperature on a webpage.

  I'm using Raspberry Pi 3 in Jessie.
  I'm using Chromium as browser.

  I placed the python script inside a loop for a countdown timer. I then trigger it every 5 seconds. I accompanied it with console.log("here") to check if the function is looping. It displays numerous "here" but I only get one value

  1. I have tried <?php shell_exec('sudo python /var/www/html/31856.py'); ?>
     The script adds temperature to a Mysql table but it only runs after I refresh the page.
  2. I have tried var tout = <?php echo shell_exec('sudo python /var/www/html/31856.py'); ?>
console.log(tout); The script displays the temperature and is looping however the value does not change from the first value. It only change after refresh

  1 & 2 is running (it gets temp value) and there is no error on /var/log/apache2 but it I can't get it to pass real time values.

  Here are the codes:
  1. #!/usr/bin/env python

  from Adafruit_MAX31856 import max31856
  import RPi.GPIO as GPIO
  
  
  sensor = max31856.max31856(csPin=8, misoPin=9, mosiPin=10, clkPin=11)    
  thermoTempC = sensor.readJunctionTemp()
  st = "%.2f" % thermoTempC
  print st
  
  GPIO.cleanup()
  

  2. #!/usr/bin/env python

  from Adafruit_MAX31856 import max31856
  from datetime import datetime
  
  import RPi.GPIO as GPIO
  import MySQLdb
  import time
  
  
  db = MySQLdb.connect(host="192.168.1.10", user="root", passwd="root", db="test")
  cur = db.cursor()
  
  
  data = ""
  thermoTempC = 0.00
  
  
  
  def send_temp():
      try:
          rt = "%.2f" % thermoTempC
          cur.execute("""INSERT INTO log (Cntl_Id, Temperature) VALUES (%s, %s)""", ("C01", rt))
          #print("Write to DB. Success")
          #print rt 
          db.commit()
      except:
          db.rollback()
  
  
  
  try:              
      cur.execute("""SELECT Status FROM controller WHERE Number='C01'""")
      data = cur.fetchone()[0]
      #print data
      db.commit()
  except:
      db.rollback()
  
  
  if str(data) == "1":
      sensor = max31856.max31856(csPin=8, misoPin=9, mosiPin=10, clkPin=11)    
      thermoTempC = sensor.readJunctionTemp()
      send_temp()
  
      GPIO.cleanup()
  

  Looping function
  

  function timer(seconds) {
      var h = Math.floor(seconds / 3600), m = Math.floor(seconds / 60) % 60, s = seconds % 60;
  
      if (h < 10) { h = "0" + h; }
      if (m < 10) { m = "0" + m; }
      if (s < 10) { s = "0" + s; }
  
  
      if (seconds >= 0) {
              if ((seconds % 5) == 0) {
                  //var tout = 0;
                  //console.log(tout);
                  var tout = <?php echo shell_exec('sudo python /var/www/html/31856.py'); ?>              
                  console.log(tout);
                  console.log("get temp");
              }
  
          $("#remaining_time").val(h + ":" + m + ":" + s);
      }
      else
      {
          $("#remaining_time").val("00:00:00");
      }
  }