/
iframe2.html
79 lines (72 loc) · 4.4 KB
/
iframe2.html
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable = no" />
<title>Nemzetközi menekültfolyam</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" type="text/css" href="css/app.css">
<script src="js/modernizr.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/dragdealer.js"></script>
</head>
<body ng-app="app" ng-cloak ng-controller="mainCntrl">
<div class="row left" style="position:relative;">
<div class="large-9 large-9 columns" role="content">
<article>
<chord-diagram></chord-diagram>
</article>
</div>
<div style="position:fixed;left:260px;z-index:-1;font-size:34px;color:#111">forrásország</div>
<div id="total" style="position:fixed;left:225px;top:290px;z-index:-1;font-size:78px;color:#111;text-align:center;width:200px;opacity:0;"></div>
<aside class="large-3 small-4" style="position:fixed;left:5px;">
<button class="orange-bar" ng-click="idp = !(idp);" id="idp" style="margin:0px;padding:0px;top:28px;left:180px;width:60px; height:18px; position:absolute;line-height:20px;font-size:12px;" title="országon belüli menekültek">
IDPk be
</button>
<div id="sizefilter" title="Szűrés a minimum menekültszám szerint" class="dragdealer" style="top:5px;left:0px;width:115px; height:18px; position:absolute;background-color:#111;">
<div class="handle orange-bar" id="sizefilterhandle" style="height:18px;line-height:20px;font-size:12px;width:40px;">10000</div>
<div style="position:fixed;left:15px;z-index:-1;font-size:11px;color:#333;margin-top:-17px;">min személy</div>
</div>
<div id="sizefilter2" title="Szűrés a maximum menekültszám szerint" class="dragdealer" style="top:5px;left:120px;width:120px; height:18px; position:absolute;background-color:#111;">
<div class="handle orange-bar" id="sizefilterhandle2" style="height:18px;line-height:20px;font-size:12px;width:40px;">10000</div>
<div style="position:fixed;left:140px;z-index:-1;font-size:11px;color:#333;margin-top:-17px;">max személy</div>
</div>
<button class="orange-bar right" ng-click="filters = {}; hasFilters = false;" style="margin:0px;padding:0px;top:28px;left:120px;width:55px; height:18px; position:absolute;line-height:20px;font-size:12px;">
töröl
</button>
<div class="panel">
<div ng-if="hasFilters === false">
Katt országra
</div>
<ul class="side-nav" style="margin-top:-7px;">
<li ng-repeat="filter in filters">
<input ng-model="filter.hide" id="{{ filter.name }}" type="checkbox">
<label for="{{ filter.name }}">{{ filter.name }}</label>
</li>
</ul>
</div>
</aside>
<fieldset id="tooltip" class="row secondary">
<div class="large-12 small-12 columns">
<h6>{{ tooltip.sname }}i menekültek {{ tooltip.tname.slice(0,tooltip.tname.length-1) }}{{ tooltip.tname.slice(tooltip.tname.length-1)=="a"?"á":tooltip.tname.slice(tooltip.tname.length-1) }}{{tooltip.tname=="Magyarország"?"on":"ban"}} : {{ qFormat(tooltip.svalue) }}</h6>
{{ tooltip.sname }}iak {{ pFormat(tooltip.svalue/tooltip.stotal) }}-a ({{ qFormat(tooltip.stotal) }})
{{ pFormat(tooltip.svalue/tooltip.mtotal) }}-a megjelítettnek ({{ qFormat(tooltip.mtotal) }})
</div>
<div class="large-12 small-12 columns">
<h6>{{ tooltip.tname }}i menekültek {{ tooltip.sname.slice(0,tooltip.sname.length-1) }}{{ tooltip.sname.slice(tooltip.sname.length-1)=="a"?"á":tooltip.sname.slice(tooltip.sname.length-1) }}{{tooltip.sname=="Magyarország"?"on":"ban"}} : {{ qFormat(tooltip.tvalue) }}</h6>
{{ tooltip.tname }}iak {{ pFormat(tooltip.tvalue/tooltip.ttotal) }}-a ({{ qFormat(tooltip.ttotal) }})
{{ pFormat(tooltip.tvalue/tooltip.mtotal) }}-a megjelítettnek ({{ qFormat(tooltip.mtotal) }})
</div>
</fieldset>
<script src="js/d3.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/mainController.js"></script>
<script src="js/matrixFactory.js"></script>
<script src="js/chordDirective2.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>