Question

我正在尝试为我们的办公室创建一个仪表板，并且我想显示会议室的占用情况（很遗憾，我们没有适当的会议室系统）。我有一些传感器可以吐出是否检测到运动的CSV信息，并且我有一个办公室的计划，每个房间都有绿色或红色的覆盖层。

我遇到的问题是如何根据CSV值切换仪表板中绿色或蓝色的可见性。即如果最后一个值是“ MotionDetected”，则显示红色；如果值不是“ MotionDetected”，则显示绿色。

我对任何编码都是新手，所以我只有基础知识。任何帮助将不胜感激！

谢谢！

期望的输出是，如果CSV中的最后一个值是“ MotionDetected”，则显示红色，如果值不是“ MotionDetected”，则显示绿色。

Answer 1

JavaScript：

LOCATION="${BUILT_PRODUCTS_DIR}"/"${FRAMEWORKS_FOLDER_PATH}"

# By default, use the configured code signing identity for the project/target
IDENTITY="${CODE_SIGN_IDENTITY}"
if [ "$IDENTITY" == "" ]
then
# If a code signing identity is not specified, use ad hoc signing
IDENTITY="-"
fi
codesign --verbose --force --deep -o runtime --sign "$IDENTITY" "$LOCATION/Sparkle.framework/Versions/A/Resources/AutoUpdate.app"
codesign --verbose --force -o runtime --sign "$IDENTITY" "$LOCATION/Sparkle.framework/Versions/A"

如果在css文件中有所需的类，则可以更改类而不是样式：JS Change class of element

Answer 2

基于wazz的慷慨帮助，加上Alan Stines on Youtube for extracting the CSV string的一些补充意见，我使用以下代码完成了上述工作！

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="CSV Parsing css.css" type="text/css" rel="stylesheet">
<title>CSV Parsing Test</title>
</head>

<body>
    <div id="output"></div>
    <img id="Background" src="Brochure QR Code.png" alt="Broken">
    <img id="TestImage" src="search.png" alt="Broken">

    <script>
        function init(){
            var myCSV = new XMLHttpRequest();
            myCSV.onreadystatechange = function(){
                if(this.readyState == 4 && this.status == 200) {
                    console.log(this.responseText);
                    var csv_Data = this.responseText.split(',');
                    console.log(csv_Data);
                    var last = csv_Data[csv_Data.length - 3];
                    console.log(last);
                    var ele = document.getElementById("TestImage");

        if(last === "DetectedMovement"){
            ele.style.backgroundColor = "red";
        } else {ele.style.backgroundColor = "green";
             }
                }
            };

            myCSV.open("GET", "MotionLog_PIRTempHum001Testing R00.01.csv", true);
            myCSV.send()
        }

        window.onload = init;


    </script>
</body>
</html>

我希望分享这会有所帮助！

根据CSV值切换可见性

2 个答案: