How to use 'material ui jumbotron' in JavaScript

9
export function JumboTron (options) {
10
11
    var e, t, c;
12
13
    options = options || {};
14
15
    DialogComponent.call(this, options.style, "jumbotron");
16
17
    e =
18
    this.element
19
         .classed("jumbotron", true);
20
21
    e.append("h1")
22
     .text(options.title || "");
23
24
    s = e.append("p");
25
26
    if(options.link) {
27
28
        e.append("p")
29
         .append("a")
30
         .attr("role", "button")
31
         .attr("href", "#")
32
         .classed("btn btn-primary btn-lg", true)
33
         .text(options.link)
34
         .on("click", this.trigger("action"));
35
36
        if(options.action)
37
            this.on("action", options.action);
38
39
    }
40
41
    this.set = function (value) {
42
        return s.html(value), this;
43
    }
44
45
    this.valueOf = function () {
46
        return s.node().innerHTML;
47
    }
48
49
    this.set(options.content);
50
51
}

6
function jumbotronToggle () {
7
    var shown = $('.jumbotron h1').is(':visible'),
8
        $toggleEl = $('.jumbotron-toggle'),
9
        heading = $('.overview > h1').html();
10
    if (shown) {
11
        $toggleEl.addClass('glyphicon-chevron-down').removeClass('glyphicon-chevron-up');
12
        $('.overview').fadeOut(500, function () {
13
            $('.toolbar')
14
                .prepend('<h3 class="pull-left" style="margin-top: 0px; font-weight: 100;">' + heading + '</h3')
15
                .hide()
16
                .fadeIn(500);
17
        });
18
    } else {
19
        $toggleEl.addClass('glyphicon-chevron-up').removeClass('glyphicon-chevron-down');
20
        $('.toolbar > h3').fadeOut(100);
21
        $('.overview').fadeIn('slow');
22
    }
23
}