services.pug 3.99 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
40
                    a(class="nav-link" href="/logout" aria-selected="false") Logout
Rosanny Sihombing's avatar
Rosanny Sihombing committed
41
42
43
44
45
46
47
48
49
            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
50
                table
Rosanny Sihombing's avatar
Rosanny Sihombing committed
51
                    for item in project
Rosanny Sihombing's avatar
Rosanny Sihombing committed
52
53
54
55
                        tr
                            td <strong>#{item.title}</strong>
                            if item.userStatus
                                td
56
                                    button(type="button", class="btn btn-secondary", onclick="unsubscribe()") Projektbeteiligung beenden
Rosanny Sihombing's avatar
Rosanny Sihombing committed
57
58
                            else
                                td
59
                                    button(type="button", class="btn btn-success", onclick="subscribe()") Am Projekt beteiligen
Rosanny Sihombing's avatar
Rosanny Sihombing committed
60
61
62
                        tr
                            td(colspan="2") #{item.summary}
                        tr
63
                            td(colspan="2") <i>Ansprechpartner: #{item.cp}</i>
Rosanny Sihombing's avatar
Rosanny Sihombing committed
64
65
66
67
68
69
70
                    
    // 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
71
    script(src="/js/headfoot.js")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
72
73
    script.
        function subscribe() {
74
            alert("To be implemented: Ihre Anfrage wird an den zuständigen Projektleiter gesendet.")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
75
76
        }
        function unsubscribe() {
77
            alert("To be implemented: Ihre Projektbeteiligung wurde beendet und der zuständige Projektleiter in Kenntnis gesetzt.")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
78
        }