(Created page with "{{interlanguagelink: en|Policy Overview}} <html> <div class="container-fluid"> <div class="row"> <div class="col-md-3"> <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">...") |
No edit summary |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-3"> | <div class="col-md-3"> | ||
<div class="sticky-top"> | <div class="sticky-top collapse" id="filters"> | ||
<h5> | <h5>Filtering</h5> | ||
<h6> | <h6>Domain</h6> | ||
<div id="domains1"> | <div id="domains1"> | ||
<select id="domains" class="selectpicker" multiple data-actions-box="true" | <select id="domains" class="selectpicker" multiple data-actions-box="true" data-selected-text-format="count" | ||
data-none-selected-text=" | data-none-selected-text="select areas" data-count-selected-text="{0}/{1} selected" data-deselect-all-text="remove selection" data-none-selected-text="nothing selected" data-select-all-text="select all"> | ||
<option value="Domain:ScholarlyPublications"> | <option value="Domain:ScholarlyPublications"> Open Scholarly Publications</option> | ||
<option value="Domain:Scholarship"> | <option value="Domain:Scholarship">Open Scholarship</option> | ||
<option value="Domain:Education"> | <option value="Domain:Education">Open Education</option> | ||
<option value="Domain:Data">Data</option> | <option value="Domain:Data">Open Data and Methods</option> | ||
</select> | </select> | ||
</div> | </div> | ||
<h6>Year</h6> | |||
<h6> | |||
<div id="years2"> | <div id="years2"> | ||
<select id="years" class="selectpicker" multiple data-actions-box="true" | <select id="years" class="selectpicker" multiple data-actions-box="true" data-selected-text-format="count" | ||
data-none-selected-text=" | data-none-selected-text="select years" data-count-selected-text="{0}/{1} selected" data-deselect-all-text="remove selection" data-none-selected-text="nothing selected" data-select-all-text="select all"> | ||
<option>2020</option> | <option>2020</option> | ||
<option>2021</option> | <option>2021</option> | ||
Line 60: | Line 27: | ||
<option>2024</option> | <option>2024</option> | ||
<option>2025</option> | <option>2025</option> | ||
<option>2026</option> | |||
<option>2027</option> | |||
<option>2028</option> | |||
<option>2029</option> | |||
<option>2030</option> | |||
</select> | </select> | ||
</div> | </div> | ||
< | <h6>Actor type</h6> | ||
<div> | |||
<select id="actors" multiple> | |||
</select> | |||
< | |||
< | |||
</div> | </div> | ||
<h6>Search</h6> | |||
<h6> | |||
<div> | <div> | ||
<div class="form-group"> | |||
<div class="input-group"> | |||
<input type="text" class="form-control" id="searchtxt"> | |||
< | <div class="input-group-append"> | ||
<div class="input-group-text" id="numOfMatches"></div> | |||
</div> | |||
</div> | |||
</ | <div class="btn-group" role="group" aria-label="Basic example"> | ||
<button onClick="prevMatch();" type="button" class="btn btn-secondary"><i class="bi bi-arrow-left-circle"></i></button> | |||
<button id="nextMatch" onClick="nextMatch();" type="button" class="btn btn-secondary"><i class="bi bi-arrow-right-circle"></i></button> | |||
</div> | |||
<button type="button" onClick="clearSearch();" class="btn btn-secondary" id="highlightButton"><i class="bi bi-x-circle"></i></input> | |||
</div> | |||
</div> | |||
<h5> | <h5>Groups</h5> | ||
<h6> | <h6>Rows</h6> | ||
<select id="row_grouping" class="selectpicker" data-none-selected-text=" | <select id="row_grouping" class="selectpicker" data-none-selected-text="Group rows"> | ||
<option value="none"> | <option value="none">nothing selected</option> | ||
<option value="action_field">area</option> | |||
<option value="action_responsible_actor">actor type</option> | |||
<option value="action_field"> | |||
<option value="action_responsible_actor"> | |||
</select> | </select> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 180: | Line 72: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
<div id="error"> | <div id="error"> | ||
Line 186: | Line 77: | ||
<div id="spinner"> | <div id="spinner"> | ||
<div class="spinner-border" role="status"> | <div class="spinner-border" role="status"> | ||
<span class="sr-only"> | <span class="sr-only">Loading...</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<div id="intro"> | |||
Start by choosing at least one actor type | |||
</div> | |||
<div id="overview_actions"> | <div id="overview_actions"> | ||
Line 200: | Line 95: | ||
</div> | </div> | ||
</div> | </div> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"> | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css"> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> | ||
<script src=" | <script src="/index.php?title=MediaWiki:Shared.js&action=raw&ctype=text/javascript"></script> | ||
<! | <script src="/index.php?title=MediaWiki:PolicyOverview.js&action=raw&ctype=text/javascript"></script> | ||
<style> | |||
#intro { | |||
padding: 20px; | |||
} | |||
#spinner { | |||
padding: 20px; | |||
} | |||
.highlight{ | |||
background:#ffc107!important; | |||
padding:1px; | |||
border:#ffc107 dotted 1px; | |||
} | |||
#overview_actions.search .card:not(:has(.highlight)) { | |||
display: none; | |||
} | |||
#error { | #error { | ||
display: none; | display: none; | ||
Line 220: | Line 120: | ||
#overview_actions { | #overview_actions { | ||
} | } | ||
.card-header h5 { | .card-header h5 { | ||
Line 237: | Line 136: | ||
.year-header { | .year-header { | ||
background: white; | background-color: #00426b; | ||
color: white; | |||
z-index: 50; | z-index: 50; | ||
width: | width: 140px; | ||
height: 82px; | |||
padding-left: 10px; | |||
} | |||
.year { | |||
color: white; | |||
margin-bottom: 0; | |||
padding-bottom: 0 !important; | |||
} | } | ||
.rowgroup-header { | .rowgroup-header { | ||
top: -2px; | top: -2px; | ||
height: 82px; | |||
} | } | ||
.rowgroup-header.stuck { | .rowgroup-header.stuck { | ||
margin-left: | margin-left: 150px; | ||
background-color: #00426b; | |||
color: white; | |||
} | |||
' .rowgroup-header.stuck h2 { | |||
padding-top: 0 !important; | |||
margin-top: 0 !important; | |||
padding-top: 0 !important; | |||
} | } | ||
Line 329: | Line 240: | ||
} | } | ||
nav { | nav { | ||
position: sticky; | position: sticky; | ||
top: -2px; | top: -2px; |
Latest revision as of 10:30, 5 March 2025