Ero sivun ”PolicyOverview” versioiden välillä
(Created page with "test") |
Ei muokkausyhteenvetoa |
||
Rivi 1: | Rivi 1: | ||
<html> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-md-2"> | |||
<div class="sticky-top"> | |||
<h5>Suodatus</h5> | |||
<h6>Osa-alue</h6> | |||
<div id="domains1"> | |||
<select id="domains" class="selectpicker" multiple data-actions-box="true" | |||
data-none-selected-text="Valitse osa-alueet"> | |||
<option value="Domain:ScholarlyPublications">Tutkimusjulkaisut</option> | |||
<option value="Domain:Scholarship">Toimintakulttuuri</option> | |||
<option value="Domain:Education">Oppiminen</option> | |||
<option value="Domain:Data">Data</option> | |||
</select> | |||
<!-- | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_domain" type="checkbox" value="Domain:ScholarlyPublications" id="domain_publications"> | |||
<label class="form-check-label" for="domain_publications"> | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_domain" type="checkbox" value="Domain:Scholarship" id="domain_culture"> | |||
<label class="form-check-label" for="domain_culture"> | |||
Toimintakulttuuri | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_domain" type="checkbox" value="Domain:Education" id="domain_education"> | |||
<label class="form-check-label" for="domain_education"> | |||
Oppiminen | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_domain" type="checkbox" value="Domain:Data" id="domain_data"> | |||
<label class="form-check-label" for="domain_data"> | |||
Data | |||
</label> | |||
</div> | |||
<div class="btn-group" role="group"> | |||
<button type="button" id="domain_select_all" class="btn btn-link">Kaikki</button> | |||
<button type="button" id="domain_clear_all" class="btn btn-link">Tyhjennä</button> | |||
</div> | |||
--> | |||
</div> | |||
<h6>Vuosi</h6> | |||
<div id="years2"> | |||
<select id="years" class="selectpicker" multiple data-actions-box="true" | |||
data-none-selected-text="Valitse vuodet"> | |||
<option>2020</option> | |||
<option>2021</option> | |||
<option>2022</option> | |||
<option>2023</option> | |||
<option>2024</option> | |||
<option>2025</option> | |||
</select> | |||
<!-- | |||
<div class="form-check"> | |||
<input checked class="form-check-input" type="checkbox" value="2020" id="year_2020"> | |||
<label class="form-check-label" for="year_2020"> | |||
2020 | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_year" type="checkbox" value="2021" id="year_2021"> | |||
<label class="form-check-label" for="year_2021"> | |||
2021 | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_year" type="checkbox" value="2022" id="year_2022"> | |||
<label class="form-check-label" for="year_2022"> | |||
2022 | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_year" type="checkbox" value="2023" id="year_2023"> | |||
<label class="form-check-label" for="year_2023"> | |||
2023 | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_year" type="checkbox" value="2024" id="year_2024"> | |||
<label class="form-check-label" for="year_2024"> | |||
2024 | |||
</label> | |||
</div> | |||
<div class="form-check"> | |||
<input checked class="form-check-input input_year" type="checkbox" value="2025" id="year_2025"> | |||
<label class="form-check-label" for="year_2025"> | |||
2025 | |||
</label> | |||
</div> | |||
<div class="btn-group" role="group"> | |||
<button type="button" id="year_select_all" class="btn btn-link">Kaikki</button> | |||
<button type="button" id="year_clear_all" class="btn btn-link">Tyhjennä</button> | |||
</div> | |||
--> | |||
</div> | |||
<h6>Toimijatyyppi</h6> | |||
<div> | |||
<select id="actors" class="selectpicker" multiple data-actions-box="true" | |||
data-none-selected-text="Valitse toimijatyyppi" data-selected-text-format="count" | |||
data-live-search="true"> | |||
<option value=""></option> | |||
<option value="Actor:Avoimen tieteen koordinaatio">Avoimen tieteen koordinaatio</option> | |||
<option value="Actor:Julkaisufoorumi">Julkaisufoorumi</option> | |||
</select> | |||
<!-- | |||
<div class="btn-group" role="group"> | |||
<button type="button" id="actor_select_all" class="btn btn-link">Kaikki</button> | |||
<button type="button" id="actor_clear_all" class="btn btn-link">Tyhjennä</button> | |||
</div> | |||
--> | |||
</div> | |||
<h5>Ryhmittely</h5> | |||
<h6>Rivit</h6> | |||
<select id="row_grouping" class="selectpicker" data-none-selected-text="Rivien ryhmittely"> | |||
<option value="none">Ei käytössä</option> | |||
<option value="action_field">Osa-alue</option> | |||
<option value="action_responsible_actor">Toimija</option> | |||
</select> | |||
<h6>Sarakkeet</h6> | |||
<select id="col_grouping" class="selectpicker" data-none-selected-text="Sarakkeiden ryhmittely"> | |||
<option value="none">Ei käytössä</option> | |||
<option value="action_field">Osa-alue</option> | |||
<option value="action_responsible_actor">Toimija</option> | |||
</select> | |||
<!-- | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="row_grouping" | |||
id="row_grouping1" value="none" checked> | |||
<label class="form-check-label" for="row_grouping1">Ei käytössä</label> | |||
</div> | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="row_grouping" | |||
id="row_grouping2" value="action_field"> | |||
<label class="form-check-label" for="row_grouping2">Osa-alue</label> | |||
</div> | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="row_grouping" | |||
id="row_grouping3" value="action_responsible_actor"> | |||
<label class="form-check-label" for="row_grouping3">Toimija</label> | |||
</div> | |||
<h6>Sarakkeet</h6> | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="col_grouping" | |||
id="col_grouping1" value="none" checked> | |||
<label class="form-check-label" for="col_grouping1">Ei käytössä</label> | |||
</div> | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="col_grouping" | |||
id="col_grouping2" value="action_field"> | |||
<label class="form-check-label" for="col_grouping2">Osa-alue</label> | |||
</div> | |||
<div class="form-check"> | |||
<input class="form-check-input" type="radio" name="col_grouping" | |||
id="col_grouping3" value="action_responsible_actor"> | |||
<label class="form-check-label" for="col_grouping3">Toimija</label> | |||
</div> | |||
--> | |||
</div> | |||
</div> | |||
<div class="col-md-10"> | |||
<div class="container"> | |||
<div class="row"> | |||
<div id="error"> | |||
</div> | |||
<div id="spinner"> | |||
<div class="spinner-border" role="status"> | |||
<span class="sr-only">Ladataan...</span> | |||
</div> | |||
</div> | |||
<div id="overview_actions"> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="modals" style="z-index:100000"> | |||
</div> | |||
</div> | |||
</div> | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> | |||
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script> --> | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"> | |||
<!-- Latest compiled and minified JavaScript --> | |||
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script> --> | |||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> | |||
<script src="https://164-92-142-113.nip.io/index.php?title=MediaWiki:AcrionList.js&action=raw&ctype=text/javascript"></script> | |||
<!-- Latest compiled and minified JavaScript --> | |||
<script> | |||
</script> | |||
<style> | |||
#error { | |||
display: none; | |||
} | |||
#overview_actions { | |||
margin-top: 40px | |||
} | |||
/* | |||
.year-container { | |||
padding-top: 80px | |||
}*/ | |||
.year-container h1 { | |||
padding-top: 0px; | |||
padding-bottom: 10px; | |||
font-size: 50px | |||
} | |||
.year-header { | |||
background: white; | |||
z-index: 50; | |||
width: 130px; | |||
} | |||
.rowgroup-header { | |||
top: -2px; | |||
background: white; | |||
height: 72px; | |||
} | |||
.rowgroup-header.stuck { | |||
margin-left: 130px; | |||
padding-top: 10px; | |||
} | |||
.nav-link { | |||
color: white; | |||
} | |||
#legend { | |||
position: fixed; | |||
top: 56px; | |||
right: 0px; | |||
background-color: #ffffff ! important; | |||
padding: 10px; | |||
padding-right: 15px; | |||
padding-left: 30px; | |||
z-index: 10000; | |||
} | |||
#legend span { | |||
font-size: 20px; | |||
} | |||
.field-bg-1 { | |||
/*background-color: #008568;*/ | |||
background-color: #007ECA; | |||
} | |||
.field-bg-2 { | |||
/*background-color: #364B44;*/ | |||
background-color: #53BD9D; | |||
} | |||
.field-bg-3 { | |||
/*background-color: #99B0A7;*/ | |||
background-color: #93A0FF; | |||
} | |||
.field-bg-4 { | |||
/*background-color: #5EB0EE;*/ | |||
background-color: #003EAD; | |||
} | |||
.field-border-1 { | |||
/*background-color: #008568;*/ | |||
border-color: #007ECA; | |||
} | |||
.field-border-2 { | |||
/*background-color: #364B44;*/ | |||
border-color: #53BD9D; | |||
} | |||
.field-border-3 { | |||
/*background-color: #99B0A7;*/ | |||
border-color: #93A0FF; | |||
} | |||
.field-border-4 { | |||
/*background-color: #5EB0EE;*/ | |||
border-color: #003EAD; | |||
color: #000000; | |||
} | |||
.badge { | |||
color: white; | |||
} | |||
a.nav-link:hover, | |||
a.nav-link:visited { | |||
color: white; | |||
text-decoration: underline; | |||
} | |||
button.new-progress:hover { | |||
background-color: white; | |||
color: black !important; | |||
} | |||
nav { | |||
background: magenta; | |||
height: 80px; | |||
position: sticky; | |||
top: -2px; | |||
} | |||
</style> | |||
</html> |
Versio 28. marraskuuta 2022 kello 06.37