kylebuch8

 /*
 * ========================================================================
 * Initialize the Popovers!!!
 * ========================================================================
 *
 * there is an issue with IE7 and IE8 creating popovers
 * in the way that i want to create them. lucky for us, 
 * there is a fix. make sure that we only apply the fix
 * for IE7 and IE8
 *

kylebuch8

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

<polymer-element name="my-element">

  <template>
    <style>    
      #core_animated_pages {
        width: 420px;
        height: 582px;
        overflow: hidden;

kylebuch8

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

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

kylebuch8

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

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;

kylebuch8

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/more-routing/more-route.html">
<link rel="import" href="../bower_components/firebase-element/firebase-document.html">

<dom-module id="mc-player">
    <template>
        <more-route context name="player" params="{{params}}"></more-route>
        <firebase-document id="playerDocument" data="{{player}}"></firebase-document>

        <button on-tap="goBack"><</button>

kylebuch8

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

gulp.task('serve', function () {

    browserSync.init({
        server: {
            baseDir: "./app"
        }

kylebuch8

config.$inject = ['$provide', '$httpProvider'];

function config($provide, $httpProvider) {
    $provide.factory('httpInterceptor', httpInterceptor);

    httpInterceptor.$inject = ['$rootScope'];

    function httpInterceptor($rootScope) {
        return {
            'request': request,

kylebuch8

if ('registerElement' in document
    && 'import' in document.createElement('link')
    && 'content' in document.createElement('template')) {
  // browser has web components
} else {
  // polyfill web components
  var e = document.createElement('script');
  e.src = 'bower_components/webcomponentsjs/webcomponents-lite.min.js';
  document.head.appendChild(e);
}

kylebuch8

/*
 * show modal to certain accounts
 *
 * check to see if the user is logged in by looking at the account_number
 * property on portal.user_info
 *
 * Show the modal if the following conditions are true:
 * - the current date is between the start and end dates for showing the modal
 * - the API call to /api/flagged-accounts returns flagged: true
 * - the user has not already seen the modal

kylebuch8

<dom-module id="thing-thing">
  <template>
    <h1>I'm in the light dom</h1>
  </template>
  
  <script>
    class ThingThing extends Polymer.Element {
      _attachDom(dom) {
        this.appendChild(dom);
      }