1
0
mirror of https://github.com/node-red/node-red-nodes.git synced 2023-10-10 13:36:58 +02:00
node-red-nodes/utility/exif/94-exif.html
Dave Conway-Jones c61e8b60b7
Add dedicated Worldmap mode
better handling of other types
2020-12-07 17:34:44 +00:00

62 lines
2.6 KiB
HTML

<script type="text/html" data-template-name="exif">
<div class="form-row">
<label for="node-input-mode"><i class="fa fa-dot-circle-o"></i> Mode</label>
<select style="width:70%" id="node-input-mode">
<option value="normal">Standard node</option>
<option value="worldmap">Use with Worldmap-in node</option>
</select>
</div>
<div class="form-row" id="node-exif-prop-select">
<label for="node-input-property"><i class="fa fa-ellipsis-h"></i> <span data-i18n="node-red:common.label.property"></span></label>
<input type="text" id="node-input-property" style="width:70%;"/>
</div>
<div class="form-row">
<label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
<input type="text" id="node-input-name" placeholder="Name">
</div>
</script>
<script type="text/html" data-help-name="exif">
<p>Extract <a href="http://en.wikipedia.org/wiki/Exchangeable_image_file_format">Exif</a> information from JPEG images.</p>
<p>This node expects an incoming JPEG image buffer in the selected property. If Exif data is present,
it extracts the data into the <code>msg.exif</code> object.</p>
<p>The node then adds location data as <code>msg.location</code>, should the Exif data carry this information.
This also includes an icon, bearing and field of view arc suitable for use in the worldmap node.
The selected input property retains the original, unmodified image buffer.</p>
<p>If configured to use the worldmap in node then the existing image payload will be replaced by the location
object so that it can be fed back to the map directly.</p>
</script>
<script type="text/javascript">
RED.nodes.registerType('exif',{
category: 'utility',
color:"#f1c2f0",
defaults: {
name: {value:""},
mode: {value:"normal"},
property: {value:"payload",required:true}
},
inputs:1,
outputs:1,
icon: "watch.png",
label: function() {
return this.name||"exif";
},
labelStyle: function() {
return this.name?"node_label_italic":"";
},
oneditprepare: function() {
if (this.property === undefined) { $("#node-input-property").val("payload"); }
$("#node-input-property").typedInput({default:'msg',types:['msg']});
$("#node-input-mode").change(function() {
if ($("#node-input-mode").val() === "worldmap") {
$("#node-exif-prop-select").hide();
}
else { $("#node-exif-prop-select").show(); }
});
}
});
</script>