c8y-measurements.html

<script type="text/x-red" data-template-name="c8y-measurements">
	<div class="form-row">
		<label for="node-input-name"><i class="fa fa-tag"></i> Name </label>
		<input type="text" id="node-input-name" data-i18n="[placeholder]common.label.name">
	</div>

	<div class="form-row">
		<label for="node-input-domain"></i> Instance Name</label>
		<input type="text" id="node-input-domain" placeholder="instanceName.io">
	</div>

	<div class="form-row">
		<label for="node-input-tenant"></i> Tenant Name</label>
		<input type="text" id="node-input-tenant" placeholder="tenantName">
	</div>

	<div class="form-row">
		<label for="node-input-deviceId"><i class="fa fa-barcode"></i> DeviceId </label>
		<input type="text" id="node-input-deviceId" placeholder="(optional)">
	</div>

	<div class="form-row">
		<label for="node-input-startDate"><i class="fa fa-calendar"></i> Start Date </label>
		<input type="datetime-local" id="node-input-startDate" placeholder="(optional)">
	</div>
	<div class="form-row">
		<label for="node-input-endDate"><i class="fa fa-calendar"></i> End Date </label>
		<input type="datetime-local" id="node-input-endDate" placeholder="(optional)">
	</div>

	<div class="form-row">
		<label for="node-input-pageSize"><i class="fa fa-file-alt"></i> Page Size </label>
		<input type="text" id="node-input-pageSize" placeholder="(optional)">
	</div>

	<div class="form-row">
		<input type="checkbox" id="node-input-useAuth" style="display: inline-block; width: auto; vertical-align: top;">
		<label for="node-input-useAuth" style="width: 70%;"><span data-i18n="c8yMeasurements.basicauth"></span> Use basic authentication </label>
		<div style="margin-left: 20px" class="node-input-useAuth-row hide">
			<div class="form-row">
				<label for="node-input-user"><i class="fa fa-user"></i><span data-i18n="common.label.username"> Username</span></label>
				<input type="text" id="node-input-user">
			</div>
			<div class="form-row">
				<label for="node-input-password"><i class="fa fa-lock"></i><span> Password</span></label>
				<input type="password" id="node-input-password">
			</div>
		</div>
	</div>

	<div class="form-row">
		<label for="node-input-ret"><i class="fa fa-arrow-left"></i><span> Return</span></label>
		<select type="text" id="node-input-ret" style="width:70%;">
        <option selected value="txt">UTF-8 string</option>
        <option value="bin">Binary</option>
        <option value="obj">a parsed JSON object</option>
        </select>
	</div>
</script>

<script type="text/x-red" data-help-name="c8y-measurements">
	<p>Provides a node fetching measurement data from cumulocity.</p>
	<p>The tenant name must be configured in the node.</p>
	<ul>
		<li>Required inputs:
			<ul>Cumulocity Instance Name (string)</ul>
			<ul>Tenant Name (string)</ul>
		</li>
		<li>Optional inputs (to filter results):
			<ul>DeviceId (number) - filter by device</ul>
			<ul>StartDate (ISO Date Format: YYYY-MM-DDTHH:MM:SSZ) - filter by date posted</ul>
			<ul>EndDate (ISO Date Format: YYYY-MM-DDTHH:MM:SSZ) - filter by date posted</ul>
			<ul>MeasurementId (number) - return a specific measurement</ul>
			<ul>PageSize (number) - number of measurements to include per page. (Default: 25)</ul>
		</li>

	</ul>
	<p>
		The output message contains the following properties:
		<ul>
			<li><code>payload</code> is an array of all measurements</li>
			<li><code>statusCode</code> is the status code of the response, or the error code if the request could not be completed</li>
			<li><code>headers</code> is an object containing the response headers</li>
		</ul>
	</p>
	<p>More information about the Cumulocity API can be found <a href="http://cumulocity.com/guides/reference/measurements/">here </a>.</p>
</script>

<script type="text/javascript">
	RED.nodes.registerType('c8y-measurements', {
		category: 'cumulocity',
		color: "rgb(106, 210, 252)",
		defaults: {
			name: {
				value: ""
			},
			ret: {
				value: "txt"
			},
			domain: {
				value: "",
				required: true
			},
			tenant: {
				value: "",
				required: true
			},
			deviceId: {
				value: ""
			},
			startDate: {
				value: ""
			},
			endDate: {
				value: ""
			},
			pageSize: {
				value: "25"
			}
		},
		credentials: {
			user: {
				type: "text"
			},
			password: {
				type: "password"
			}
		},
		inputs: 1,
		outputs: 1,
		icon: "cumulocity-logo.png",
		label: function() {
			return this.name || "c8y Measurements";
		},
		labelStyle: function() {
			return this.name ? "node_label_italic" : "";
		},
		oneditprepare: function() {
			$("#node-input-useAuth").change(function() {
				if ($(this).is(":checked")) {
					$(".node-input-useAuth-row").show();
				} else {
					$(".node-input-useAuth-row").hide();
					$('#node-input-user').val('');
					$('#node-input-password').val('');
				}
			});
			if (this.credentials.user || this.credentials.has_password) {
				$('#node-input-useAuth').prop('checked', true);
			} else {
				$('#node-input-useAuth').prop('checked', false);
			}
			$("#node-input-useAuth").change();

			$("#node-input-ret").change(function() {
				if ($("#node-input-ret").val() === "obj") {
					$("#tip-json").show();
				} else {
					$("#tip-json").hide();
				}
			});
		}
	});
</script>