<commit_before><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-material/paper-material.html"></script>
<dom-module id="secondary-card">

<style>

  paper-material{
    height: 100%;
    width: 100%;
    float:left;
    clear:right;
    background-color: #FFFFFF;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .white{color:#FFFFFF;}

  .small-card{
    height:100%;
    position:relative;
  }

  .fixed-bottom{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height:25%;
  }

  .upper-case{
    text-transform: uppercase;
  }

  .float-left{float:left; clear:right; }
  .float-right{float:right; }
  #card-header{
    background-color: #FF4081;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height:25%;
  }

  
  .content-area{
    height:50%;
    padding:2%;

  }
  .center{
    text-align: center;
    display: table-cell; 
  }

  .transparent-padding{
    height: 100%;
    width:24%;
    padding:0.25%;
    display: inline-block;
  }
  .padded-wrapper{
    width:80%;
    margin:0px auto;
    padding:1.5% 0 0 0;
    height:100%;
  }

  .card-content-title{
    font-size: 12px; 
    font-weight: 500;
    color: rgba(0,0,0,.87);
  }

  .card-content-text{
    font-size: 12px; 
    font-weight: 500;
    color: rgba(0,0,0,.54);
  }

  .fixed-bottom-title{
    font-size: 10px; 
    font-weight: 500;
    color: rgba(255,255,255,.87);
  }

  .metric-title{
    font-size: 10px; 
    font-weight: 500;
    color: rgba(255,255,255,.87);
  }

  .metric-description{
    font-size: 24px;
    font-weight: 400;
    color: rgba(255,255,255,1);
  }

</style>

<template>
  <div class="transparent-padding transition" onclick="newDataTransition( function(done) { done(); } );return false;">
    <paper-material elevation="2">
      <div class="small-card">
          <div id="card-header">
            <div class="padded-wrapper">
              <div class="float-left center">
                <span class="metric-title">ATTENDEES</span></br>
                <span class="metric-description">{{registrationcount}}</span>
              </div>
              <div class="float-right center">
                <span class="metric-title">REVENUE</span></br>
                <span class="metric-description">{{ordertotal}}</span>
              </div>
            </div>
          </div>
          <div id="card-content">
            <div class="content-area">
              <p>{{attendeenames}}</p>
            </div>
            <div class="fixed-bottom">
              <div class="padded-wrapper">
                <div class="float-left">
                  <span class="card-content-title">DISCOUNT CODE</span></br>
                  <span class="card-content-text">{{discountcode}}</span>
                </div>
                <div class="float-right">
                  <span class="card-content-title">PROMOTER</span></br>
                  <span class="card-content-text">{{promoter}}</span>
                </div>
              </div>
            </div>
          </div>
      </div>
    </paper-material>
  </div>
</template>

<script>
    // element registration
    Polymer({<commit_msg>Secondary card styling<commit_after><link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/paper-material/paper-material.html"></script>
<dom-module id="secondary-card">

<style>

  paper-material{
    height: 100%;
    width: 100%;
    float:left;
    clear:right;
    background-color: #FFFFFF;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .white{color:#FFFFFF;}

  .small-card{
    height:100%;
    position:relative;
  }

  .fixed-bottom{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
    height:25%;
  }

  .upper-case{
    text-transform: uppercase;
  }

  .float-left{float:left; clear:right; }
  .float-right{float:right; }
  #card-header{
    background-color: #FF4081;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    height:25%;
  }

  p {
    padding:0;margin:0;
  }
  .content-area{
    height:50%;
    padding:8% 8%;
    overflow:hidden;

  }
  .center{
    text-align: center;
    display: table-cell; 
  }

  .transparent-padding{
    height: 100%;
    width:24%;
    padding:0.25%;
    display: inline-block;
  }
  .padded-wrapper{
    width:100%;
    margin:0px auto;
    padding:0% 8%;
    height:100%;
    overflow:hidden;
  }

  .card-content-title{
    font-size: 12px; 
    font-weight: 500;
    color: rgba(0,0,0,.87);
  }

  .card-content-text{
    font-size: 12px; 
    font-weight: 500;
    color: rgba(0,0,0,.54);
  }

  .fixed-bottom-title{
    font-size: 10px; 
    font-weight: 500;
    height:50%;
    color: rgba(255,255,255,.87);
  }

  .metric-title{
    display:inline-block;
    padding:8% 8% 0;
    font-size: 10px; 
    font-weight: 500;
    color: rgba(255,255,255,.87);
  }

  .metric-description{
    display:inline-block;
    padding:0% 8%;
    font-size: 22px;
    font-weight: 400;
    color: rgba(255,255,255,1);
  }

</style>

<template>
  <div class="transparent-padding transition" onclick="newDataTransition( function(done) { done(); } );return false;">
    <paper-material elevation="2">
      <div class="small-card">
          <div id="card-header">
            <div>
              <div class="float-left center fix-six max-six">
                <span class="metric-title">ATTENDEES</span></br>
                <span class="metric-description">{{registrationcount}}</span>
              </div>
              <div class="float-right center fix-six max-six">
                <span class="metric-title">REVENUE</span></br>
                <span class="metric-description">{{ordertotal}}</span>
              </div>
            </div>
          </div>
          <div id="card-content">
            <div class="content-area">
              <p>{{attendeenames}}</p>
            </div>
            <div class="fixed-bottom">
              <div class="padded-wrapper">
                <div class="float-left fix-six max-six">
                  <span class="card-content-title">DISCOUNT CODE</span></br>
                  <span class="card-content-text">{{discountcode}}</span>
                </div>
                <div class="float-right fix-six max-six">
                  <span class="card-content-title">PROMOTER</span></br>
                  <span class="card-content-text">{{promoter}}</span>
                </div>
              </div>
            </div>
          </div>
      </div>
    </paper-material>
  </div>
</template>

<script>
    // element registration
    Polymer({
{'fraction_non_alphanumeric': 0.16734582993751698, 'fraction_numerical': 0.034773159467535994, 'mean_word_length': 2.1546700942587833, 'pattern_counts': {'":': 0, '<': 117, '<?xml version=': 0, '>': 117, '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': '3735669', 'n_tokens_mistral': 2752, 'n_tokens_neox': 2451, 'n_words': 409}