services.pug 3.76 KB
Newer Older
Rosanny Sihombing's avatar
Rosanny Sihombing committed
1
2
3
4
5
6
doctype html
html(lang="en")
  head
    title= "User Profile"
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no")
7
    link(rel="stylesheet", type="text/css", href="/css/bootstrap.css")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
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
    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")
Wolfgang Knopki's avatar
Wolfgang Knopki committed
37
38
                    a(class="nav-link" href="/profile" aria-selected="true") Profile
                    a(class="nav-link" href="/security" aria-selected="false") Security
Rosanny Sihombing's avatar
Rosanny Sihombing committed
39
40
41
42
43
44
45
46
47
48
                    a(class="nav-link" href="#" aria-selected="false") Services
            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
55
56
57
58
59
60
61
62
                        tr
                            td <strong>#{item.title}</strong>
                            if item.userStatus
                                td
                                    button(type="button", class="btn btn-secondary", onclick="unsubscribe()") Unsubscribe
                            else
                                td
                                    button(type="button", class="btn btn-success", onclick="subscribe()") Subscribe
                        tr
                            td(colspan="2") #{item.summary}
                        tr
                            td(colspan="2") <i>Contact Person: #{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
73
74
75
76
77
    script.
        function subscribe() {
            alert("To be implemented: Send a request to join/participate/have access to the page of the requested service")
        }
        function unsubscribe() {
            alert("To be implemented: Send a request to withdraw access")
        }