profile.pug 5.49 KB
Newer Older
Rosanny Sihombing's avatar
Rosanny Sihombing committed
1
2
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
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")
    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
Rosanny Sihombing's avatar
updates    
Rosanny Sihombing committed
35
                    span #{user.firstname} #{user.lastname}
Rosanny Sihombing's avatar
Rosanny Sihombing committed
36
37
                div(class="nav flex-column nav-pills", id="v-pills-tab", role="tablist", aria-orientation="vertical")
                    a(class="nav-link" href="#" aria-selected="true") Profile
38
39
40
                    a(class="nav-link" href="/account/security" aria-selected="false") Security
                    a(class="nav-link" href="/account/services" aria-selected="false") Services
            div(class="col-sm-9")
Rosanny Sihombing's avatar
Rosanny Sihombing committed
41
42
43
44
45
46
47
48
49
                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") ×
                form#profileForm(method="POST",action="/updateProfile")
Rosanny Sihombing's avatar
updates    
Rosanny Sihombing committed
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
                    div(class="form-row")
                        div(class='form-group col-md-2')
                            label(for="title") Title
                            // to read: https://stackoverflow.com/questions/39997579/pug-templates-how-to-mark-option-in-dropdown-list-as-selected
                            select#inputTitle(name="inputTitle", class="form-control", value=user.title)
                                option(value="Frau/Herr") Frau/Herr
                                option(value="Frau") Frau
                                option(value="Herr") Herr
                                option(value="Dr.") Dr.
                                option(value="Prof. Dr.") Prof. Dr.
                        div(class='form-group col-md-3')
                            label(for="firstname") Vorname
                            input#inputFirstname(name="inputFirstname", type="text", class="form-control", placeholder="Vorname", value=user.firstname required)
                        div(class='form-group col-md-3')
                            label(for="lastname") Nachname
                            input#inputLastname(name="inputLastname", type="text", class="form-control", placeholder="Nachname", value=user.lastname required)
                    div(class="form-row")
                        div(class='form-group col-md-8')
                            label(for="email") Email
                            input#inputEmail(name="inputEmail", type="email", class="form-control", placeholder="Email", value=email required)
                    div(class="form-row")
                        div(class='form-group col-md-8')
                            label(for="organisation") Unternehmen
                            input#inputOrganisation(name="inputOrganisation", type="text", class="form-control", placeholder="Unternehmen", value=user.organisation)
                    div(class="form-row")
                        div(class='form-group col-md-8')
                            label(for="industry") Branche
                            input#inputIndustry(name="inputIndustry", type="text", class="form-control", placeholder="Branche", value=user.industry)
                    div(class="form-row")
                        div(class='form-group col-md-8')
                            label(for="speciality") Fachgebiete
                            input#inputSpeciality(name="inputSpeciality", type="text", class="form-control", placeholder="Fachgebiete", value=user.speciality)                    
Rosanny Sihombing's avatar
Rosanny Sihombing committed
82
83
84
85
86
87
88
89
                    input(type="submit", class="btn btn-primary", value="Update")

    // 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
90
91
    script(src="/account//js/account.js")
    script(src="https://transfer.hft-stuttgart.de/js/headfoot.js")