<commit_before>
<dom-module id="books-select-element">
  <style>

    paper-input, paper-input-container {
      color: #000;
    }
    paper-toolbar {
      vertical-align: middle;
    }

    paper-toolbar p {
      margin: 0;
      padding: 0;
    }

    .search {
      margin: auto;
      margin-right: 0px;
    }
    paper-toolbar {
      height: 100px;
    }


  </style>
  <template>
    <paper-header-panel flex mode="waterfall">
      <paper-toolbar role="toolbar" elevation="1">
        <div class='back' on-click="goBack">
          <paper-icon-button id="navicon" icon="arrow-back"></paper-icon-button>
        </div>
        <p>Scelta libri per "<span>{{contentTitle}}</span>"</p>
        <div class='search' on-click="goSearch">
          <paper-icon-button id="search" icon="search"></paper-icon-button>
        </div>

        <paper-tabs class="flex bottom horizontal self-end" alignBottom="true" selected="{{pageSelected}}">
          <paper-tab>Libri già catalogati</paper-tab>
          <paper-tab>Libri da GoodReads</paper-tab>
        </paper-tabs>

      </paper-toolbar>

      <div class='container'>
        <div class='row'>
          <!-- <div class='col-xs-12'>
            <liste-list-item-element></liste-list-item-element>
          </div> -->
          <div class='col-xs-12'>
            <iron-pages selected="{{pageSelected}}">
      				<div id='myCatalog'>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
              </div>
              <div id='goodreadsCatalog'>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
              </div>
            </iron-pages>
          </div>
        </div>

      </div>

      <paper-fab icon="done" on-click='saveBooks'></paper-fab>
    </paper-header-panel>

    <paper-dialog id='noBooksAlert'>
      <div>
        Ops, non hai selezionato nessun libro.
      </div>
      <div class="buttons">
        <paper-button dialog-dismiss>Annulla</paper-button>
        <paper-button dialog-confirm on-click='end'>Procedi comunque</paper-button>
      </div>
    </paper-dialog>

  </template>
</dom-module>

<script>
  Polymer({
    is: "books-select-element",

    properties: {
      visibilityValue: {
        type: Boolean,
        value: false
      },
      contentTitle: {
        type: String,
        value: "Romanzi preferiti"
      },
      pageSelected: {
        type: Number,
        value: 0
      },
      type: {
        type: String
      },
      isnew: {
        type: String
      },
    },<commit_msg>fix dialog z-index<commit_after>
<dom-module id="books-select-element">
  <style>

    paper-input, paper-input-container {
      color: #000;
    }
    paper-toolbar {
      vertical-align: middle;
    }

    paper-toolbar p {
      margin: 0;
      padding: 0;
    }

    .search {
      margin: auto;
      margin-right: 0px;
    }
    paper-toolbar {
      height: 100px;
    }

    #noBooksAlert {
      z-index: 200;
    }


  </style>
  <template>
    <paper-header-panel flex mode="waterfall">
      <paper-toolbar role="toolbar" elevation="1">
        <div class='back' on-click="goBack">
          <paper-icon-button id="navicon" icon="arrow-back"></paper-icon-button>
        </div>
        <p>Scelta libri per "<span>{{contentTitle}}</span>"</p>
        <div class='search' on-click="goSearch">
          <paper-icon-button id="search" icon="search"></paper-icon-button>
        </div>

        <paper-tabs class="flex bottom horizontal self-end" alignBottom="true" selected="{{pageSelected}}">
          <paper-tab>Libri già catalogati</paper-tab>
          <paper-tab>Libri da GoodReads</paper-tab>
        </paper-tabs>

      </paper-toolbar>

      <div class='container'>
        <div class='row'>
          <!-- <div class='col-xs-12'>
            <liste-list-item-element></liste-list-item-element>
          </div> -->
          <div class='col-xs-12'>
            <iron-pages selected="{{pageSelected}}">
      				<div id='myCatalog'>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
              </div>
              <div id='goodreadsCatalog'>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
                <book-checkbox-item-element></book-checkbox-item-element>
              </div>
            </iron-pages>
          </div>
        </div>

      </div>

      <paper-fab icon="done" on-click='saveBooks'></paper-fab>
    </paper-header-panel>

    <paper-dialog id='noBooksAlert' style='height: auto; max-height: 500px; z-index: 200 !important;'>
        <p>
          Ops, non hai selezionato nessun libro.
        </p>
      <div class="buttons">
        <paper-button dialog-dismiss>Annulla</paper-button>
        <paper-button dialog-dismiss>Riprova</paper-button>
      </div>
    </paper-dialog>

  </template>
</dom-module>

<script>
  Polymer({
    is: "books-select-element",

    properties: {
      visibilityValue: {
        type: Boolean,
        value: false
      },
      contentTitle: {
        type: String,
        value: "Romanzi preferiti"
      },
      pageSelected: {
        type: Number,
        value: 0
      },
      type: {
        type: String
      },
      isnew: {
        type: String
      },
    },
{'fraction_non_alphanumeric': 0.15715767634854771, 'fraction_numerical': 0.006742738589211619, 'mean_word_length': 1.8968452679018528, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 143, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1885529', 'n_tokens_mistral': 1849, 'n_tokens_neox': 1761, 'n_words': 304}