schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

generate dynamic dropdowns

Browse Source
This commit is contained in:
Mario
2020-10-17 14:17:37 +02:00
parent 145c14c0cc
commit 9dedc9ccd1
2 changed files with 71 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Blockly/blocks/sensebox-osem.js
+63 -8
View File
@@ -1,6 +1,7 @@
import * as Blockly from 'blockly/core';
import { getColour } from '../helpers/colour';
var apiData = '[{"_id":"5e6073fe57703e001bb99453","createdAt":"2020-03-05T03:37:34.151Z","updatedAt":"2020-10-17T10:49:51.636Z","name":"Vtuzgorodok","currentLocation":{"timestamp":"2020-03-05T03:37:34.146Z","coordinates":[60.658676,56.833041,51],"type":"Point"},"exposure":"outdoor","sensors":[{"title":"PM10","unit":"µg/m³","sensorType":"SDS 011","icon":"osem-cloud","_id":"5e6073fe57703e001bb99458","lastMeasurement":{"value":"3.30","createdAt":"2020-10-17T10:49:51.627Z"}},{"title":"PM2.5","unit":"µg/m³","sensorType":"SDS 011","icon":"osem-cloud","_id":"5e6073fe57703e001bb99457","lastMeasurement":{"value":"0.90","createdAt":"2020-10-17T10:49:51.627Z"}},{"title":"Temperatur","unit":"°C","sensorType":"BME280","icon":"osem-thermometer","_id":"5e6073fe57703e001bb99456","lastMeasurement":{"value":"6.58","createdAt":"2020-10-17T10:49:51.627Z"}},{"title":"rel. Luftfeuchte","unit":"%","sensorType":"BME280","icon":"osem-humidity","_id":"5e6073fe57703e001bb99455","lastMeasurement":{"value":"53.76","createdAt":"2020-10-17T10:49:51.627Z"}},{"title":"Luftdruck","unit":"Pa","sensorType":"BME280","icon":"osem-barometer","_id":"5e6073fe57703e001bb99454","lastMeasurement":{"value":"96937.66","createdAt":"2020-10-17T10:49:51.627Z"}}],"model":"luftdaten_sds011_bme280","lastMeasurementAt":"2020-10-17T10:49:51.627Z","loc":[{"geometry":{"timestamp":"2020-03-05T03:37:34.146Z","coordinates":[60.658676,56.833041,51],"type":"Point"},"type":"Feature"}]}]';
Blockly.Blocks['sensebox_osem_connection'] = {
init: function () {
@@ -27,9 +28,14 @@ Blockly.Blocks['sensebox_osem_connection'] = {
this.setNextStatement(true, null);
},
onchange: function (e) {
//Blockly.Blocks.sensebox.getDescendants = blocks;
let boxID = this.getFieldValue('BoxID');
if (boxID !== 'senseBox ID') {
fetch('https://api.opensensemap.org/boxes/ ' + boxID)
.then(res => res.json())
.then((data) => {
apiData = data;
})
}
},
mutationToDom: function () {
var container = document.createElement('mutation');
@@ -73,25 +79,47 @@ Blockly.Blocks['sensebox_osem_connection'] = {
};
Blockly.Blocks['sensebox_send_to_osem'] = {
init: function () {
this.setTooltip(Blockly.Msg.senseBox_send_to_osem_tip);
this.setHelpUrl('');
this.setColour(getColour().sensebox);
this.appendDummyInput()
.appendField(Blockly.Msg.senseBox_send_to_osem);
this.appendValueInput('Value')
.setCheck(null)
.appendField('Sensor ID')
.appendField(new Blockly.FieldTextInput('Sensor ID'), 'SensorID');
.appendField('Phänomen')
.appendField(new Blockly.FieldDropdown(
this.generateOptions), 'SensorID');
this.setPreviousStatement(true, null);
this.setNextStatement(true, null);
},
generateOptions: function () {
var options = [['', '']];
if (apiData.sensors != undefined) {
for (var i = 0; i < apiData.sensors.length; i++) {
options.push([apiData.sensors[i].title, apiData.sensors[i]._id]);
}
console.log(options);
}
if (options.length > 1) {
var dropdown = options.slice(1)
console.log(dropdown);
return dropdown;
} else
return options;
},
/**
* Called whenever anything on the workspace changes.
* Add warning if block is not nested inside a the correct loop.
* @param {!Blockly.Events.Abstract} e Change event.
* @this Blockly.Block
*/
onchange: function (e) {
onchange: function () {
var legal = false;
// Is the block nested in a loop?
var block = this;
@@ -108,5 +136,32 @@ Blockly.Blocks['sensebox_send_to_osem'] = {
this.setWarningText(Blockly.Msg.CONTROLS_FLOW_STATEMENTS_WARNING);
}
},
LOOP_TYPES: ['sensebox_osem_connection'],
/**
* List of block types that are loops and thus do not need warnings.
* To add a new loop type add this to your code:
* Blockly.Blocks['controls_flow_statements'].LOOP_TYPES.push('custom_loop');
*/
LOOP_TYPES: ['sensebox_osem_connection']
,
// domToMutation: function (xmlElement) {
// (xmlElement.getAttribute('Value'));
// },
// /**
// * Create XML to represent number of pins selection.
// * @return {!Element} XML storage element.
// * @this Blockly.Block
// */
// mutationToDom: function () {
// var container = document.createElement('mutation');
// var input = this.getFieldValue('NAME');
// this.updateShape_(input);
// container.setAttribute('NAME', input);
// return container;
// },
// updateShape_: function () {
// },
};