55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<script type="text/javascript">
|
||
RED.nodes.registerType("woocommerce-product", {
|
||
category: "WooCommerce",
|
||
color: "#7f54b3",
|
||
defaults: {
|
||
name: { value: "" },
|
||
config: { type: "woocommerce-config", required: true },
|
||
operation: { value: "list" }
|
||
},
|
||
inputs: 1,
|
||
outputs: 1,
|
||
icon: "font-awesome/fa-cube",
|
||
label: function () {
|
||
return this.name || ("WC Product " + this.operation);
|
||
},
|
||
labelStyle: function () {
|
||
return this.name ? "node_label_italic" : "";
|
||
},
|
||
oneditprepare: function () {
|
||
$("#node-input-config").val(this.config ? this.config.id : "");
|
||
},
|
||
oneditsave: function () {
|
||
this.operation = $("#node-select-operation").val();
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<script type="text/x-red" data-template-name="woocommerce-product">
|
||
<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="WooCommerce Product">
|
||
</div>
|
||
<div class="form-row">
|
||
<label for="node-input-config"><i class="fa fa-server"></i> Config</label>
|
||
<input type="text" id="node-input-config">
|
||
</div>
|
||
<div class="form-row">
|
||
<label for="node-select-operation"><i class="fa fa-wrench"></i> Operation</label>
|
||
<select id="node-select-operation">
|
||
<option value="list">List Products</option>
|
||
<option value="get">Get Product by ID</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-tips" style="color:#888; font-size:11px; margin-top:10px;">
|
||
<b>List</b>: msg.limit, msg.page, msg.category (ID), msg.search<br>
|
||
<b>Get</b>: msg.productId – WooCommerce product ID<br>
|
||
Useful for enriching order data with product details.
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-red" data-help-name="woocommerce-product">
|
||
<p>WooCommerce product operations: list, get.</p>
|
||
<p>Useful for enriching order line_items with product details (name, SKU, image).</p>
|
||
</script>
|