poly-me-section.html

<link rel="import" href="../polymer/polymer.html">

<link rel="import" href="sections/cards-section.html">
<link rel="import" href="sections/content-section.html">
<link rel="import" href="sections/contact-section.html">
<link rel="import" href="sections/dated-section.html">
<link rel="import" href="sections/google-form-section.html">
<link rel="import" href="sections/jupyter-notebooks-section.html">

<!--
`poly-me-section`
A section of the web based resume. This element figures out which section to render.

Example:
```
  <poly-me-section data="[[data]]"></poly-me-section>
```

-->

<dom-module id="poly-me-section">
  <template>
    
    <template is="dom-if" if="{{_checkEquals(data.type, 'content')}}">
      <content-section data="[[data]]"></content-section>
    </template>

    <template is="dom-if" if="{{_checkEquals(data.type, 'cards')}}">
      <cards-section data="[[data]]"></cards-section>
    </template>

    <template is="dom-if" if="{{_checkEquals(data.type, 'dated')}}">
      <dated-section data="[[data]]"></dated-section>
    </template>

    <template is="dom-if" if="{{_checkEquals(data.type, 'contact')}}">
      <contact-section data="[[data]]"></contact-section>
    </template>

    <template is="dom-if" if="{{_checkEquals(data.type, 'googleForm')}}">
      <google-form-section data="[[data]]"></google-form-section>
    </template>

    <template is="dom-if" if="{{_checkEquals(data.type, 'jupyterNotebooks')}}">
      <jupyter-notebooks-section data="[[data]]"></jupyter-notebooks-section>
    </template>

  </template>

  <script>
    Polymer({

      is: 'poly-me-section',

      properties: {
        /**
         * The section data
         */
        data: {
          type: Object
        }
      },

      _checkEquals: function(a,b){
        return a == b;
      }
    });
  </script>
</dom-module>