dailybread_white.html

---
layout: blank
title: The Daily Bread
---

<div class="container">

  <div id="dailybread">
    <h2 class="page-header">{{ site.dailybread.title }} {% if site.dailybread.tagline %}<small>{{ site.dailybread.tagline }}</small>{% endif %}</h2>

    <div id="preloader" style="text-align: center; padding: 100px"><img src="{{site.subdirectory}}/img/ajax-loader.gif" style="vertical-align:top" /> &nbsp;<span class="txt">{{ site.dailybread.loadingtext }}</span></div>

    <div id="content-wrap" style="display:none">
      <div id="db-topbar" class="layout-row layout-3col-15-70-15">
       <div id="db-salary" class="layout-col layout-col-1">
        <h2>{{ site.dailybread.salary.label }}</h2>
        <p>{{ site.dailybread.salary.default}}</p>
       </div>

       <div id="db-slider" class="layout-col layout-col-2">
        <h2>{{ site.dailybread.salary.inputrequest }}</h2>
        <div class="wdmmg-slider"></div>
       </div>

       <div id="db-tax" class="layout-col layout-col-3">
        <h2>{{ site.dailybread.tax.label }}</h2>
        <p>{{ site.dailybread.tax.default }}</p>
       </div>
      </div><!-- /#db-topbar -->
    </div>

  </div><!-- /#dailybread -->

</div><!-- /.container -->

<script>
(function () {
  var os_path = '{{site.openspendingjs}}';

  var db_load_data = function load_data(db, data) {
    $('#content-wrap').show();
    $('#preloader').remove();

    db.setDataFromAggregator(data, ['unknown']);
    db.setIconLookup(function(name) {
      var style = OpenSpending.Styles.Cofog[name];
      if (style != undefined) {
       return style['icon'];
      }
      return 'img/functions/unknown.svg';
    });
    db.draw();
  }

  var db_init = function db_init() {
    $('#preloader .txt').html('loading data');


    var db = new OpenSpending.DailyBread($('#dailybread'), {
    {% if site.dailybread -%}
      country: '{{site.dailybread.country}}',
      symbol: '{{site.dailybread.symbol}}',
      taxman: {year: '{{site.dailybread.year}}'},
      {% if site.dailybread.salary -%}
      minimumsalary: {{site.dailybread.salary.minimum}},
      maximumsalary: {{site.dailybread.salary.maximum}},
      salarystep: {{site.dailybread.salary.step}},
      defaultsalary: {{site.dailybread.salary.default}}
      {% endif %}
      {% endif %}
    });

    new OpenSpending.Aggregator({
      apiUrl: 'http://openspending.org/api',
      dataset: '{{ site.dailybread.dataset }}',
      drilldowns: ['{{ site.dailybread.drilldowns | join:"', '" }}'],
      cuts: ['year:{{site.dailybread.year}}']{% if site.dailybread.cuts %}+['{{ site.dailybread.cuts | join:"', '"}}']{% endif %},
      rootNodeLabel: '{{ site.dailybread.rootlabel }}',
      breakdown: '{{ site.dailybread.breakdown }}',
      callback: function (data) { db_load_data(db, data); }
    });
  }

  yepnope({
    load: [
      'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-lightness/jquery-ui.css',
      'http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js',
      'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js',
      os_path + '/lib/vendor/base64.js',
      os_path + '/lib/vendor/underscore.js',
      os_path + '/lib/vendor/raphael-min.js',
      os_path + '/lib/aggregator.js',
      os_path + '/app/dailybread/css/dailybread.css',
      '/img/functions/cofog_dailybread.js',
      os_path + '/app/dailybread/js/dailybread.js'
    ],
    complete: function () { jQuery(function ($) { db_init() } ); }
  });

}());
</script>