services.pug 3.91 KB
Newer Older
Rosanny Sihombing's avatar
Rosanny Sihombing committed
1
doctype html
2
html(lang="de")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
  head
    title= "User Profile"
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
    link(rel="stylesheet", type="text/css", href="https://transfer.hft-stuttgart.de/css/bootstrap/bootstrap.css")
    link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.2/css/all.css", integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay", crossorigin="anonymous")
    style.
        .collapse {
            display: none;
        }
        .collapse.in {
            display: block;
        }
        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-duration: .35s;
            -o-transition-duration: .35s;
            transition-duration: .35s;
            -webkit-transition-property: height,visibility;
            -o-transition-property: height,visibility;
            transition-property: height,visibility;
        }
  body
    div(class="container-fluid")
        div(class="row")
            div(class="col-3")
                h5
                    span #{user.firstName} #{user.lastName}
                div(class="nav flex-column nav-pills", id="v-pills-tab", role="tablist", aria-orientation="vertical")
37
38
                    a(class="nav-link" href="/account/profile" aria-selected="true") Benutzerprofil
                    a(class="nav-link" href="/account/security" aria-selected="false") Sicherheitseinstellungen
39
                    a(class="nav-link" href="#" aria-selected="false") Projekte und Dienste
Rosanny Sihombing's avatar
Rosanny Sihombing committed
40
41
42
43
44
45
46
47
48
            div(class="col-sm-9")
                if successes
                    for success in successes
                        div.alert.alert-success.alert-dismissible #{ success }
                            a(class="close", href="#", data-dismiss="alert", aria-label="close") ×
                if errors
                    for error, i in errors
                        div.alert.alert-danger.alert-dismissible.fade.show #{ error }
                            a(class="close", href="#", data-dismiss="alert", aria-label="close") ×
Rosanny Sihombing's avatar
Rosanny Sihombing committed
49
                table
Rosanny Sihombing's avatar
Rosanny Sihombing committed
50
                    for item in project
Rosanny Sihombing's avatar
Rosanny Sihombing committed
51
52
53
54
                        tr
                            td <strong>#{item.title}</strong>
                            if item.userStatus
                                td
55
                                    button(type="button", class="btn btn-secondary", onclick="unsubscribe()") Projektbeteiligung beenden
Rosanny Sihombing's avatar
Rosanny Sihombing committed
56
57
                            else
                                td
58
                                    button(type="button", class="btn btn-success", onclick="subscribe()") Am Projekt beteiligen
Rosanny Sihombing's avatar
Rosanny Sihombing committed
59
60
61
                        tr
                            td(colspan="2") #{item.summary}
                        tr
62
                            td(colspan="2") <i>Ansprechpartner: #{item.cp}</i>
Rosanny Sihombing's avatar
Rosanny Sihombing committed
63
64
65
66
67
68
69
                    
    // jQuery
    script(src="https://code.jquery.com/jquery-3.3.1.min.js")
    script(src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js", integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1", crossorigin="anonymous")
    // Bootstrap
    script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous")
    // M4_LAB
70
    script(src="/js/headfootLogout.js")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
71
72
    script.
        function subscribe() {
73
            alert("To be implemented: Ihre Anfrage wird an den zuständigen Projektleiter gesendet.")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
74
75
        }
        function unsubscribe() {
76
            alert("To be implemented: Ihre Projektbeteiligung wurde beendet und der zuständige Projektleiter in Kenntnis gesetzt.")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
77
        }