googlehome.html

<!--
  Copyright 2017-2020 Ben Hardill
  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at
  http:https://www.apache.org/licenses/LICENSE-2.0
  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->
<script type="text/html" data-template-name="google-home-conf">
    <div class="form-row">
      <label for="node-config-input-username"><i class="fa fa-user"></i> Username</label>
      <input type="text" id="node-config-input-username">
  </div>
  <div class="form-row">
      <label for="node-config-input-password"><i class="fa fa-key"></i> Password</label>
      <input type="password" id="node-config-input-password">
  </div>
</script>

<script type="text/x-red" data-help-name="google-home-conf">
  <p>If you don't have an account on the bridge create one
    <a target="_blank" href="https://googlehome.hardill.me.uk/">here</a>.</p>
</script>

<script type="text/javascript">
  RED.nodes.registerType('google-home-conf',{
    category: 'config',
    defaults: {
      username: {}
    },
    credentials: {
      password: {type:"password"}
    },
    color: '#D3D3D3',
    label: function() {
      return this.username;
    },
    oneditsave: function(){
      var node = this;
      var user = $('#node-config-input-username').val();
      var pass = $('#node-config-input-password').val();
      //console.log("pass: ", pass);
      if (pass != '_PWD_') {
        var account = {
          id: node.id,
          user: user,
          pass: pass
        }
        $.ajax({
          data: JSON.stringify(account),
          url: 'google-home/new-account',
          contentType: 'application/json',
          type: 'POST',
          processData: false
        });
      }
    }
  });
</script>

<script type="text/html" data-template-name="google-home">
  <div class="form-row">
    <label for="node-input-conf"><i class="fa fa-tag"></i> Account</label>
    <input type="text" id="node-input-conf">
  </div>
  <div class="form-row">
    <label for="node-input-device"><i class="fa fa-tag"></i> Device</label>
    <select id="node-input-device">
    </select>
    <a id="node-input-device-refresh" class="btn"><i class="fa fa-refresh"></i></a>
  </div>
  <div class="form-row">
        <label>&nbsp;</label>
        <input type="checkbox" id="node-input-acknowledge" style="display: inline-block; width: auto; vertical-align: top;">
        <label for="node-input-acknowledge" style="width: 70%"> Auto Acknowledge</span>
    </div>
  <div class="form-row">
    <label for="node-input-topic"><i class="fa fa-tag"></i> Topic</label>
    <input type="text" id="node-input-topic">
  </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">
  </div>
</script>

<script type="text/html" data-help-name="google-home">
  <p></p>
  <p>When Auto Acknowledge is enabled there is no need for a Google Home Response node,
  but all actions will be assumed to have succeeded</p>
</script>

