https://assets.ukm.no/js/liste.js

1/**
2 * UKM-liste
3 * Standard-liste for visning av data
4 * TODO: Bør implementeres av deltakere + program
5 */
6$(document).on('click', '.UKMliste.expandable > li > header', function (e) {
7    e.preventDefault();
8
9    var li = $(this).parents('li');
10
11    /**
12     * Klikk på header med synlig innhold = lukk
13     * Finn og trykk på cancel-knapp i footer 
14     **/
15    if (li.find('section').is(':visible')) {
16        li.find('footer .cancel').click();
17        return false;
18    }
19    /**
20     * <li> <header class="sticky"> lar headeren bli igjen,
21     * MEN skjuler description-tag'en
22     * 
23     * <li> <header class="super-sticky"> lar hele headeren bli igjen
24     **/
25    if ($(this).hasClass('sticky')) {
26        $(this).find('.description').slideUp();
27    } else if (!$(this).hasClass('super-sticky')) {
28        $(this).slideUp();
29    }
30    li.find('section, footer').slideDown();
31    $(document).trigger('UKMliste:load:' + li.attr('data-trigger'), [li]);
32});
33
34$(document).on('click', '.UKMliste.expandable > li .cancel', function (e) {
35    e.preventDefault();
36    var li = $(this).parents('.UKMliste > li');
37    li.find('section, footer').slideUp();
38    li.find('> header, > header > .description').slideDown();
39    $(document).trigger('UKMliste:unload:' + li.attr('data-trigger'), [li]);
40});
41
42/* DEMO FUNCTIONS UKM-liste trigger
43$(document).on('UKMliste:load:sanger', function(e, li) {
44    console.warn('Triggered load:sanger');
45    console.log( li.attr('data-id') );
46
47});
48
49$(document).on('UKMliste:unload:sanger', function(e, li) {
50    console.error('Triggered unload:sanger');
51    li.find('section').html('Vennligst vent, laster inn');
52    console.log( li.attr('data-id') );
53});
54*/