JSFiddle - React, Tailwind, and code Playground

by dirtyd77

JavaScript

var mappedPropertyNames = {
    lineColor: 'stroke',
    lineStyle: 'lineStyle',
    lineType: 'lineType',
    rectangle: {
        shapeType: 'rectangle'   
    },
    triangle: {
        shapeType: 'triangle'   
    },
    line: {
        shapeType: 'line',
        lineType: 'line'
    },
    ray: {
        shapeType: 'line',
        lineType: 'ray'
    },
    linesegment: {
        shapeType: 'line',
        lineType: 'segment'
    },
    shapeSize: 'size',
    lineSize: 'size',
    shapeColor: ['fill', 'stroke']
};
           
var _properties = holyCrap();

var newProperties = _.map(_properties, function (output){
   console.log(output); 
});

var seriesOutputs = [];

_properties.forEach(function(outputs){
    var seriesOutput = {
        id: outputs.output_id
    },
        properties = outputs.properties;
    seriesOutputs.push(seriesOutput);
 
for (var propName in properties) {
    
    var prop = properties[propName];
    
    
    switch (propName) {
            
        case 'lineColor':
            seriesOutput.stroke = prop.value;
            break;
            
        case 'lineStyle':
            // Dotted|Solid
            seriesOutput.lineStyle = prop.value.toLowerCase();
            break;
            
        case 'lineType':
            // Line|Spline
            seriesOutput.lineType = prop.value.toLowerCase();
            break;
            
        case 'shapeType':
            // Rectangle|Triangle|Line|Ray|LineSegment
            
            switch(prop.value.toLowerCase()) {
                case 'rectangle':
                case 'triangle':
                    seriesOutput.shapeType = prop.value.toLowerCase();
                    break;
                    
                case 'line':
                    seriesOutput.shapeType = 'line';
                    seriesOutput.lineType = 'line';
                    break;
                    
                case 'ray':
                    seriesOutput.shapeType = 'line';
                   ...