MIUN - Design Library

SearchCoursePlanPage 

<div class="container">
    <div class="row breadcrumbs">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <div class="breadcrumbs-container row">
                <div class="col-12 col-lg-8 breadcrumb-col">
                    <nav aria-label="Breadcrumbs" class="mr-auto">
                        <ol class="breadcrumb ">
                            <li class="breadcrumb-item"><a href="/">Hem</a></li>
                            <li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
                            <li class="breadcrumb-item"><a href="/utbildning">Utbildning</a></li>
                            <li class="breadcrumb-item active" aria-current="page">En sjukt lång text som egentligen inte borde vara här. Men så blir det när man behöver testa vissa saker. :)</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-12 col-lg-4 breadcrumb-col enablevue">
                    <nav class="breadcrumbs-actions float-md-left float-lg-right" aria-label="Page functions" id="breadcrumbs">
                        <ul class="page-functions-list list-unstyled">
                            <li v-if="isSetAsFavourite" id='remove-bookmark-container' class="page-functions-list-item">
                                <a href="javascript:void(0)" id="bookmarkremove" class="small-font" v-on:click="removeFavourite()">
                                    <i class="material-icons blue">favorite</i>
                                    <span>Ta bort favorit</span>
                                </a>
                            </li>
                            <li v-else id="save-bookmark-container" class="page-functions-list-item">
                                <a href="javascript:void(0)" id="bookmarksave" class="small-font" v-on:click="addFavourite()">
                                    <i class="material-icons">favorite_border</i>
                                    <span>Spara</span>
                                </a>
                            </li>
                            <li class="page-functions-list-item">
                                <div id="readspeaker_button1" class="rs_skip rsbtn rs_preserve">
                                    <a rel="nofollow" class="rsbtn_play" accesskey="L" title="webReader" href="//app-eu.readspeaker.com/cgi-bin/rsent?customerid=5305&amp;lang=sv_se&amp;readid=maincontent;url=">
                                        <span class="rsbtn_left rsimg rspart"><span
                                                class="rsbtn_text"><span>Lyssna</span></span></span>
                                        <span class="rsbtn_right rsimg rsplay rspart"></span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row mb-4">
        <div class="col-md-10 mt-xs offset-md-1 col-lg-8 offset-lg-2">
            <h1 class="heading-level-1"></h1>
        </div>
    </div>
    <div class="row content-area search-course">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            <form action="/en/url" method="get">
                <div class="form-group">
                    <label for="CoursePlanName">Kursnamn</label>
                    <input type="text" class="form-control" name="CoursePlanName" id="CoursePlanName" placeholder="">
                </div>
                <div class="form-group">
                    <label for="coursecode">Kurskod</label>
                    <input type="text" class="form-control" name="coursecode" id="coursecode" placeholder="">
                </div>

                <div class="form-group">
                    <label for="level">Nivå</label>
                    <select class="form-control" name="level" id="level">
            <option value="-1" selected>Alla</option>
            <option value="15" >Avancerad</option>
    </select>
                </div>
                <div class="form-group">
                    <label for="department">Avdelning</label>
                    <select class="form-control" name="department" id="department">
            <option value="-1" selected>Alla</option>
            <option value="35" >Design</option>
    </select>
                </div>
                <div class="form-group">
                    <label for="faculty">Fakultet</label>
                    <select class="form-control" name="faculty" id="faculty">
            <option value="-1" selected>Alla</option>
            <option value="4" >Fakulteten för humanvetenskap</option>
    </select>
                </div>
                <div class="form-group">
                    <label for="term">Aktuell termin</label>
                    <select class="form-control" name="term" id="term">
            <option value="-1" selected>Alla</option>
            <option value="87" >Vårterminen 2024</option>
    </select>
                </div>
                <div class="form-group">
                    <label for="version">Visa</label>
                    <select class="form-control" name="version" id="version">
            <option value="1" selected>Senaste versionen</option>
            <option value="0" >Alla versioner</option>
    </select>
                </div>
                <div class="form-group">
                    <label for="sort">Sortera på</label>
                    <select class="form-control" name="sort" id="sort">
            <option value="KursBenamning" selected>Kursnamn</option>
            <option value="KursKod" >Kurskod</option>
    </select>
                </div>

                <h3 class="heading-label">Detta är en rubrik</h3>
                <div class="form-grouping">
                    <div class="form-check">
                        <input type="checkbox" name="contract" id="contract" value="True" class="form-check-input">
                        <label for="contract" class="form-check-label">Uppdragsutbildning</label>
                    </div>
                </div>
                <h3 class="heading-label">Detta är en annan rubrik</h3>
                <div class="form-grouping">
                    <div class="form-check">
                        <input type="checkbox" name="discontinued" id="discontinued" value="True" class="form-check-input">
                        <label for="discontinued" class="form-check-label">Nedlagd</label>
                    </div>
                </div>
                <button class="button-default mb-md" type="submit">Sök kursplan</button>
            </form>
            <div>
                <div class="col75" style="margin: 0; padding: 0;">
                    <h3><span class="ingress">Här hittar du kursplan och litteraturlista för din kurs. Det gäller även kurser inom program.<br></span></h3>
                    <p>Varje kurs har en kursplan. Den innehåller information om kursens innehåll, omfattning och examination samt kurslitteratur. Här kan du söka på kursens namn eller kurskod, det gäller även kurser som ges inom program.<br><br>Hittar du
                        inte den kursplan du söker, <a href="/mot-mittuniversitetet/Organisation/institutioner/">kontakta den institution som ger kursen</a>. Vid eventuella frågor om kursplaner, kan du också kontakta Mittuniversitetet på följande e-postadress
                        <a href="mailto:kontakt@miun.se">kontakt@miun.se</a>.&nbsp;</p>
                </div>
                <p><strong>Observera att litteraturen och examinationen i kursplanen kan ändras/revideras fram till</strong>: <br>•&nbsp;1 juni för en kurs som startar en hösttermin<br>•&nbsp;1 december för en kurs som startar en vårtermin<br>•&nbsp;1 april
                    för en kurs som startar på sommaren&nbsp;</p>
            </div>

        </div>
    </div>
