nezumi/foodify-frontend
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/foodify-frontend.git synced 2026-09-22 13:38:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

update UI

Browse Source
This commit is contained in:
Nguyễn Đức Đạt
2023-04-25 18:20:04 +07:00
parent fe41791608
commit 7e2b4e0f77
13 changed files with 192 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package-lock.json
Generated
+114 -206
View File
File diff suppressed because it is too large Load Diff
src/app/components/auth/login/login.component.html
+1 -1
View File
@@ -201,7 +201,7 @@
<ng-template #error_modal>
<div class="modal-body text-center">
<p>Sai tên tài khoản hoặc mật khẩu. Vui lòng kiểm tra lại !</p>
<h5 class="text-dark font-weight-bold mb-4">Sai tên tài khoản hoặc mật khẩu. Vui lòng kiểm tra lại !</h5>
<button type="button" class="btn btn-primary" (click)="closeLayer1()">Tiếp tục</button>
</div>
</ng-template>
src/app/components/auth/reset-password/reset-password.component.html
+1 -1
View File
@@ -209,7 +209,7 @@
<ng-template #changePasswordCompleted>
<div class="modal-body text-center">
<p>Thay đổi mật khẩu thành công</p>
<h5 class="text-dark font-weight-bold mb-4">Thay đổi mật khẩu thành công</h5>
<button type="button" class="btn btn-primary" (click)="backToLogin()"> Đăng nhập ngay
</button>
</div>
src/app/components/auth/send-email/send-email.component.html
+5 -5
View File
@@ -154,10 +154,10 @@
<div *ngIf="email?.errors?.email">Email không hợp lệ, vui lòng nhập lại</div>
</div>
<div class="form-button d-flex justify-content-around">
<button class="btn btn-primary" type="submit" (click)="sendPasswordResetMail()">Tiếp
tục</button>
<button type="button" class="btn btn-danger btn-back" [routerLink]="['/auth', 'login']">Quay
lại</button>
<button class="btn btn-primary" type="submit" (click)="sendPasswordResetMail()">Tiếp
tục</button>
</div>
</form>
</div>
@@ -175,8 +175,8 @@
<ng-template #sendMailCompleted>
<div class="modal-body text-center">
<p>Đã gửi đường dẫn thay đổi mật khẩu đến email của bạn</p>
<p>Vui lòng kiểm tra hòm thư của bạn</p>
<h5 class="text-dark font-weight-bold mb-4">Đã gửi đường dẫn thay đổi mật khẩu đến email của bạn</h5>
<h5 class="text-dark font-weight-bold mb-4">Vui lòng kiểm tra hòm thư của bạn</h5>
<!-- <button type="button" class="btn btn-primary" (click)="gmail()">Gmail</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -->
<button type="button" class="btn btn-primary" (click)="closeLayer1()">Đóng</button>
</div>
@@ -184,7 +184,7 @@
<ng-template #emailNotExisted>
<div class="modal-body text-center">
<p>Tài khoản này không tồn tại trong hệ thống. Vui lòng kiểm tra lại địa chỉ email</p>
<h5 class="text-dark font-weight-bold mb-4">Tài khoản này không tồn tại trong hệ thống. Vui lòng kiểm tra lại địa chỉ email</h5>
<button type="button" class="btn btn-primary" (click)="closeLayer1()">Đóng</button>
</div>
</ng-template>
src/app/components/auth/signup/signup.component.html
+4 -4
View File
@@ -360,21 +360,21 @@
<ng-template #chooseUserImage>
<div class="modal-body text-center">
<p>Vui lòng chọn 1 ảnh</p>
<h5 class="text-dark font-weight-bold mb-4">Vui lòng chọn 1 ảnh</h5>
<input class="input-image" type="file" accept="image/*" (change)="onFileSelected($event)" />
</div>
</ng-template>
<ng-template #chooseShopImage>
<div class="modal-body text-center">
<p>Vui lòng chọn 1 ảnh</p>
<h5 class="text-dark font-weight-bold mb-4">Vui lòng chọn 1 ảnh</h5>
<input class="input-image" type="file" accept="image/*" (change)="onShopFileSelected($event)" />
</div>
</ng-template>
<ng-template #createSuccess>
<div class="modal-body text-center">
<p>Tạo tài khoản thành công. Vui lòng kiểm tra hòm thư để xác thực tài khoản</p>
<h5 class="text-dark font-weight-bold mb-4">Tạo tài khoản thành công. Vui lòng kiểm tra hòm thư để xác thực tài khoản</h5>
<button type="button" class="btn btn-primary" (click)="continue()">Tiếp tục
</button>
</div>
@@ -382,7 +382,7 @@
<ng-template #error_modal>
<div class="modal-body text-center">
<p>{{ errorItem }} đã tồn tại. Vui lòng chọn một {{ errorItem.toLowerCase() }} khác.</p>
<h5>{{ errorItem }} đã tồn tại. Vui lòng chọn một {{ errorItem.toLowerCase() }} khác.</h5>
<button type="button" class="btn btn-primary" (click)="closeLayer2()">Tiếp tục</button>
</div>
</ng-template>
src/app/components/auth/signup/signup.component.scss
-4
View File
@@ -22,10 +22,6 @@
}
}
.input-password-holder {
display: flex;
justify-content: space-between;
src/app/components/products/physical/product-detail/product-detail.component.html
+2 -2
View File
@@ -94,7 +94,7 @@
</div>
<ng-template #confirm_Delete>
<div class="modal-body text-center">
<p>Bạn chắc chắc xoá sản phẩm này chứ ?</p>
<h5 class="text-dark font-weight-bold mb-4">Bạn chắc chắc xoá sản phẩm này chứ ?</h5>
<button type="button" class="btn btn-default" (click)="confirm(deleteProductId, success)">Đồng ý
</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<button type="button" class="btn btn-primary" (click)="decline()">Không
@@ -105,7 +105,7 @@
<!--Delete success -->
<ng-template #success>
<div class="modal-body text-center">
<p>Xoá sản phẩm thành công</p>
<h5 class="text-dark font-weight-bold mb-4">Xoá sản phẩm thành công</h5>
<button type="button" class="btn btn-primary" (click)="successDelete()">Tiếp tục
</button>
</div>
src/app/components/products/physical/product-list/product-list.component.html
+1 -1
View File
@@ -111,7 +111,7 @@
<!--Delete success -->
<ng-template #success>
<div class="modal-body text-center">
<p>Xoá sản phẩm thành công</p>
<h5 class="text-dark font-weight-bold mb-4">Xoá sản phẩm thành công</h5>
<button type="button" class="btn btn-primary" (click)="successDelete()">Tiếp tục</button>
</div>
</ng-template>
src/app/components/users/create-user/create-user.component.html
+1 -1
View File
@@ -447,7 +447,7 @@
<ng-template #chooseUserImage>
<div class="modal-body text-center">
<p>Vui lòng chọn 1 ảnh</p>
<h5 class="text-dark font-weight-bold mb-4">Vui lòng chọn 1 ảnh</h5>
<input class="input-image" type="file" accept="image/*" (change)="onFileSelected($event)" />
</div>
</ng-template>
src/app/shared/components/header/header.component.html
+29 -7
View File
@@ -1,10 +1,10 @@
<div class="page-main-header" [class.open]="open">
<div class="main-header-right row">
<div class="main-header-left d-lg-none col">
<div class="main-header-right row header-responsive">
<div class="main-header-left d-lg-none col res-logo">
<div class="logo-wrapper"><a [routerLink]="'/dashboard/default'"><img class="blur-up lazyloaded"
src="assets/images/dashboard/multikart-logo.png" alt=""></a></div>
</div>
<div class="mobile-sidebar col">
<div class="mobile-sidebar col res-left-sidebar">
<div class="media-body switch-sm">
<label class="switch">
<a>
@@ -15,7 +15,7 @@
</div>
</div>
<div class="nav-right col">
<ul class="nav-menus" [ngClass]="{'open' : openNav}">
<ul class="nav-menus">
<!-- <li>-->
<!-- <form class="form-inline search-form">-->
<!-- <div class="form-group">-->
@@ -96,7 +96,7 @@
<!-- </a></li>-->
<li class="onhover-dropdown">
<div class="media align-items-center"><img
class="align-self-center pull-right img-50 rounded-circle" src="{{ user?.imageUrl }}"
class="align-self-center pull-right img-50 rounded-circle border border-dark" src="{{ user?.imageUrl }}"
alt="header-user">
<div class="dotted-animation"><span class="animate-circle"></span><span
@@ -130,9 +130,31 @@
</ul>
</li>
</ul>
<div class="d-lg-none mobile-toggle pull-right" (click)="openMobileNav()">
<app-feather-icons [icon]="'more-horizontal'"></app-feather-icons>
<div class="d-lg-none mobile-toggle pull-right pt-0 d-flex flex-column " (click)="openMobileNav()">
<div class="media align-items-center">
<img class="align-self-center pull-right img-50 rounded-circle border border-dark res-icon" src="{{ user?.imageUrl }}" alt="header-user">
<!-- <div class="dotted-animation"><span class="animate-circle"></span><span class="main-circle"></span></div> -->
</div>
<div *ngIf="isMobileNavOpen" class="d-flex flex-column width-dropdown position-absolute">
<div class="py-2 px-3" *ngIf="isShop">
<a class="d-flex align-items-center " [routerLink]="['/vendors','details', shopId]">
<app-feather-icons [icon]="'user'" class="mr-2"></app-feather-icons><span class="font-weight-bold text-dark">Trang cá nhân</span>
</a>
</div>
<div class="py-2 px-3" *ngIf="!isShop">
<a class="d-flex align-items-center " [routerLink]="['/users', 'detail', loggedId]">
<app-feather-icons [icon]="'user'" class="mr-2"></app-feather-icons><span class="font-weight-bold text-dark">Trang cá nhân</span>
</a>
</div>
<div class="py-2 px-3">
<a class="d-flex align-items-center " (click)="logOut()">
<app-feather-icons [icon]="'log-out'" class="mr-2"></app-feather-icons><span class="font-weight-bold text-dark">Đăng xuất</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
src/app/shared/components/header/header.component.scss
+30 -4
View File
@@ -1,5 +1,31 @@
.width-dropdown {
width: 180px;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
border-radius: 5px;
}
width: 180px;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
border-radius: 5px;
}
@media (max-width:993px) {
.header-responsive {
display: flex;
align-items: center;
// .res-logo {
// position: absolute;
// left: 136px;
// }
// .res-icon {
// max-width: 40px;
// }
.position-absolute {
position: absolute;
top: 66px;
right: 0px;
text-align: start;
z-index: 999999;
}
}
}
src/app/shared/components/header/header.component.ts
+3 -1
View File
@@ -3,6 +3,7 @@ import { NavService } from '../../service/nav.service';
import { User } from '../../tables/user';
import { UserService } from '../../service/user.service';
import { FirebaseService } from '../../service/firebase.service';
import { threadId } from 'worker_threads';
@Component({
selector: 'app-header',
@@ -16,6 +17,7 @@ export class HeaderComponent implements OnInit {
public openNav: boolean = false;
public isOpenMobile: boolean;
public user: User;
isMobileNavOpen: boolean = false;
//Log-in
isShop: boolean = false;
@@ -44,7 +46,7 @@ export class HeaderComponent implements OnInit {
}
openMobileNav() {
this.openNav = !this.openNav;
this.isMobileNavOpen = !this.isMobileNavOpen;
}
src/assets/scss/theme/_admin_style.scss
+1
View File
@@ -3057,6 +3057,7 @@ $header-size: 80px;
margin-top: $main-header-right-nav-icon-margin-top;
width: $main-header-right-nav-icon-size;
height: $main-header-right-nav-icon-size;
display: none;
path {
color: $main-header-right-nav-icon-color;