upload.html

<script type="text/javascript">
    RED.nodes.registerType('upload-to-firebase',{
        category: "storage",
        color: "#FFAAAA",
        defaults: {
          server: {value:"", type:"config-firebase"},
            name: {value:""},
            folder: {value:""},
        },
        inputs:1,
        outputs:1,
        icon: "db.png",
        label: function() {
            return this.name||"upload-to-firebase";
        },
        paletteLabel: "firebase upload"
    });
</script>

<script type="text/x-red" data-template-name="upload-to-firebase">
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
    <div class="form-row">
        <label for="node-input-server"><i class="icon-tag"></i> Firebase Configuration</label>
        <input type="select" id="node-input-server" placeholder="Configuration">
    </div>
    <div class="form-row">
        <label for="node-input-folder"><i class="icon-tag"></i> Folder</label>
        <input type="text" id="node-input-folder" placeholder="Storage Folder">
    </div>
</script>

<script type="text/x-red" data-help-name="upload-to-firebase">
    <p>Node uploading files from msg.attachments into Google Firebase storage</p>

    <h3>Inputs</h3>
    <dl class="message-properties">
        <dt>attachments <span class="property-type">array</span></dt>
        <dd> Array of file description objects to be stored in Firebase bucket.
            Each attachment should contain at least <code>fileName</code>, <code>contentType</code> and <code>content</code> properties.
        </dd>
    </dl>
    <h3>Outputs</h3>
    <ol class="node-ports">
       <li>Standard output
           <dl class="message-properties">
               <dt>msg.downloadUrl <span class="property-type">string</span></dt>
               <dd>Image download URL.</dd>
           </dl>
       </li>
    </ol>
</script>