</div>
<div class="container">
    <div class="row search-courses-plan">
        <div class="col-md-11">
        </div>
    </div>
</div>
 
{{!< ../_preview-page}}
{{render '@breadcrumbs' }}
<div class="container">
    <div class="row mb-4">
            <div class="col-md-10 mt-xs offset-md-1 col-lg-8 offset-lg-2">
                <h1 class="heading-level-1" {{{title.epiEditAttribute}}}>{{title.value}}</h1>
            </div>
        </div>
    <div class="row content-area search-course">
        <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
            {{#if showSearchForm}}
                <form action="{{submitUrl}}" method="get"> 
                    {{render '@textinput' coursePlanName }}
                    {{render '@textinput' courseCode }}

                    {{render '@dropdowninput' level}}
                    {{render '@dropdowninput' department}}
                    {{render '@dropdowninput' faculty}}
                    {{render '@dropdowninput' term}}
                    {{render '@dropdowninput' version}}
                    {{render '@dropdowninput' sort}}

                    {{render '@checkboxinput' contract }}
                    {{render '@checkboxinput' discontinued }}
                    <button class="button-default mb-md" type="submit">{{submitButtonText}}</button>
                </form>
            {{/if}}
            <div>{{{contentHtml}}}</div>
            
        </div>
    </div>
</div>
<div class="container">
    <div class="row search-courses-plan">
        <div class="col-md-11">
            {{#if tableContext}}
                {{render '@linktable' tableContext}}
            {{/if}}
        </div>
    </div>
</div>
 
{
  "submitButtonText": "Sök kursplan",
  "showSearchForm": "true",
  "submitUrl": "/en/url",
  "coursePlanName": {
    "nameId": "CoursePlanName",
    "heading": "Kursnamn",
    "value": ""
  },
  "courseCode": {
    "nameId": "coursecode",
    "heading": "Kurskod",
    "value": ""
  },
  "level": {
    "nameId": "level",
    "heading": "Nivå",
    "items": [
      {
        "text": "Alla",
        "value": "-1",
        "selected": true
      },
      {
        "text": "Avancerad",
        "value": "15",
        "selected": false
      }
    ]
  },
  "department": {
    "nameId": "department",
    "heading": "Avdelning",
    "items": [
      {
        "text": "Alla",
        "value": "-1",
        "selected": true
      },
      {
        "text": "Design",
        "value": "35",
        "selected": false
      }
    ]
  },
  "faculty": {
    "nameId": "faculty",
    "heading": "Fakultet",
    "items": [
      {
        "text": "Alla",
        "value": "-1",
        "selected": true
      },
      {
        "text": "Fakulteten för humanvetenskap",
        "value": "4",
        "selected": false
      }
    ]
  },
  "term": {
    "nameId": "term",
    "heading": "Aktuell termin",
    "items": [
      {
        "text": "Alla",
        "value": "-1",
        "selected": true
      },
      {
        "text": "Vårterminen 2024",
        "value": "87",
        "selected": false
      }
    ]
  },
  "version": {
    "nameId": "version",
    "heading": "Visa",
    "items": [
      {
        "text": "Senaste versionen",
        "value": "1",
        "selected": true
      },
      {
        "text": "Alla versioner",
        "value": "0",
        "selected": false
      }
    ]
  },
  "sort": {
    "nameId": "sort",
    "heading": "Sortera på",
    "items": [
      {
        "text": "Kursnamn",
        "value": "KursBenamning",
        "selected": true
      },
      {
        "text": "Kurskod",
        "value": "KursKod",
        "selected": false
      }
    ]
  },
  "contract": {
    "title": "Detta är en rubrik",
    "items": [
      {
        "nameId": "contract",
        "heading": "Uppdragsutbildning",
        "value": false
      }
    ]
  },
  "discontinued": {
    "title": "Detta är en annan rubrik",
    "items": [
      {
        "nameId": "discontinued",
        "heading": "Nedlagd",
        "value": false
      }
    ]
  },
  "contentHtml": "\n     <div class=\"col75\" style=\"margin: 0; padding: 0;\">\n     <h3><span class=\"ingress\">Här hittar du kursplan och litteraturlista för din kurs. Det gäller även kurser inom program.<br></span></h3>\n     <p>Varje kurs har en kursplan. Den innehåller information om kursens innehåll, omfattning och examination samt kurslitteratur. Här kan du söka på kursens namn eller kurskod, det gäller även kurser som ges inom program.<br><br>Hittar du inte den kursplan du söker, <a href=\"/mot-mittuniversitetet/Organisation/institutioner/\">kontakta den institution som ger kursen</a>. Vid eventuella frågor om kursplaner, kan du också kontakta Mittuniversitetet på följande e-postadress <a href=\"mailto:kontakt@miun.se\">kontakt@miun.se</a>.&nbsp;</p>\n     </div>\n     <p><strong>Observera att litteraturen och examinationen i kursplanen kan ändras/revideras fram till</strong>: <br>•&nbsp;1 juni för en kurs som startar en hösttermin<br>•&nbsp;1 december för en kurs som startar en vårtermin<br>•&nbsp;1 april för en kurs som startar på sommaren&nbsp;</p>"
}
  • Content: 
    .search-courses-plan {
    justify-content: center;
    .link-table-container {
        table {
            thead {
                th {
                    &:nth-child(6){
                        width: 120px;
                    }
                    &:nth-child(4){
                        width: 120px;
                    }
                }
            }
        }
    }
}
  • URL: /components/raw/searchcourseplanpage/SearchCoursePlanPage.scss
  • Filesystem Path: src\components\03-pages\SearchCoursePlanPage\SearchCoursePlanPage.scss
  • Size: 394 Bytes

There are no notes for this item.