koganeibudget.github.com/index.html at master · koganeibudget/koganeibudget.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
---
layout: default
title: The Daily Bread
---

<script>

yepnope({
  load: [
    // 'http://wheredoesmymoneygo.org/wp-content/themes/wdmmg/wdmmg.css',
    'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-lightness/jquery-ui.css',
    'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js',
    '/js/libs/base64.js',
    '/js/libs/underscore.js',
    '/js/libs/raphael-min.js',
    '/js/aggregator.js',
    '/css/dailybread.css',
    '/js/setting.js',
    '/js/dailybread.js'
  ],
  complete: function() {

    (function ($) {

      $(function () {

        $('#preloader .txt').html('loading data');

       var db = new OpenSpending.DailyBread($('#dailybread'));
       new OpenSpending.Aggregator({
           apiUrl: 'http://openspending.org/api',
           //localApiCache: 'aggregate.json',
           dataset: OpenSpending.identifier,
           drilldowns: ['category', 'subcategory'],
           cuts: ['year:' + OpenSpending.year],
           rootNodeLabel: 'Total',
           breakdown: 'subcategory',
           callback: function(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 'icons/unknown.svg';
            });
            db.draw();
           }
        });

        OpenSpending.renderDependentTypes(db);
      });
    })(jQuery)
  }
});


</script>

<div id="dailybread">
  <!--
  <h2 class="page-header">The Daily Bread <small> Costs for the British Taxpayer per Day</small></h2>
  -->

<!-- AddToAny BEGIN -->
<a class="a2a_dd" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fkoganei.spending.jp%2F&amp;linkname=Koganei%20Spending"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share"/></a>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.linkname = "Koganei Spending";
a2a_config.linkurl = "http://koganei.spending.jp/";
a2a_config.onclick = 1;
a2a_config.locale = "ja";
a2a_config.prioritize = ["email", "facebook", "tumblr", "twitter", "linkedin", "google_plus"];
</script>
<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->

  <div>
    <h2 style="width:240px;display:inline-block;vertical-align:top;">あなたの世帯タイプは？</h2>
    <div id="select-dependents-type" style="width:450px;display:inline-block;">
      <div class="single">単身世帯</div>
      <div class="family">扶養有り</div>
    </div>
    <br style="clear:both;">
  </div>

  <div id="preloader" style="text-align: center; padding: 100px"><img src="img/ajax-loader.gif" style="vertical-align:top" /> &nbsp;<span class="txt">loading javascript libraries</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>年収</h2>
      <p>&yen;4,000,000</p>
     </div>

     <div id="db-slider" class="layout-col layout-col-2">
      <h2>あなたの年間収入を選んでください</h2>
      <div class="wdmmg-slider"></div>
     </div>

     <div id="db-tax" class="layout-col layout-col-3">
      <h2>あなたの小金井市税（年間）</h2>
      <p>&yen;31.12</p>
     </div>
    </div><!-- /#db-topbar -->
  </div>
  あなたの市税は、1日当たり、どこで、いくら使われているか？
</div><!-- /#dailybread -->

<br/>

<!-- Below is the autogenerated souces from http://disqus.com.  Every site should have its own sources.  Please do NOT copy these as is. -->

<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'koganeispending'; // required: replace example with your forum shortname

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>