From feda0cde0dcb4c99becc372f6b4f6f44ba9223a3 Mon Sep 17 00:00:00 2001 From: Andrew <80355579+Alekseevich-psk@users.noreply.github.com> Date: Fri, 11 Oct 2024 13:21:29 +0300 Subject: [PATCH] added users page --- app/images/.gitkeep | 0 app/images/no-user-photo.jpg | Bin 0 -> 68291 bytes app/images/svg/.gitkeep | 0 app/images/svg/ico-filter-close.svg | 3 + app/images/svg/ico-filter.svg | 3 + .../components/ch-button/_ch-button.scss | 38 ++++ app/pages/components/ch-button/ch-button.ts | 21 +++ .../elements/sidebars/sb-users/_sb-users.scss | 95 ++++++++++ .../elements/sidebars/sb-users/sb-users.pug | 22 +++ .../elements/sidebars/sb-users/sb-users.ts | 12 ++ app/pages/sections/document/_document.scss | 26 +++ app/pages/sections/users/data.pug | 18 +- app/pages/sections/users/users.pug | 32 +++- app/pages/sections/users/users.scss | 15 +- app/pages/users.pug | 9 +- app/scripts/main.ts | 7 +- app/styles/elements/_btn-select.scss | 34 ++++ app/styles/elements/_card-user.scss | 165 ++++++++++++++++++ app/styles/elements/_s-title.scss | 10 +- app/styles/main.scss | 7 +- app/styles/setting/_variables.scss | 8 +- 21 files changed, 506 insertions(+), 19 deletions(-) delete mode 100644 app/images/.gitkeep create mode 100644 app/images/no-user-photo.jpg delete mode 100644 app/images/svg/.gitkeep create mode 100644 app/images/svg/ico-filter-close.svg create mode 100644 app/images/svg/ico-filter.svg create mode 100644 app/pages/components/ch-button/_ch-button.scss create mode 100644 app/pages/components/ch-button/ch-button.ts create mode 100644 app/pages/elements/sidebars/sb-users/_sb-users.scss create mode 100644 app/pages/elements/sidebars/sb-users/sb-users.pug create mode 100644 app/pages/elements/sidebars/sb-users/sb-users.ts create mode 100644 app/pages/sections/document/_document.scss create mode 100644 app/styles/elements/_btn-select.scss create mode 100644 app/styles/elements/_card-user.scss diff --git a/app/images/.gitkeep b/app/images/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/app/images/no-user-photo.jpg b/app/images/no-user-photo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d881347f31044c46ed489967e4458ba05e8e2105 GIT binary patch literal 68291 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 literal 0 HcmV?d00001 diff --git a/app/images/svg/.gitkeep b/app/images/svg/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/app/images/svg/ico-filter-close.svg b/app/images/svg/ico-filter-close.svg new file mode 100644 index 0000000..aec56ef --- /dev/null +++ b/app/images/svg/ico-filter-close.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/app/images/svg/ico-filter.svg b/app/images/svg/ico-filter.svg new file mode 100644 index 0000000..9d140fd --- /dev/null +++ b/app/images/svg/ico-filter.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/app/pages/components/ch-button/_ch-button.scss b/app/pages/components/ch-button/_ch-button.scss new file mode 100644 index 0000000..7c53ccb --- /dev/null +++ b/app/pages/components/ch-button/_ch-button.scss @@ -0,0 +1,38 @@ +.ch-button { + &__input { + display: none; + + &:checked ~ label { + background-color: $black; + color: $white; + } + } + + &__label { + cursor: pointer; + display: block; + text-align: center; + padding: 12px 32px; + border-radius: 12px; + background-color: $bgNSearch; + font-weight: 500; + font-size: 16px; + line-height: 150%; + text-transform: uppercase; + transition: $transition; + + @include for-sm-desktop { + font-size: 14px; + } + + @include for-mobile { + font-size: 12px; + padding: 10px 20px; + } + + &:hover { + background-color: $black; + color: $white; + } + } +} diff --git a/app/pages/components/ch-button/ch-button.ts b/app/pages/components/ch-button/ch-button.ts new file mode 100644 index 0000000..9bd66fe --- /dev/null +++ b/app/pages/components/ch-button/ch-button.ts @@ -0,0 +1,21 @@ +(function () { + const selects = document.querySelectorAll("[data-ch-button-wrapper]") as NodeList; + if (selects.length > 0) { + selects.forEach((select: HTMLElement) => { + const options: NodeList = select.querySelectorAll(".ch-button__input"); + + function offOptions() { + options.forEach((option: HTMLInputElement) => { + option.checked = false; + }); + } + + options.forEach((option: HTMLInputElement, index: number) => { + option.addEventListener("click", () => { + offOptions(); + option.checked = true; + }); + }); + }); + } +})(); diff --git a/app/pages/elements/sidebars/sb-users/_sb-users.scss b/app/pages/elements/sidebars/sb-users/_sb-users.scss new file mode 100644 index 0000000..25475bc --- /dev/null +++ b/app/pages/elements/sidebars/sb-users/_sb-users.scss @@ -0,0 +1,95 @@ +.sb-users { + position: relative; + + @include for-tablet { + margin-top: -8px; + } + + &.active { + .sb-users { + &__wrapper { + transition: $transition; + position: relative; + z-index: 1; + opacity: 1; + visibility: visible; + height: auto; + } + + &__button { + position: absolute; + z-index: 2; + top: 20px; + right: 20px; + background-image: url('../images/svg/ico-filter-close.svg'); + } + } + } + + &__wrapper { + position: relative; + padding: 24px; + border-radius: var(--brWrapper); + border: var(--borderElem); + + @include for-tablet { + opacity: 0; + visibility: hidden; + height: 0; + position: absolute; + z-index: -1; + } + + @include for-mobile { + padding: 22px 16px; + } + } + + &__inner { + margin-bottom: 32px; + + &:last-child { + margin-bottom: 0; + } + } + + &__title { + display: block; + font-weight: 700; + font-size: 20px; + line-height: 160%; + color: $black; + margin-bottom: 24px; + + @include for-sm-desktop { + margin-bottom: 18px; + font-size: 18px; + } + } + + &__align { + display: flex; + justify-content: space-between; + + &-button { + text-align: right; + } + } + + &__ch-button { + width: 48%; + } + + &__button { + display: none; + width: 42px; + height: 42px; + border: 4px solid var(--colorBorder); + border-radius: 8px; + background: url('../images/svg/ico-filter.svg') no-repeat center /60%; + + @include for-tablet { + display: inline-block; + } + } +} diff --git a/app/pages/elements/sidebars/sb-users/sb-users.pug b/app/pages/elements/sidebars/sb-users/sb-users.pug new file mode 100644 index 0000000..3a94d5c --- /dev/null +++ b/app/pages/elements/sidebars/sb-users/sb-users.pug @@ -0,0 +1,22 @@ +.document__sb-users.sb-users + .sb-users__align-button + button(type="button").sb-users__button + .sb-users__wrapper + .sb-users__inner + .sb-users__title Принимает заказы? + .sb-users__align(data-ch-button-wrapper) + .sb-users__ch-button.ch-button + input(type="checkbox" name="take-orders" id="take-orders" class="ch-button__input") + label(for="take-orders" class="ch-button__label") Да + .sb-users__ch-button.ch-button + input(type="checkbox" name="no-take-orders" id="no-take-orders" class="ch-button__input") + label(for="no-take-orders" class="ch-button__label") Нет + .sb-users__inner + .sb-users__title Положительный рейтинг? + .sb-users__align(data-ch-button-wrapper) + .sb-users__ch-button.ch-button + input(type="checkbox" name="pos-rating" id="pos-rating" class="ch-button__input") + label(for="pos-rating" class="ch-button__label") Да + .sb-users__ch-button.ch-button + input(type="checkbox" name="neg-rating" id="neg-rating" class="ch-button__input") + label(for="neg-rating" class="ch-button__label") Нет diff --git a/app/pages/elements/sidebars/sb-users/sb-users.ts b/app/pages/elements/sidebars/sb-users/sb-users.ts new file mode 100644 index 0000000..3537b79 --- /dev/null +++ b/app/pages/elements/sidebars/sb-users/sb-users.ts @@ -0,0 +1,12 @@ +(function () { + const parent = document.querySelector(".sb-users") as HTMLElement | null; + if (parent === null) return; + + const button = parent.querySelector(".sb-users__button") as HTMLElement | null; + + if (button !== null) { + button.addEventListener("click", () => { + parent.classList.toggle("active"); + }); + } +})(); diff --git a/app/pages/sections/document/_document.scss b/app/pages/sections/document/_document.scss new file mode 100644 index 0000000..cf434cd --- /dev/null +++ b/app/pages/sections/document/_document.scss @@ -0,0 +1,26 @@ +.document { + + &__wrapper { + @include flex-wrap(); + } + + &__inner { + &--content { + width: 68%; + } + + &--sidebar { + width: 30%; + + @include for-tablet { + order: -1; + margin-bottom: 24px; + } + } + + @include for-tablet { + width: 100%; + } + } + +} \ No newline at end of file diff --git a/app/pages/sections/users/data.pug b/app/pages/sections/users/data.pug index 5e8247c..ebfe150 100644 --- a/app/pages/sections/users/data.pug +++ b/app/pages/sections/users/data.pug @@ -1,7 +1,7 @@ - const users = [ { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Василий Наумкин', registration: '08.12.2012', registrationTime: '17:43', @@ -14,7 +14,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: './images/no-user-photo.jpg', name: 'Павел Гвоздь', registration: '08.12.2012', registrationTime: '17:43', @@ -27,7 +27,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Сергей Шлоков', registration: '08.12.2012', registrationTime: '17:43', @@ -40,7 +40,7 @@ ratingPositive: false, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Володя', registration: '08.12.2012', registrationTime: '17:43', @@ -53,7 +53,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Николай Савин', registration: '08.12.2012', registrationTime: '17:43', @@ -66,7 +66,7 @@ ratingPositive: false, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Иван Климчук', registration: '08.12.2012', registrationTime: '17:43', @@ -79,7 +79,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Андрей Степаненко', registration: '08.12.2012', registrationTime: '17:43', @@ -92,7 +92,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: 'https://i.pinimg.com/736x/8f/d7/ee/8fd7ee35917bb06b9b5bfcdb7a93e833.jpg', name: 'Илья Уткин', registration: '08.12.2012', registrationTime: '17:43', @@ -105,7 +105,7 @@ ratingPositive: true, }, { - avatar: '', + avatar: './images/no-user-photo.jpg', name: 'Fi1osof', registration: '08.12.2012', registrationTime: '17:43', diff --git a/app/pages/sections/users/users.pug b/app/pages/sections/users/users.pug index 99b7f3f..a891026 100644 --- a/app/pages/sections/users/users.pug +++ b/app/pages/sections/users/users.pug @@ -1,5 +1,31 @@ -include data.pug +include ./data.pug -section.users#users - .users__container.container +.document__users.users + .users__table + each user, index in users + .users__card-user.card-user + .card-user__body + .card-user__count=`# ${index}` + .card-user__photo + img(src=user.avatar, alt="") + .card-user__text + .card-user__name=user.name + .card-user__info + span Регистрация: + span=user.registration + .card-user__info + span Активность: + span=user.activity + .card-user__info.card-user__info--order + span Принимает заказы: + span(class=`${user.ratingPositive ? 'get-order' : ''}`)=`${user.ratingPositive ? 'Да' : 'Нет'}` + .card-user__statistic.card-user__statistic--comments + span Комментариев + span=user.comments + .card-user__statistic + span Заметок + span=user.articles + .card-user__statistic.card-user__statistic--rating + span Рейтинг + span(class=`${user.ratingPositive ? 'rating-pos' : 'rating-neg'}`)=user.rating diff --git a/app/pages/sections/users/users.scss b/app/pages/sections/users/users.scss index bc87474..2639d40 100644 --- a/app/pages/sections/users/users.scss +++ b/app/pages/sections/users/users.scss @@ -1,3 +1,16 @@ .users { -} \ No newline at end of file + &__table { + border-radius: var(--brWrapper); + padding: 4px; + border: var(--borderElem); + } + + &__card-user { + border-bottom: var(--borderElem); + + &:last-child { + border-bottom: none; + } + } +} diff --git a/app/pages/users.pug b/app/pages/users.pug index 9bc44c7..70819b8 100644 --- a/app/pages/users.pug +++ b/app/pages/users.pug @@ -4,4 +4,11 @@ block variables - const title = "Пользователи" block content - include sections/users/users.pug \ No newline at end of file + section.document + .document__container.container + h1.document__s-title.s-title Пользователи + .document__wrapper + .document__inner.document__inner--content + include sections/users/users.pug + .document__inner.document__inner--sidebar + include elements/sidebars/sb-users/sb-users.pug \ No newline at end of file diff --git a/app/scripts/main.ts b/app/scripts/main.ts index ea2d8b1..6334f51 100644 --- a/app/scripts/main.ts +++ b/app/scripts/main.ts @@ -1,4 +1,7 @@ // import './swiper.ts'; -import "Components/header/header.ts"; -import "Components/n-search/n-search.ts"; \ No newline at end of file +import "Elements/sidebars/sb-users/sb-users"; + +import "Components/header/header"; +import "Components/n-search/n-search"; +import "Components/ch-button/ch-button"; \ No newline at end of file diff --git a/app/styles/elements/_btn-select.scss b/app/styles/elements/_btn-select.scss new file mode 100644 index 0000000..d871f12 --- /dev/null +++ b/app/styles/elements/_btn-select.scss @@ -0,0 +1,34 @@ +.btn-select { + display: block; + width: 100%; + overflow: hidden; + + &:focus { + outline: none; + } + + &__option { + display: inline-block; + cursor: pointer; + width: 48%; + text-align: center; + padding: 12px 44px; + border-radius: 12px; + background-color: $bgNSearch; + font-weight: 500; + font-size: 16px; + line-height: 150%; + text-transform: uppercase; + transition: $transition; + + &:first-child { + margin-right: 4%; + } + + &:hover { + background-color: $black; + color: $white; + } + } + +} \ No newline at end of file diff --git a/app/styles/elements/_card-user.scss b/app/styles/elements/_card-user.scss new file mode 100644 index 0000000..629d7fd --- /dev/null +++ b/app/styles/elements/_card-user.scss @@ -0,0 +1,165 @@ +.card-user { + &__body { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px; + + @include for-mobile { + flex-wrap: wrap; + } + } + + &__count { + font-weight: 700; + font-size: 20px; + line-height: 160%; + color: $black; + text-align: center; + flex: 0 0 90px; + + @include for-sm-desktop { + font-size: 16px; + flex: 0 0 64px; + } + + @include for-mobile { + position: absolute; + top: 14px; + right: 20px; + z-index: 2; + font-size: 12px; + color: $grayTextColor; + } + } + + &__photo { + position: relative; + flex: 0 0 92px; + height: 92px; + + @include for-sm-desktop { + flex: 0 0 72px; + height: 72px; + } + + img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; + } + } + + &__text { + flex-grow: 2; + padding-left: 12px; + + @include for-mobile { + width: calc(100% - 182px); + } + } + + &__name { + font-weight: 500; + font-size: 20px; + line-height: 140%; + color: $black; + margin-bottom: 4px; + + @include for-sm-desktop { + font-size: 18px; + } + } + + &__info { + margin-bottom: 2px; + + &:last-child { + margin-bottom: 0; + } + + span { + font-weight: 400; + font-size: 12px; + line-height: 120%; + color: #999; + + &:first-child { + margin-right: 2px; + } + + &:last-child { + font-weight: 500; + font-size: 12px; + line-height: 133%; + color: #999; + } + + &.get-order { + color: #5fc37b !important; + } + } + + &--order { + span { + &:last-child { + color: #f90; + } + } + } + } + + &__statistic { + flex: 0 0 120px; + + @include for-mobile { + padding-top: 20px; + } + + @include for-sm-desktop { + flex: 0 0 72px; + } + + &--comments { + @include for-sm-desktop { + flex: 0 0 120px; + } + } + + span { + display: block; + + &:first-child { + font-weight: 400; + font-size: 14px; + line-height: 143%; + color: #999; + + @include for-sm-desktop { + font-size: 12px; + } + } + + &:last-child { + font-weight: 500; + font-size: 18px; + line-height: 156%; + color: $black; + + @include for-sm-desktop { + font-size: 16px; + } + } + + &.rating-pos { + color: #5fc37b; + } + + &.rating-neg { + color: #f90; + } + } + } +} diff --git a/app/styles/elements/_s-title.scss b/app/styles/elements/_s-title.scss index 51c1480..2ae1bd6 100644 --- a/app/styles/elements/_s-title.scss +++ b/app/styles/elements/_s-title.scss @@ -1,4 +1,12 @@ .s-title { - span { + font-family: $fontMain; + font-weight: 700; + font-size: 48px; + line-height: 108%; + color: $black; + margin-bottom: 32px; + + @include for-tablet { + margin-bottom: 24px; } } diff --git a/app/styles/main.scss b/app/styles/main.scss index 1b13f89..c2f6bfc 100644 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -25,12 +25,17 @@ @import "./elements/input"; @import "./elements/s-title"; @import "./elements/sl-arrows"; +@import "./elements/card-user"; +@import "./elements/btn-select"; +@import "Elements/sidebars/sb-users/sb-users"; @import "Components/header/header"; @import "Components/catalog/catalog"; @import "Components/menu/menu"; @import "Components/n-search/n-search"; -@import "Components/user-card/user-card.scss"; +@import "Components/user-card/user-card"; +@import "Components/ch-button/ch-button"; +@import "Sections/document/document"; @import "Sections/users/users"; \ No newline at end of file diff --git a/app/styles/setting/_variables.scss b/app/styles/setting/_variables.scss index 6e0684b..daa43fc 100644 --- a/app/styles/setting/_variables.scss +++ b/app/styles/setting/_variables.scss @@ -16,4 +16,10 @@ $blackTextColor: #222222; $grayTextColor: #999; $transition: 0.25s; $white: #fff; -$bgNSearch: #F7F7F7; \ No newline at end of file +$bgNSearch: #F7F7F7; + +:root { + --brWrapper: 20px; + --borderElem: 4px solid #f7f7f7; + --colorBorder: #f7f7f7; +} \ No newline at end of file