<script type="text/javascript">

  function getDevs(account, node) {
    $.getJSON('google-home/devices/' + account, function(data){
      // Split device response to rooms (in case you have e.g. multiple "Christmass lights", one in "Garden" and one in "Living room"
      var rooms = { 'No roomhint assigned': [] };
      for (d in data) {
        var roomHint = (data[d].roomHint || '').trim();
        if (roomHint == '') {
          roomHint = 'No roomhint assigned';
        }
        if (!rooms.hasOwnProperty(roomHint)) {
          rooms[roomHint] = [];
        }
        rooms[roomHint].push(data[d]);
      }

      // Add all rooms and devices to the list
      $('#node-input-device').empty();
      Object.keys(rooms).sort().forEach(function(key) {
        let group = $('<optgroup label="' + key + '" />');
        for (d in rooms[key]) {
          group.append($('<option/>',{
            value: parseInt(rooms[key][d].id),
            text: rooms[key][d].name.name
          }));
        }
        if (rooms[key].length) {
          $('#node-input-device').append(group);
        }
      });

      if (node.device) {
        $('#node-input-device').val(node.device);
        if ($('#node-input-name').text() === '') {
          $('#node-input-name').val(node.name);
        }
      }
    })
  }

  RED.nodes.registerType('google-home',{
    category: 'Google_Assistant',
    defaults: {
      conf: {value: "", type: "google-home-conf"},
      device: {value: "", required: true},
      acknowledge: {value: true},
      name: {value:""},
      topic: {}
    },
    outputs: 1,
    inputs: 0,
    color: '#D3D3D3',
    icon: 'assistant.png',
    label: function() {
      return this.name || "Google Assistants";
    },
    // oneditsave: function () {
    //   var n = $('#node-input-device option:selected').text();
    //   //console.log("selected name " + n);
    //   this.name = n;
    //   $('#node-input-name').val(n);
    // },
    oneditprepare: function() {
      var node=this;

      if (typeof node.acknowledge === 'undefined') {
        $('#node-input-acknowledge').prop('checked', true);
      }

      if (node.conf) {
        var account = $('#node-input-conf').val();
        //console.log("account: ", account);
        if (account != '_ADD_') {
          getDevs(account, node);
        }
      }

      $('#node-input-device').change(function(){
        var n = $('#node-input-device option:selected').text();
        $('#node-input-name').val(n);
      });

      $('#node-input-conf').change(function(){
        var account = $('#node-input-conf').val();
        //console.log("account changed: ", account);
        if (account != '_ADD_') {
          $('#node-input-device-refresh').addClass('disabled');
          setTimeout(function(){
            getDevs(account, node);
            $('#node-input-device-refresh').removeClass('disabled');
          },2000);
        } else {
          $('#node-input-device').empty().val('');
        }
      });

      $('#node-input-device-refresh').click(function(){
        $('#node-input-device-refresh').addClass('disabled');
        var account = $('#node-input-conf').val();
        $.ajax({
          url: 'google-home/refresh/' + account,
          type: 'POST'
        }).done(function(data){
          setTimeout(function(){
            getDevs(account, node);
            $('#node-input-device-refresh').removeClass('disabled');
          },1500);
        });
      });
    }
  })
</script>

<script type="text/html" data-template-name="google-home-response">
  <div class="form-row">
    <label for="node-input-conf"><i class="fa fa-tag"></i> Account</label>
    <input type="text" id="node-input-conf">
  </div>
  <div class="form-row">
    <label for="node-input-device"><i class="fa fa-tag"></i> Device</label>
    <select id="node-input-device">
    </select>
    <a id="node-input-device-refresh" class="btn"><i class="fa fa-refresh"></i></a>
  </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">
  </div>
</script>

<script type="text/html" data-help-name="google-home-response">
  <p>Please make sure you pick the same Account as the input node.</p>
</script>

<script type="text/javascript">
  RED.nodes.registerType('google-home-response',{
    category: 'Google_Assistant',
    defaults: {
      conf: {required: true, type: "google-home-conf", value:""},
      device: {value: ""},
      name: {value:""}
    },
    outputs: 0,
    inputs: 1,
    color: '#D3D3D3',
    icon: 'assistant.png',
    label: function() {
      return this.name || "Google Assistant Response";
    },
    // oneditsave: function () {
    //   var n = $('#node-input-device option:selected').text();
    //   console.log("selected name " + n);
    //   this.name = n;
    //   $('#node-input-name').val(n);
    // },
    oneditprepare: function(){
      var node=this;

      if (node.conf) {
        var account = $('#node-input-conf').val();
        //console.log("account: ", account);
        if (account != '_ADD_') {
          getDevs(account, node);
        }
      }

      $('#node-input-device').change(function(){
        var n = $('#node-input-device option:selected').text();
        $('#node-input-name').val(n);
      });

      $('#node-input-conf').change(function(){
        var account = $('#node-input-conf').val();
        //console.log("account changed: ", account);
        if (account != '_ADD_') {
          $('#node-input-device-refresh').addClass('disabled');
          setTimeout(function(){
            getDevs(account, node);
            $('#node-input-device-refresh').removeClass('disabled');
          },2000);
        } else {
          $('#node-input-device').empty().val('');
        }
      });


      $('#node-input-device-refresh').click(function(){
        $('#node-input-device-refresh').addClass('disabled');
        var account = $('#node-input-conf').val();
        $.ajax({
          url: 'google-home/refresh/' + account,
          type: 'POST'
        }).done(function(data){
          setTimeout(function(){
            getDevs(account, node);
            $('#node-input-device-refresh').removeClass('disabled');
          },1500);
        });
      });
    }
  })
</script>