|  (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