| No edit summary |  (copy from fi) | ||
| 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>Filtering</h5> |                      <h5>Filtering</h5> | ||
|                      <h6>Domain</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="Valitse osa-alueet"> |                              data-none-selected-text="Valitse osa-alueet" data-count-selected-text="{0}/{1} valittu" data-deselect-all-text="poista valinnat" data-none-selected-text="ei valintoja" data-select-all-text="valitse kaikki"> | ||
|                              <option value="Domain:ScholarlyPublications">Tutkimusjulkaisut</option> |                              <option value="Domain:ScholarlyPublications">Tutkimusjulkaisut</option> | ||
|                              <option value="Domain:Scholarship">Toimintakulttuuri</option> |                              <option value="Domain:Scholarship">Toimintakulttuuri</option> | ||
|                              <option value="Domain:Education">Oppiminen</option> |                              <option value="Domain:Education">Oppiminen</option> | ||
|                              <option value="Domain:Data">Data</option> |                              <option value="Domain:Data">Data</option> | ||
|                          </select> |                          </select> | ||
|                      </div> |                      </div> | ||
|                      <h6>Vuosi</h6> |                      <h6>Vuosi</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="Valitse vuodet"> |                              data-none-selected-text="Valitse vuodet" data-count-selected-text="{0}/{1} valittu" data-deselect-all-text="poista valinnat" data-none-selected-text="ei valintoja" data-select-all-text="valitse kaikki"> | ||
|                              <option>2020</option> |                              <option>2020</option> | ||
|                              <option>2021</option> |                              <option>2021</option> | ||
| Line 61: | Line 28: | ||
|                              <option>2025</option> |                              <option>2025</option> | ||
|                          </select> |                          </select> | ||
|                      </div> |                      </div> | ||
|                      <h6>Toimijatyyppi</h6> |                      <h6>Toimijatyyppi</h6> | ||
|                      <div> |                      <div> | ||
|                     <select id="actors" multiple> | |||
|                     </select> | |||
|                      </div> |                      </div> | ||
|                     <h6>Haku</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>Ryhmittely</h5> |                      <h5>Ryhmittely</h5> | ||
| Line 134: | Line 61: | ||
|                          <option value="action_responsible_actor">Toimija</option> |                          <option value="action_responsible_actor">Toimija</option> | ||
|                      </select> |                      </select> | ||
|                  </div> |                  </div> | ||
|              </div> |              </div> | ||
| Line 180: | Line 67: | ||
|                  <div class="container"> |                  <div class="container"> | ||
|                      <div class="row"> |                      <div class="row"> | ||
|                          <div id="error"> |                          <div id="error"> | ||
| Line 189: | Line 75: | ||
|                              </div> |                              </div> | ||
|                          </div> |                          </div> | ||
|                         <div id="intro"> | |||
|                             Aloita valitsemalla vähintään yksi toimijatyyppi. | |||
|                         </div> | |||
|                          <div id="overview_actions"> |                          <div id="overview_actions"> | ||
| Line 200: | Line 90: | ||
|          </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="/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> |      <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 115: | ||
|          #overview_actions { |          #overview_actions { | ||
|          } |          } | ||
| .card-header h5 { | .card-header h5 { | ||
| Line 237: | Line 131: | ||
|          .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 235: | ||
|          } |          } | ||
|          nav { |          nav { | ||
|              position: sticky; |              position: sticky; | ||
|    top: -2px; |    top: -2px; | ||
Revision as of 11:51, 28 December 2023