(Created page with "{{interlanguagelink: sv|Policy Overview}}") |
No edit summary |
||
Line 1: | Line 1: | ||
{{interlanguagelink: sv|Policy Overview}} | {{interlanguagelink: sv|Policy Overview}} | ||
<html> | |||
<div class="container-fluid"> | |||
<div class="row"> | |||
<div class="col-md-3"> | |||
<div class="sticky-top collapse" id="filters"> | |||
<h5>Filtering</h5> | |||
<h6>Domain</h6> | |||
<div id="domains1"> | |||
<select id="domains" class="selectpicker" multiple data-actions-box="true" data-selected-text-format="count" | |||
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"> Open Scholarly Publications</option> | |||
<option value="Domain:Scholarship">Open Scholarship</option> | |||
<option value="Domain:Education">Open Education</option> | |||
<option value="Domain:Data">Open Data and Methods</option> | |||
</select> | |||
</div> | |||
<h6>Year</h6> | |||
<div id="years2"> | |||
<select id="years" class="selectpicker" multiple data-actions-box="true" data-selected-text-format="count" | |||
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>2021</option> | |||
<option>2022</option> | |||
<option>2023</option> | |||
<option>2024</option> | |||
<option>2025</option> | |||
</select> | |||
</div> | |||
<h6>Actor type</h6> | |||
<div> | |||
<select id="actors" multiple> | |||
</select> | |||
</div> | |||
<h6>Search</h6> | |||
<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>Groups</h5> | |||
<h6>Rows</h6> | |||
<select id="row_grouping" class="selectpicker" data-none-selected-text="Group rows"> | |||
<option value="none">nothing selected</option> | |||
<option value="action_field">area</option> | |||
<option value="action_responsible_actor">actor type</option> | |||
</select> | |||
</div> | |||
</div> | |||
<div class="col-md-9"> | |||
<div class="container"> | |||
<div class="row"> | |||
<div id="error"> | |||
</div> | |||
<div id="spinner"> | |||
<div class="spinner-border" role="status"> | |||
<span class="sr-only">Loadning...</span> | |||
</div> | |||
</div> | |||
<div id="intro"> | |||
Start by choosing at least one actor type. | |||
</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-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"> | |||
<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 { | |||
display: none; | |||
} | |||
#overview_actions { | |||
} | |||
.card-header h5 { | |||
color: white; | |||
} | |||
/* | |||
.year-container { | |||
padding-top: 80px | |||
}*/ | |||
.year-container h1 { | |||
padding-top: 0px; | |||
padding-bottom: 10px; | |||
font-size: 50px | |||
} | |||
.year-header { | |||
background-color: #00426b; | |||
color: white; | |||
z-index: 50; | |||
width: 140px; | |||
height: 82px; | |||
padding-left: 10px; | |||
} | |||
.year { | |||
color: white; | |||
margin-bottom: 0; | |||
padding-bottom: 0 !important; | |||
} | |||
.rowgroup-header { | |||
top: -2px; | |||
height: 82px; | |||
} | |||
.rowgroup-header.stuck { | |||
margin-left: 150px; | |||
background-color: #00426b; | |||
color: white; | |||
} | |||
' .rowgroup-header.stuck h2 { | |||
padding-top: 0 !important; | |||
margin-top: 0 !important; | |||
padding-top: 0 !important; | |||
} | |||
.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 { | |||
position: sticky; | |||
top: -2px; | |||
} | |||
.mw-empty-elt {display:none;} | |||
#mw-content-text > div > div > div.row.sticky-top > div {padding: 0} | |||
</style> | |||
</html> |
Revision as of 11:53, 22 March 2024