NinjaBlocks notification device widget

options.js

return {
  "name": "Notification",
  "deviceMap": [{ "deviceType": "notification" }]
}

style.less

padding: 40px 10px 10px;
 
.notification-widget {
  text-align: right;
  
  button {
 
  }
 
  input {
    width: 92%;
    display: block;
    margin: 0 auto 5px;
  }
  
  select {
    float: left;
  }
 
}

view.html

<div class="notification-widget">
  <form>
    <input class="input" type="text" name="message" placeholder="Message"/>
    <input class="input" type="text" name="title" placeholder="Title"/>
    <input class="input" type="text" name="subtitle" placeholder="Subtitle"/>
    <input class="input" type="text" name="url" placeholder="URL"/>
    <select name="type">
      <option>info</option>
      <option>pass</option>
      <option>fail</option>
    </select>
    <button class="button orange-gradient compact">Notify</button>
  </form>
</div>

widget.js

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

element.find('button').click(function() {
  scope.ActuateAll(element.find('form').serializeObject());
});