x-file-document.html

<!--
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../polymer-ajax/polymer-ajax.html">

<polymer-element name="x-file-document" attributes="text fileName root">
  <template>
    <polymer-ajax id="post" method="POST" on-polymer-complete="{{postComplete}}"></polymer-ajax>
    <polymer-ajax id="get" handleAs="text" response="{{text}}" on-polymer-complete="{{getComplete}}"></polymer-ajax>
  </template>
  <script>
    Polymer('x-file-document', {
      root: '',
      fileName: '',
      text: null,
      fileNameChanged: function() {
        //console.log(this.fileName);
        this.fetch();
      },
      get url() {
        return this.root + this.fileName;
      },
      fetch: function() {
        this.$.get.url = this.url;
        this.$.get.go();
      },
      getComplete: function(event) {
        event.stopPropagation();
        this.fire('file-document-loaded');
      },
      save: function() {
        this.$.post.xhrArgs = {
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        };
        this.$.post.url = this.url;
        this.$.post.params = {
          html: this.text
        };
        this.$.post.go();
      },
      postComplete: function(event) {
        event.stopPropagation();
        this.fire('file-document-saved');
      }
    });
  </script>
</polymer-element>