<commit_before><!--
@license
Copyright (c) 2016 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="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-material/paper-material.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="../bower_components/app-layout/app-layout.html">
<link rel="import" href="../bower_components/app-layout/app-grid/app-grid-style.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/iron-form/iron-form.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/paper-toast/paper-toast.html">

<dom-module id="my-notifications-blood">
  <template>
    <style include="app-grid-style">
      
      :host {
        display: block;
        --app-primary-color: #ed1c24;
        --app-secondary-color: #666666;
        --light-background: #f5f5f5;
        padding: 20px;
        --app-grid-columns: 5;
        --app-grid-gutter: 16px;
        --paper-input-container-focus-color: var(--app-primary-color);
        --paper-input-container-invalid-color: var(--app-primary-color);
        overflow: auto;
      }

      #container {
        height: 100%;
      }

      .no-margin {
        margin: 0;
      }

      paper-material {
        background-color: #fff;
        margin-top: 12px;
        border-radius: 1px;
        padding-bottom: 30px;
      }

      .app-grid {
        width: 50%;
        /*background-color: #000;*/
        padding: 50px 0;
        margin: 0 auto;
      }

      .paper-mat-title {
        background-color: var(--light-background);
        padding: 16px 0;
        border-radius: 1px 1px 0 0;
        box-shadow: 0 -1px 0 rgba(0,0,0,0.12) inset;
      }

      .paper-mat-title p {
        width: 65%;
        margin: 0 auto;
        overflow: hidden;
      }

      paper-button {
        background-color: var(--light-background);
      }

      paper-button[active] {
        background-color: var(--app-primary-color);
        color: #fff;
      }

      paper-button:active {
        background-color: var(--app-primary-color);
      }

      form {
        width: 65%;
        margin: 0 auto;
        overflow: hidden;
      }

      #submitBtn {
        float: right;
        margin-top: 16px;
        margin-right: 3px;
        margin-bottom: 3px;
        color: #ffffff;
        background-color: var(--app-primary-color);
      }

      #container {
        margin-top: 16px;
      }

    </style>

    <paper-material id="paperMatNotification">
      <div class="paper-mat-title"><p>Verstuur een notificatie op basis van bloedgroep.</p></div>
      <div id="buttonsContainer" class="app-grid">
        <paper-button class="item" toggles raised value="blood-A+">A +</paper-button>
        <paper-button class="item" toggles raised value="blood-B+">B +</paper-button>
        <paper-button class="item" toggles raised value="blood-AB+">AB +</paper-button>
        <paper-button class="item" toggles raised value="blood-O+">O +</paper-button>
        <paper-button class="item" toggles raised value="blood-A-">A -</paper-button>
        <paper-button class="item" toggles raised value="blood-B-">B -</paper-button>
        <paper-button class="item" toggles raised value="blood-AB-">AB -</paper-button>
        <paper-button class="item" toggles raised value="blood-O-">O -</paper-button>
      </div>      
      <form is="iron-form" method="get" action="/" id="notificationForm">
        <paper-input id="title" name="title" label="Titel" required></paper-input>
        <paper-textarea id="body" char-counter label="Bericht" required></paper-textarea>
        <br>
        <paper-button id="submitBtn" raised on-click="sendNotification" class="no-margin">Versturen</paper-button>
        <div class="output"></div>
      </form>
    </paper-material>
    
    <div id=container>
      <paper-toast id="toastSuccess" class="fit-bottom" text="Notificatie is verstuurd."></paper-toast>
      <paper-toast id="toastFail" class="fit-bottom" text="Notificatie kon niet vertuurd worden."></paper-toast>
      <paper-toast id="toastIncomplete" class="fit-bottom"
        text="Kies de gewenste bloedgroep(en) en vul titel en bericht van de notificatie in.">
      </paper-toast>
    </div>

  </template>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="js/notifications-blood.js"></script>
</dom-module>
<commit_msg>change blood buttons value<commit_after><!--
@license
Copyright (c) 2016 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="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-material/paper-material.html">
<link rel="import" href="../bower_components/paper-button/paper-button.html">
<link rel="import" href="../bower_components/app-layout/app-layout.html">
<link rel="import" href="../bower_components/app-layout/app-grid/app-grid-style.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/iron-form/iron-form.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/paper-toast/paper-toast.html">

