Initial commit 🚀

4-natours/after-section-06/dev-data/templates/userSettingsTemplate.pug

@@ -0,0 +1,77 @@
+main.main
+  .user-view
+    nav.user-view__menu
+      ul.side-nav
+        li.side-nav--active
+          a(href='#')
+            svg
+              use(xlink:href='img/icons.svg#icon-settings')
+            | Settings
+        li
+          a(href='#')
+            svg
+              use(xlink:href='img/icons.svg#icon-briefcase')
+            | My bookings
+        li
+          a(href='#')
+            svg
+              use(xlink:href='img/icons.svg#icon-star')
+            | My reviews
+        li
+          a(href='#')
+            svg
+              use(xlink:href='img/icons.svg#icon-credit-card')
+            | Billing
+      .admin-nav
+        h5.admin-nav__heading Admin
+        ul.side-nav
+          li
+            a(href='#')
+              svg
+                use(xlink:href='img/icons.svg#icon-map')
+              | Manage tours
+          li
+            a(href='#')
+              svg
+                use(xlink:href='img/icons.svg#icon-users')
+              | Manage users
+          li
+            a(href='#')
+              svg
+                use(xlink:href='img/icons.svg#icon-star')
+              | Manage reviews
+          li
+            a(href='#')
+              svg
+                use(xlink:href='img/icons.svg#icon-briefcase')
+
+    .user-view__content
+      .user-view__form-container
+        h2.heading-secondary.ma-bt-md Your account settings
+        form.form.form-user-data
+          .form__group
+            label.form__label(for='name') Name
+            input#name.form__input(type='text', value='Jonas Schmedtmann', required)
+          .form__group.ma-bt-md
+            label.form__label(for='email') Email address
+            input#email.form__input(type='email', value='admin@natours.io', required)
+          .form__group.form__photo-upload
+            img.form__user-photo(src='img/user.jpg', alt='User photo')
+            a.btn-text(href='') Choose new photo
+          .form__group.right
+            button.btn.btn--small.btn--green Save settings
+      .line  
+      .user-view__form-container
+        h2.heading-secondary.ma-bt-md Password change
+        form.form.form-user-settings
+          .form__group
+            label.form__label(for='password-current') Current password
+            input#password-current.form__input(type='password', placeholder='••••••••', required, minlength='8')
+          .form__group
+            label.form__label(for='password') New password
+            input#password.form__input(type='password', placeholder='••••••••', required, minlength='8')
+          .form__group.ma-bt-lg
+            label.form__label(for='password-confirm') Confirm password
+            input#password-confirm.form__input(type='password', placeholder='••••••••', required, minlength='8')
+          .form__group.right
+            button.btn.btn--small.btn--green Save password