Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Create embeddable versions of all visualisations and provide code to …
…embed on vis. pages. Also sharing buttons for all visualisations which could still use a little tuning. Minor improvement/fix to blog post html sharing code.
- Loading branch information
1 parent
0318370
commit 48fc885
Showing
16 changed files
with
234 additions
and
103 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| {% if site.active_lang != site.default_lang %} | ||
| {% assign share_url = include.url | prepend: site.active_lang | prepend: '/' | prepend: site.url %} | ||
| {% else %} | ||
| {% assign share_url = include.url | prepend: site.url %} | ||
| {% endif %} | ||
| <p class="text-{% if include.align %}{{ include.align }}{% else %}right{% endif %}"> | ||
| <small><strong>{{ site.t.embed[site.active_lang] }}:</strong> <span style="font-family: monospace;"><input style="width: 50%;" type="text" autofocus="autofocus" onfocus="this.select();" value="<iframe width="800" height="600" src="{{ site.url }}{{ include.url }}embed/{% if include.params %}{{ include.params }}{% endif %}" frameborder="0" allowfullscreen></iframe>" /></span></small> | ||
| {% if include.break %}<br>{% endif %} | ||
| <small><strong>{{ site.t.share[site.active_lang] }}:</strong></small> <a title="{{ site.t.sharevis[site.active_lang] }} Twitter" href="https://twitter.com/intent/tweet?text={{ site.t.tweettext[site.active_lang] }}:%20{{ share_url }}{% if include.params %}{{ include.params }}{% endif %}&f=f" target="_blank"><i class="fa fa-fw fa-twitter-square"></i></a><a title="{{ site.t.sharevis[site.active_lang] }} Facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ share_url }}{% if include.params %}{{ include.params }}{% endif %}" target="_blank"><i class="fa fa-fw fa-facebook-square"></i></a><a title="{{ site.t.sharevis[site.active_lang] }} Google Plus" href="https://plus.google.com/share?url={{ share_url }}{% if include.params %}{{ include.params }}{% endif %}" target="_blank"><i class="fa fa-fw fa-google-plus-square"></i></a> | <a "alt="{{ site.t.fullscreen[site.active_lang] }}" title="{{ site.t.fullscreen[site.active_lang] }}" href="{{ include.url }}embed/{% if include.params %}{{ include.params }}{% endif %}"><i class="fa fa-fw fa-arrows-alt"></i></a> | ||
| </p> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,67 +1,56 @@ | ||
| <div class="jumbotron"> | ||
| <div ng-app="CountryComparisonApp" ng-controller="CompareCountryCtrl"> | ||
|
|
||
| <div ng-app="CountryComparisonApp" ng-controller="CompareCountryCtrl"> | ||
|
|
||
| <div class="row"> | ||
| <div id="legend" style="text-align: right"> | ||
| <div ng-repeat="c in categories"> | ||
| [[c]] | ||
| <div style="display: inline-block; | ||
| width:10px; | ||
| height: 10px; | ||
| margin: 1px; | ||
| background-color: [[color($index+1)]]"> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <br> | ||
| <div class="highlight-txt gray-background" id="datasource"> | ||
| <strong>{{ site.t.noselectedindicator[site.active_lang] }}</strong><br> | ||
| {{ site.t.empty_compare_text[site.active_lang] }} | ||
| </div> | ||
| <compare countries="countries" binding="country1" indicator="indicator"></compare> | ||
| <compare countries="countries" binding="country2" indicator="indicator"></compare> | ||
| <compare countries="countries" binding="country3" indicator="indicator"></compare> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script type="text/ng-template" id="compare.html"> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <div style="text-align: left"> | ||
| <select ng-model="binding.name" ng-change="change()"> | ||
| <option ng-repeat="c in countries" | ||
| ng-selected="c.name == binding.name" | ||
| value="[[c.name]]">[[c.name]] | ||
| </option> | ||
| </select> | ||
| </div> | ||
| <div> | ||
| <compare-viz name="binding.name" indicator="indicator"> | ||
| </compare-viz> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </script> | ||
|
|
||
| <script type="text/ng-template" id="compare_viz.html"> | ||
| </script> | ||
|
|
||
| <a class="anchor" name="Laendervergleich"></a> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-12 col-md-offset-0"> | ||
| <p> | ||
| {{ site.t.countrycompintrotext[site.active_lang] }} | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div id="legend" style="text-align: right"> | ||
| <div ng-repeat="c in categories"> | ||
| [[c]] | ||
| <div style="display: inline-block; | ||
| width:10px; | ||
| height: 10px; | ||
| margin: 1px; | ||
| background-color: [[color($index+1)]]"> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <br> | ||
| <div class="highlight-txt gray-background" id="datasource"> | ||
| <strong>{{ site.t.noselectedindicator[site.active_lang] }}</strong><br> | ||
| {{ site.t.empty_compare_text[site.active_lang] }} | ||
| </div> | ||
| <compare countries="countries" binding="country1" indicator="indicator"></compare> | ||
| <compare countries="countries" binding="country2" indicator="indicator"></compare> | ||
| <compare countries="countries" binding="country3" indicator="indicator"></compare> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script type="text/ng-template" id="compare.html"> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-md-12"> | ||
| <div style="text-align: left"> | ||
| <select ng-model="binding.name" ng-change="change()"> | ||
| <option ng-repeat="c in countries" | ||
| ng-selected="c.name == binding.name" | ||
| value="[[c.name]]">[[c.name]] | ||
| </option> | ||
| </select> | ||
| </div> | ||
| <div> | ||
| <compare-viz name="binding.name" indicator="indicator"> | ||
| </compare-viz> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </script> | ||
|
|
||
| <script type="text/ng-template" id="compare_viz.html"> | ||
| </script> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| {% include head.html %} | ||
| <body id="page-top" class="index"> | ||
| {{ content }} | ||
|
|
||
| {% include js.html %} | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| --- | ||
| layout: embeds | ||
| slug: monitoring | ||
| page: einzelindikatoren_embed | ||
| js: | ||
| - frameworks/angular.min | ||
| - frameworks/d3.min | ||
| - frameworks/d3.tip | ||
| - frameworks/underscore | ||
| - frameworks/jquery.min | ||
| - frameworks/typeahead | ||
| - jquery.dynatable | ||
| - database | ||
| - singleIndicators | ||
| - tipsy | ||
| - indicatorUtils | ||
| --- | ||
| <section> | ||
| <div class="container big-container"> | ||
| {% include visualizations/indicator.html page=page.page %} | ||
| </div> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| --- | ||
| layout: embeds | ||
| slug: monitoring | ||
| page: embed | ||
| js: | ||
| - frameworks/angular.min | ||
| - frameworks/underscore | ||
| - indicatorUtils | ||
| - main_visualisation | ||
| --- | ||
| <section> | ||
| <div class="container big-container"> | ||
| <div class="row"> | ||
| <div> | ||
| {% include visualizations/main_visualization.html %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.