add-event.html

<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/polymerfire/polymerfire.html" >
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-input/paper-input.html" >
<link rel="import" href="../bower_components/paper-input/paper-textarea.html" >
<link rel="import" href="../bower_components/iron-input/iron-input.html" >
<link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html" >
<link rel="import" href="../bower_components/paper-item/paper-item.html" >
<link rel="import" href="../bower_components/paper-card/paper-card.html" >
<link rel="import" href="../bower_components/paper-fab/paper-fab.html" >
<link rel="import" href="../bower_components/paper-menu/paper-menu.html" >
<link rel="import" href="../bower_components/paper-listbox/paper-listbox.html" >
<link rel="import" href="../bower_components/paper-dialog/paper-dialog.html" >
<link rel="import" href="../bower_components/paper-dialog-scrollable/paper-dialog-scrollable.html" >
<link rel="import" href="../bower_components/iron-autogrow-textarea/iron-autogrow-textarea.html" >
<link rel="import" href="simple-dialog.html">
<dom-module id="add-event">
    <style>
    :host{
      --paper-input-container-input:{
         max-height: 125px;
         width:600px;
      }
 }
    </style>
    <template>
        
        <paper-fab icon="add" on-tap="open"></paper-fab>
        <simple-dialog id="dialog" modal role="alertdialog">
        <h2>Create Event</h2>

        <paper-dropdown-menu label="Select School" >
        <paper-listbox class="dropdown-content" attr-for-selected="value" selected="{{path}}">
            <paper-item value="{{/events/university/}}">University</paper-item>
            <paper-item value="[[/events/schools/business]]">Business</paper-item>
            <paper-item value="[[/events/schools/comp]]">Computer Science</paper-item>
            <paper-item value="[[/events/schools/diplomacy]]">Diplomacy</paper-item>
            <paper-item value="[[/events/schools/education]]">Education</paper-item>
            <paper-item value="[[/events/schools/journalism]]">Journalism</paper-item>
            <paper-item value="[[/events/schools/law]]">Law</paper-item>
        </paper-listbox>
        </paper-dropdown-menu>
        <firebase-query 
        id="query"
        app-name="riara"
        path="[[path]]">
        </firebase-query>
         
  <paper-dialog-scrollable>
    <form id="push" is="iron-form" method="POST" action="http://127.0.0.1/fcm/test.php">
            <paper-input char-counter maxlength="50" label="Title" type="text" required="true" name="title"></paper-input>
            <paper-textarea max-rows="4"placeholder="Body" type="text" required="true" name="body"></paper-textarea>
 
      <div class="buttons">
          <paper-button dialog-dismiss>Cancel</paper-button>
          <paper-button  type="submit"  on-click="_submit" dialog-confirm autofocus>Submit</paper-button>
          
      </div>
       </simple-dialog>
    </form>
    </paper-dialog>
    </template>
    <script>
    Polymer({
        is: 'add-event',
        properties:{
            path:{
                type:String
            }
        },
        _submit: function(event) {
              //this.$.push.submit();
              console.log(this.path);
              this.$.query.ref.push({
                  title: this.$.title.value,
                  body: this.$.body.value
              });
            },
            open:function(evt) {
              // Because we are in a dom module, this.$ registers tags with an ID.
              this.$.dialog.toggle();
              
            },
    })
    </script>

</dom-module>