<dom-module id="my-notifications-blood">
  <template>
    <style include="app-grid-style">
      
      :host {
        display: block;
        --app-primary-color: #ed1c24;
        --app-secondary-color: #666666;
        --light-background: #f5f5f5;
        padding: 20px;
        --app-grid-columns: 5;
        --app-grid-gutter: 16px;
        --paper-input-container-focus-color: var(--app-primary-color);
        --paper-input-container-invalid-color: var(--app-primary-color);
        overflow: auto;
      }

      #container {
        height: 100%;
      }

      .no-margin {
        margin: 0;
      }

      paper-material {
        background-color: #fff;
        margin-top: 12px;
        border-radius: 1px;
        padding-bottom: 30px;
      }

      .app-grid {
        width: 50%;
        /*background-color: #000;*/
        padding: 50px 0;
        margin: 0 auto;
      }

      .paper-mat-title {
        background-color: var(--light-background);
        padding: 16px 0;
        border-radius: 1px 1px 0 0;
        box-shadow: 0 -1px 0 rgba(0,0,0,0.12) inset;
      }

      .paper-mat-title p {
        width: 65%;
        margin: 0 auto;
        overflow: hidden;
      }

      paper-button {
        background-color: var(--light-background);
      }

      paper-button[active] {
        background-color: var(--app-primary-color);
        color: #fff;
      }

      paper-button:active {
        background-color: var(--app-primary-color);
      }

      form {
        width: 65%;
        margin: 0 auto;
        overflow: hidden;
      }

      #submitBtn {
        float: right;
        margin-top: 16px;
        margin-right: 3px;
        margin-bottom: 3px;
        color: #ffffff;
        background-color: var(--app-primary-color);
      }

      #container {
        margin-top: 16px;
      }

    </style>

    <paper-material id="paperMatNotification">
      <div class="paper-mat-title"><p>Verstuur een notificatie op basis van bloedgroep.</p></div>
      <div id="buttonsContainer" class="app-grid">
        <paper-button class="item" toggles raised value="blood-Ap">A +</paper-button>
        <paper-button class="item" toggles raised value="blood-Bp">B +</paper-button>
        <paper-button class="item" toggles raised value="blood-ABp">AB +</paper-button>
        <paper-button class="item" toggles raised value="blood-Op">O +</paper-button>
        <paper-button class="item" toggles raised value="blood-An">A -</paper-button>
        <paper-button class="item" toggles raised value="blood-Bn">B -</paper-button>
        <paper-button class="item" toggles raised value="blood-ABn">AB -</paper-button>
        <paper-button class="item" toggles raised value="blood-On">O -</paper-button>
      </div>      
      <form is="iron-form" method="get" action="/" id="notificationForm">
        <paper-input id="title" name="title" label="Titel" required></paper-input>
        <paper-textarea id="body" char-counter label="Bericht" required></paper-textarea>
        <br>
        <paper-button id="submitBtn" raised on-click="sendNotification" class="no-margin">Versturen</paper-button>
        <div class="output"></div>
      </form>
    </paper-material>
    
    <div id=container>
      <paper-toast id="toastSuccess" class="fit-bottom" text="Notificatie is verstuurd."></paper-toast>
      <paper-toast id="toastFail" class="fit-bottom" text="Notificatie kon niet vertuurd worden."></paper-toast>
      <paper-toast id="toastIncomplete" class="fit-bottom"
        text="Kies de gewenste bloedgroep(en) en vul titel en bericht van de notificatie in.">
      </paper-toast>
    </div>

  </template>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="js/notifications-blood.js"></script>
</dom-module>

{'fraction_non_alphanumeric': 0.15665847665847665, 'fraction_numerical': 0.013759213759213759, 'mean_word_length': 2.6630669546436283, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, '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': '4716273', 'n_tokens_mistral': 3358, 'n_tokens_neox': 3181, 'n_words': 681}