-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
199 lines (150 loc) · 16.1 KB
/
index.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
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Russian gov openness</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- <link rel="stylesheet" href="http://rating.tmweb.ru/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://rating.tmweb.ru/css/magnific-popup.css" />
<link rel="stylesheet" href="http://rating.tmweb.ru/css/font-icons.css" />
<link rel="stylesheet" href="http://rating.tmweb.ru/css/sliders.css" />
<link rel="stylesheet" href="http://rating.tmweb.ru/css/style.css" /> -->
<!-- <script src="https://unpkg.com/[email protected]/dist/d3.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<style>
html, body{background-color:#141A30;}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:bold;}
.table{font-size:14px;}
.table a, a.link{border-bottom: 1px solid rgba(255,255,255, .5); transition: all .15s ease-in-out;}
.table a:hover, a.link:hover{text-decoration:none; border-bottom-color:rgba(255,255,255, 1);}
.table span.cell-a, .table span.cell-b, .table span.cell-c{display:inline-block;width:24px;height:24px;}
.table thead tr th{vertical-align:top;font-size:11px;}
.table td, .table th{border-top:none;}
.table th.criteria-first{width:170px;}
.table th.criteria-second{width:120px;}
.table th.criteria-third{width:120px;}
.bg-success{background-color: #22EBDF!important;}
/*.bg-warning{background-color: #243057!important;}*/
.bg-warning{background-color: #8B91A9!important;}
.bg-error{background-color: #FF004C!important;}
.nav-item{border:0;}
a.nav-link{border:0;color:white;}
a.btn-link.disabled,a.btn-link.disabled:hover{color:white;border-bottom:none;pointer-events:none;}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{padding-left:16px;padding-right:16px;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{right:auto;left:.6em;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{right:auto;left:0;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{top:.9em;bottom:auto;}
@media only screen and (max-width: 991px){ .tab-content{padding:0;overflow:hidden;overflow-x:auto;} .table th.criteria-first, .table th.criteria-second, .table th.criteria-third{width:auto;}}
</style>
</head>
<body>
<div class="container py-5">
<div class="row">
<div class="col" id="tablecontainer">
<h4 class="mb-4 text-white">Рейтинг открытости</h4>
<p class="text-white">Здесь какое-то описание. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem ea ipsum enim cupiditate, voluptatem temporibus nesciunt culpa quisquam aspernatur doloribus excepturi explicabo voluptatibus porro sint sunt, quasi voluptas ipsam laborum.</p>
<ul class="nav nav-tabs mt-5" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tableTabContent" role="tab">Министерства</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tableFederalTabContent" role="tab">Службы</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tableCorpTabContent" role="tab">Госкорпорации</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tableTabContent">
<div id="table"></div>
</div>
<div class="tab-pane fade" id="tableFederalTabContent">
<div id="tableFederal"></div>
</div>
<div class="tab-pane fade" id="tableCorpTabContent">
<div class="py-4 text-white">
<h2>Открытость госкорпораций</h2>
<p>В рамках подготовки рейтинга основные подходы разработанной методики оценки были применены к государственным корпорациям, которые хотя и не могут в полной мере рассматриваться как государственные органы власти, однако зачастую имеют присущие им функции, поэтому вопрос их открытости и подотчетности является предметом общественного интереса.</p>
<p>При том, что госкорпорации и квазигосударственные объединения получают существенные полномочия и многомиллиардные субсидии из государственного бюджета (Ростатом, ВЭБ.РФ), управляют множеством государственных предприятий («Ростех»), имеют важнейшие социальные функции институтов развития (Агентство стратегических инициатив), все они выведены из под требований к органам власти по открытости данных. На них не распространяются требования по открытости в отношении органов власти с одной стороны, с другой – не распространяются и требования, касающиеся прозрачности акционерных обществ. В результате возникает уникальная ситуация, когда часть деятельности государства фактически выпадает из под возможности какого-либо общественного контроля. </p>
<p>Являясь крупными получателями бюджетных средств, госкорпорации фактически работают на все общество, однако произведенная ценность остается недоступной обществу. Например, если сравнивать деятельность уже упомянутого выше «Роскосмоса» с деятельность американского NASA, то последнее публикует в свободном доступе в форме открытых данных большие объемы различной исследовательской информации, получаемой в космической отрасли. «Роскосмос» же никаких данных не публикует.</p>
<p>В то же время государственные корпорации, в силу особенностей их деятельности, нельзя полностью отождествить с государственными институтами. Например, от них требуется соблюдение коммерческой тайны – то есть, требования открытости по отношению к ним должны учитывать специфику их деятельности так, чтобы ей не препятствовать. Фактически, необходимо специальное нормативное регулирование открытости госкорпораций и других схожих организаций, которое бы, с одной стороны, учитывало их квазигосударственную деятельность, а с другой, – учитывало специфику. Пример такого разделения регулирования в российской практике присутствует в области закупок – государственные закупки регулируются своим Федеральным законом от 5 апреля 2013 года № 44-ФЗ, а для закупок госкорпораций работает более гибкий и либеральный, но также налагающий достаточно высокие обязательства по раскрытию информации Федеральный закон от 18 июля 2011 года № 223-ФЗ.</p>
<p>Руководствуясь этими соображениями, мы попробовали рассмотреть госкорпорации аналогично тому, как в рамках составления рейтинга открытости государственных органов рассматривали ФОИВ, но без формального рейтингования и руководствуясь определенными ограничениями.</p>
<p>Если по направлению открытости информации есть некоторый правовой регламент (в частности, Федеральный закон от 12 января 1996 года № 7-ФЗ «О некоммерческих организациях» и Федеральный закон «О закупках товаров, работ, услуг отдельными видами юридических лиц» от 18 июля 2011 года № 223-ФЗ), то по открытости данных отчетливых правовых требований к госкорпорациям вообще нет. Тем не менее, большинство госкорпораций данные публикуют. Формально это не дает право требовать публикаций данных от тех госкорпораций, которые данные не раскрывают (как «Ростех») или раскрывают в крайне незначительном объеме (как «Росатом»). Можно также предположить, что некоторые их данные публикуются опосредованно – например, передаются для публикации госорганам. Направление «открытого диалога» в рамках этого исследования по отношению к госкорпорациям не рассматривалось.</p>
<p>Наконец, необходимо отметить, что некоторые госкорпорации (например, «Росатом», «Роскосмос», «Ростех») представляют собой «облачные» структуры, объединяющие в себе множество разных организаций. Такая многосоставность и отсутствие формальных отправных точек требуют особой работы по выработке методов измерения ситуации по этому направлению.</p>
<p><a href="https://www.infoculture.ru/wp-content/uploads/2019/06/Otkrytost-doklad.pdf#page=87" target="blank_" class="link text-white">Карточки госкорпораций</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
createTable("#table", "data.csv");
createTable("#tableFederal", "data-federal-office.csv");
function createTable(id, datafile) {
var table = d3.select(id).append("table").attr("class", "table table-dark table-hover bg-transparent"),
thead = table.append("thead").append("tr"),
tbody = table.append("tbody");
thead.append("th").html("Наименование").attr("class", "no-sort");
thead.append("th").html("Открытость информации").attr("class", "criteria criteria-first");
thead.append("th").html("Открытые данные").attr("class", "criteria criteria-second");
thead.append("th").html("Открытый диалог").attr("class", "criteria criteria-third");
d3.csv(datafile, function(error, data) {
if (error) throw error;
var tr = tbody.selectAll("tr")
.data(data)
.enter().append("tr");
tr.each(function(d) {
var self = d3.select(this);
self.append("td")
.append("a")
.attr("href", d.link)
.attr("class", function(d){
if (d.link !== "") {return "text-white"}
else {return "text-white btn-link disabled"}
})
.attr("target", "_blank")
.text(d.name);
self.append("td")
.attr("class", "text-left")
.append("span")
.attr("class", colorCode(d.info))
.text(d.info);
self.append("td")
.attr("class", "text-left")
.append("span")
.attr("class", colorCode(d.data))
.text(d.data);
self.append("td")
.attr("class", "text-left")
.append("span")
.attr("class", colorCode(d.dialog))
.text(d.dialog);
});
});
}
function colorCode(rating) {
if (rating == "A") {return "text-center cell-a bg-success rounded-circle text-dark";}
else if (rating == "B") {return "text-center cell-b bg-warning rounded-circle";}
else if (rating == "C") {return "text-center cell-c bg-danger rounded-circle";}
}
$(document).ready(function() {
setTimeout(function(){
$('table').DataTable({
"destroy": true,
"order": [[ 1, "asc" ],[ 2, "asc" ],[ 3, "asc" ]],
"paging": false,
"searching": false,
"info": false,
});
}, 100);
});
</script>
</body>
</html>