1 2<!DOCTYPE html> 3<html lang="vi"> 4<head> 5 <title>Thư Viá»n Nhà Äất - ÄÄng nháºp</title> 6 7 <meta name="robots" content="index,follow,max-image-preview:large" /> 8 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 11 12 <meta name="theme-color" content="#003366"> 13 <meta charset="utf-8" /> 14 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 15 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 16 <meta http-equiv="content-language" content="vi" /> 17 18 <meta name="application-name" content="Thư Viá»n Nhà Äất"> 19 <meta name="apple-mobile-web-app-title" content="Thư Viá»n Nhà Äất" /> 20 <meta name="msapplication-tooltip" content="Thư Viá»n Nhà Äất"> 21 <meta name="msapplication-starturl" content="/"> 22 <meta name="msapplication-TileColor" content="#003366"> 23 <meta name="msapplication-TileImage" content="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png"> 24 25 <meta property="og:site_name" content="Thư Viá»n Nhà Äất" /> 26 <meta property="og:type" content="website" /> 27 28 <meta name="google-site-verification" content="ly9NW4W7SEBMj9z49R6ekCxjFebFyqq8CKSYgFMZTPU" /> 29 30 <link rel="icon" href="/favicon.ico" type="image/x-icon"> 31 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 32 33 <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-16x16.png"> 34 <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-32x32.png"> 35 <link rel="icon" type="image/png" sizes="64x64" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-64x64.png"> 36 <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-96x96.png"> 37 <link rel="icon" type="image/png" sizes="128x128" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png"> 38 <link rel="icon" type="image/png" sizes="256x256" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-256x256.png"> 39 <link rel="icon" type="image/png" sizes="512x512" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-512x512.png"> 40 41 <link rel="icon" type="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.svg" /> 42 43 <link rel="apple-touch-icon" sizes="64x64" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-64x64.png"> 44 <link rel="apple-touch-icon" sizes="128x128" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.png"> 45 <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/apple-touch-icon.png" /> 46 <link rel="apple-touch-icon" sizes="256x256" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-256x256.png"> 47 <link rel="apple-touch-icon" sizes="512x512" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-512x512.png"> 48 49 <link rel="mask-icon" href="https://cdn.thuviennhadat.vn/upload/images/icon/favicon/favicon-128x128.svg" color="#5bbad5"> 50 <link href="/Content/sweetalert2.min.css?v=1.0.90" rel="stylesheet" /> 51 52 53 54 55 <link href="/Library/Semantic-UI-CSS/semantic.css" rel="stylesheet" /> 56 <link href="/Content/Site.css?v=1.0.90" rel="stylesheet" /> 57 <link href="/Content/Main.css?v=?v=1.0.90" rel="stylesheet" /> 58 <link href="/Library/FontAwesome/css/font-awesome.min.css" rel="stylesheet" /> 59 <link href="/Content/modal/register.connection.css?v=1.0.90" rel="stylesheet" /> 60 61
61<script src="/Scripts/jquery-3.7.1.min.js"></script>
61 62
62<script src="/Library/Semantic-UI-CSS/semantic.js"></script>
62 63
63<script src="/Scripts/News/Detail.js?v=1.0.90"></script>
63 64
64<script src="/Library/StickyParent/Main.js"></script>
64 65 66 <link href="/Library/Calendar/calendar.css" rel="stylesheet" /> 67
67<script src="/Library/Calendar/calendar.js"></script>
67 68 69 <link rel="stylesheet" type="text/css" href="/Library/Semantic UI Alerts/dist/semantic-ui-alerts.css"> 70
70<script type="text/javascript" src="/Library/Semantic UI Alerts/dist/semantic-ui-alerts.js"></script>
70 71 72 <!-- lazy loading image jsDeliver --> 73
73<script type="text/javascript" src="/Library/LazyLoading/jquery.lazy-master/jquery.lazy.min.js"></script>
73 74
74<script type="text/javascript" src="/Library/LazyLoading/jquery.lazy-master/jquery.lazy.plugins.min.js"></script>
74 75 76 <!-- Zalo SDK --> 77
77<script src="https://sp.zalo.me/plugins/sdk.js"></script>
77 78 79 80 <!-- Google Tag Manager --> 81
81<script>
vendor: 527 bytes, lines 81-89
81 82 (function (w, d, s, l, i) { 83 w[l] = w[l] || []; w[l].push({ 84 'gtm.start': 85 new Date().getTime(), event: 'gtm.js' 86 }); var f = d.getElementsByTagName(s)[0], 87 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 88 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 89 })(window, document, 'script', 'dataLayer', '
89GTM-KM7D4R5C
vendor: 13 bytes, lines 89-90
89'); 90
90</script>
90 91 <!-- End Google Tag Manager --> 92 93
93<script> 94 var isOnlyMobileMode = $(window).innerWidth() < 480; 95 var isMobile_TabletMode = $(window).innerWidth() < 979; 96 var isOnlyTabletMode = $(window).innerWidth() < 979 && $(window).innerWidth() > 480; 97 </script>
97 98 99 100 101 102 103 <style> 104 105 ins.adsbygoogle[data-ad-status="unfilled"] { 106 display: none !important; 107 } 108 109 #main-content { 110 text-align: unset; 111 } 112 113 .introduction { 114 text-align: unset !important; 115 } 116 117 @media only screen and (min-width: 768px) and (max-width: 991px) { 118 .ui.container { 119 width: unset !important; 120 margin-left: 16px !important; 121 margin-right: 16px !important; 122 } 123 124 .ui.grid.container { 125 width: unset !important; 126 } 127 128 .ui.relaxed.grid.container { 129 width: unset !important; 130 } 131 132 .ui.very.relaxed.grid.container { 133 width: unset !important; 134 } 135 } 136 137 /* Small Monitor */ 138 139 /* @media only screen and (min-width: 992px) and (max-width: 1199px) { 140 .ui.container { 141 width: unset !important; 142 margin-left: 2rem !important; 143 margin-right: 2rem !important; 144 } 145 146 .ui.grid.container { 147 width: unset !important; 148 } 149 150 .ui.relaxed.grid.container { 151 width: unset !important; 152 } 153 154 .ui.very.relaxed.grid.container { 155 width: unset !important; 156 } 157 }*/ 158 159 160 .brand-name { 161 position: relative; 162 padding-top: 20px; 163 /*font-family: 'Times New Roman';*/ 164 font-weight: bold; 165 } 166 167 .brand-name .br-1 { 168 color: var(--primary-color); 169 } 170 171 .brand-name .br-2 { 172 color: var(--secondary-color); 173 } 174 175 .brand-name .br-3 { 176 position: absolute; 177 top: 9px; 178 right: 0px; 179 color: var(--primary-color); 180 font-size: 0.6em; 181 } 182 183 184 .ui.primary.buttons .button, .ui.primary.button { 185 background-color: var(--primary-color); 186 } 187 188 .ui.secondary.buttons .button, .ui.secondary.button { 189 background-color: var(--secondary-color); 190 } 191 192 .ui.negative.buttons .button, .ui.negative.button { 193 background-color: var(--alert-error); 194 } 195 196 /* Tooltip styling */ 197 .tooltip { 198 position: absolute; 199 display: none; /* Initially hidden */ 200 z-index: 10; 201 } 202 203 /* Tooltip button styling */ 204 .tooltip button { 205 background-color: #333; 206 color: #fff; 207 border: none; 208 padding: 5px 10px; 209 border-radius: 5px; 210 cursor: pointer; 211 } 212 213 #report-news-content { 214 background-color: ghostwhite; 215 padding: 8px 16px; 216 } 217 218 219 .link:hover { 220 background-size: 100% 100%; 221 } 222 223 .link { 224 background-image: linear-gradient(transparent calc(100% - 1px), var(--text-highlight) 1px); 225 background-size: 0 100%; 226 background-repeat: no-repeat; 227 transition: all 0.6s ease, -webkit-transform 0.6s ease; 228 } 229 230 .btn-secondary { 231 background-color: var(--secondary-color) !important; 232 color: var(--background-main) !important; 233 } 234 235 .btn-secondary-outline { 236 background-color: var(--background-main) !important; 237 color: var(--secondary-color) !important; 238 border: 2px solid var(--secondary-color) !important; 239 } 240 241 @media not all and (hover: none) { 242 .btn-secondary:hover { 243 opacity: 0.8; 244 } 245 246 .btn-muted:hover { 247 opacity: 0.8; 248 } 249 250 .btn-secondary-outline:hover { 251 background-color: var(--secondary-color) !important; 252 color: var(--background-main) !important; 253 border: 2px solid var(--secondary-color) !important; 254 } 255 } 256 257 .btn-muted { 258 background-color: var(--text-muted) !important; 259 color: var(--background-main) !important; 260 } 261 262 263 /* .loader-center { 264 position: fixed; 265 left: 0px; 266 top: 0px; 267 width: 100%; 268 height: 100%; 269 z-index: 9999; 270 }*/ 271 272 h1, h2, h3 { 273 line-height: 145%; 274 } 275 276 .padding-0 { 277 padding: 0; 278 } 279 280 .login-bar-header user-sign-in { 281 margin-bottom: 0 !important; 282 margin-top: 0 !important; 283 } 284 285 .margin-left-5 { 286 margin-left: 5px; 287 } 288 289 .align-items-center { 290 display: flex; 291 align-items: center; 292 } 293 294 .margin-left-auto { 295 margin-left: auto !important; 296 } 297 298 .justify-content-header { 299 display: flex; 300 justify-content: space-between; 301 margin-top: 0 !important; 302 } 303 304 #main-content table { 305 border-collapse: collapse; 306 width: 100% !important; 307 margin: 1em 0; 308 border: 1px solid rgba(34,36,38,.15); 309 } 310 311 #main-content table thead th { 312 background: #f9fafb; 313 padding: 12px 15px; 314 text-align: left; 315 font-weight: bold; 316 border: 1px solid rgba(34,36,38,.15); 317 } 318 319 #main-content table tbody td { 320 padding: 12px 15px; 321 border: 1px solid rgba(34,36,38,.15); 322 } 323 324 #main-content table.ui.celled { 325 border: none; 326 } 327 328 #main-content table.ui.celled td, 329 #main-content table.ui.celled th { 330 border: 1px solid rgba(34,36,38,.15); 331 } 332 333 @media only screen and (max-width: 767px) { 334 335 #main-content table thead th { 336 padding: 3px; 337 } 338 339 #main-content table tbody td { 340 padding: 3px; 341 } 342 343 .ui.sidebar.menu .item { 344 padding-top: 8.5px; 345 padding-bottom: 8.5px; 346 } 347 348 .dropdown-title-left i { 349 line-height: 24px; 350 height: 100%; 351 } 352 } 353 354 @media (max-width: 480px) { 355 a { 356 -webkit-tap-highlight-color: transparent; 357 -webkit-focus-ring-color: transparent; 358 outline: none; 359 } 360 361 .breadcrumb .ui.dropdown .menu > .item { 362 max-width: 175px; 363 padding: 8px !important; 364 } 365 366 .ui.dropdown .menu > * { 367 white-space: normal !important; 368 } 369 } 370 371 /* Full-screen overlay */ 372 .loading-overlay { 373 position: fixed; 374 top: 0; 375 left: 0; 376 width: 100vw; 377 height: 100vh; 378 background: rgb(255 255 255); 379 /*background: rgba(0, 0, 0, 0.8);
379*/ /* Dark background */ 380 display: flex; 381 justify-content: center; 382 align-items: center; 383 z-index: 9999; 384 color: var(--primary-color); 385 } 386 387 /* Spinning loader */ 388 .loader { 389 width: 50px; 390 height: 50px; 391 /* border: 5px solid rgba(255, 255, 255, 0.3); 392 border-top: 5px solid #fff;*/ 393 border-radius: 50%; 394 animation: spin 1s linear infinite; 395 border: 5px solid rgb(16 1 1 / 30%); 396 border-top: 5px solid #4a4444; 397 } 398 399 @keyframes spin { 400 0% { 401 transform: rotate(0deg); 402 } 403 404 100% { 405 transform: rotate(360deg); 406 } 407 } 408 409 .img_lazy_list { 410 width: 100% !important; 411 max-width: 100% !important; 412 } 413 414 .img-item-list-post { 415 width: 100% !important; 416 border-radius: 5px; 417 aspect-ratio: 16 / 10; 418 object-fit: cover; 419 } 420 421 .swal-small-newuser { 422 width: 350px !important; /* hoặc nhỠhơn tuỳ ý */ 423 font-size: 13px; 424 } 425 426 .swal2-popup a:focus { 427 outline: none !important; 428 box-shadow: none !important; 429 } 430 431 432 433 .lbl-err { 434 background-color: #ffeceb; 435 color: #e53c31; 436 padding: 3px; 437 border-radius: 3px; 438 } 439 440 .lbl-suss { 441 background-color: #e7fff4; 442 color: #07a36b; 443 padding: 3px; 444 border-radius: 3px; 445 } 446 447 .lbl-dis { 448 background-color: #e7fff4; 449 color: #07a36b; 450 padding: 3px; 451 border-radius: 3px; 452 } 453 454 .lbl-nom { 455 background-color: #f0eaf4; 456 color: #845db0; 457 padding: 3px; 458 border-radius: 3px; 459 } 460 461 .tippy-box[data-theme~='light-border'] { 462 background-color: #e0f2f1 !important; 463 color: #000 !important; 464 border: 1px solid #4db6ac !important; 465 } 466 467 .tippy-box[data-theme~='light-border'][data-placement^='top'] > .tippy-arrow::before { 468 border-top-color: #e0f2f1 !important; 469 } 470 471 .tippy-box[data-theme~='light-border'][data-placement^='bottom'] > .tippy-arrow::before { 472 border-bottom-color: #e0f2f1 !important; 473 } 474 475 .tippy-box[data-theme~='light-border'][data-placement^='left'] > .tippy-arrow::before { 476 border-left-color: #e0f2f1 !important; 477 } 478 479 .tippy-box[data-theme~='light-border'][data-placement^='right'] > .tippy-arrow::before { 480 border-right-color: #e0f2f1 !important; 481 } 482 </style> 483 484 <link href="/Content/Layout/layout.css?v=1.0.90" rel="stylesheet" /> 485 486</head> 487 488<body> 489 490 491 492 <!-- Google Tag Manager (noscript) -->
vendor: 91 bytes, lines 492-494
492 493 <noscript> 494 <iframe src="https://www.googletagmanager.com/ns.html?id=
494GTM-KM7D4R5C
vendor: 123 bytes, lines 494-497
494" 495 height="0" width="0" style="display:none;visibility:hidden"></iframe> 496 </noscript> 497
497<!-- End Google Tag Manager (noscript) --> 498 499 <!-- Full-screen loader --> 500 501 502 503 504<style> 505 506 .ui.left.sidebar { 507 width: 300px; 508 } 509 510 .menu-left-content .item { 511 padding-left: unset !important; 512 } 513 514 .menu-left-content .item a, .menu-left-content .item i { 515 color: black !important; 516 } 517 518 .ui.sidebar.menu .item { 519 padding-top: 8.5px; 520 padding-bottom: 8.5px; 521 padding-right: 10px; 522 } 523 524 .user-login { 525 display: inline-block; 526 max-width: 100px; 527 white-space: nowrap; 528 overflow: hidden; 529 text-overflow: ellipsis; 530 } 531 532 .ui.sidebar.menu .sub-menu, 533 .ui.sidebar.menu .sub-menu-level-2 { 534 list-style: none !important; 535 padding-left: 25px; 536 margin-top: .5rem; 537 } 538</style> 539 540<div class="ui sidebar inverted vertical menu sidebar-left-menu" style="background-color: lightgray !important; height: 100dvh !important;"> 541 <div class="column menu-left login-bar" style="background-color: #fff !important;"> 542 <div class="column login-bar-header justify-content-header" style="margin-bottom: 20px;"> 543 <div class="ui inline ui simple dropdown item user-sign-in flex-center" style="display:none; margin-bottom: 0!important;"> 544 <div class="text" style="color: black; display: flex; align-items: center;"> 545 <img class="ui avatar image user-avatar" src="" loading="lazy"> 546 <div style="text-align: left;"> 547 <a class="dropdown-title user-login" id="user-login-mobile" style="margin-bottom:6px;"></a><br /> 548 <span class="user-loggedin-balance" style="font-weight: normal;display:none;">Tài khoản: <b>0</b></span> 549 </div> 550 </div> 551 </div> 552 553 554 <div id="notify-toast-mobile" style="align-content: center; padding-right: 1rem"></div> 555 556 </div> 557 558 <div class="ui buttons" style="justify-content: center; align-items: center; width: 100%; position: absolute; top: 0%; left: 0%; "> 559 <button class="ui left button login text-primary" style="margin: 6px; border-radius: 8px; background: none; border: 0.5px solid; " id="login-button">ÄÄng nháºp</button> 560 <button class="right ui button login text-primary" style="margin: 6px; border-radius: 8px; background-color: var(--text-highlight); color: var(--background-main) !important " id="register-button">ÄÄng ký</button> 561 </div> 562 563 <div class="ui stackable two column grid" style="justify-content:center; margin-top: 0; padding: 10px; gap:12px;"> 564 565 566<a class="ui button btn-secondary tvnd-button --button-create-post" href="/dang-tin" style="border-radius:8px;"> 567 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 17h7m5-1h3m0 0h3m-3 0v3m0-3v-3M3 12h11M3 7h11" /></svg> 568 ÄÄng tin 569</a> 570 571 572 <a class="ui button tvnd-btn-circle --button-deposit" style ="font-weight:500" href="/giao-dich/nap-tien"> 573 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v8a2 2 0 0 0 2 2h6M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M3 9h18m0 0v3M7 13h5m6 2v3m0 3v-3m0 0h-3m3 0h3" /></svg> 574 Nạp tiá»n 575 </a> 576 577 578 <a href="/goi-hoi-vien/dang-ky" style="display: flex; border-radius: 10px;"> 579 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerHVP1.png" style="width: calc(100% + 2px); height: auto; margin: 0 -1px; border-radius: 10px;" /> 580 </a> 581 582 </div> 583 584 </div> 585 586 <div style="background-color: #fff !important;"> 587 <ul class="menu-left-content user-sign-in" style="margin-bottom: 0 !important; padding-right: 0;"> 588 589 <li class="item"> 590 <a href="/tai-khoan/tong-quan" class="align-items-center"> 591 <img src="/Assets/img/pie-chart.svg" />
592 <span class="margin-left-5"> TôÌng quan</span> 593 </a> 594 </li> 595 <li class="item"> 596 <a href="/tai-khoan/quan-ly-tin-dang" class="align-items-center"> 597 <img src="/Assets/img/litsting.svg" /> 598 <span class="margin-left-5"> Quản lý tin ÄÄng</span> 599 </a> 600 </li> 601 602 <li class="item"> 603 <a href="/goi-hoi-vien/dang-ky" style="padding-right: 0;"> 604 <i class="users icon" style="margin: 0; width: 20px;margin-right: 8px;"></i> 605 <span>Gói há»i viên</span> <span class="ui red label small pull-right" style="margin: 0 0 0 4px; font-weight: 500; padding: 0.3em 0.78571429em">Tiết kiá»m Äến 40%</span> 606 </a> 607 </li> 608 609 <li class="item"> 610 <a href="/tai-khoan/quan-ly-khach-hang" class="align-items-center"> 611 <img src="/Assets/img/notebook.svg" /> 612 <span class="margin-left-5"> Quản lý khách hà ng</span> 613 </a> 614 </li> 615 616 <li class="item"> 617 <a href="/tai-khoan/quan-ly-khuyen-mai" class="align-items-center"> 618 <img src="/Assets/img/ticket-voucher.svg" alt="icon-voucher" style="height: 24px; width: 24px;" /> 619 <span class="margin-left-5"> Quản lý khuyến mãi</span> 620 </a> 621 </li> 622 623 <li class="item"> 624 <a href="/tai-khoan/danh-sach-tin-da-luu" class="align-items-center"> 625 <img src="/Assets/img/heart.svg" /> 626 <span class="margin-left-5">Tin ÄÄng Äã lưu</span> 627 </a> 628 </li> 629 </ul> 630 <ul class="menu-left-content" style="padding-right: 0; padding-left: 10px; margin-top:0;"> 631 632 633 634 <li class="item"> 635 <a href="/" class="align-items-center"> 636 <img src="/Assets/img/home.svg" /> 637 <span class="margin-left-5">Trang chá»§</span> 638 </a> 639 640 </li> 641 642 <li class="item"> 643 <a href="/bang-gia-dat-moi-nhat-2026" class="align-items-center"> 644 645 646 <i class="icon search" style="font-size:18px"></i> 647 <span class="margin-left-5">Tra cứu giá Äất 2026</span> 648 </a> 649 <div style="margin-top:27px !important; left: 180px !important" class="floating ui red label lable-animation"></div> 650 </li> 651 652 653 <li class="item"> 654 <div style="width:100%"> 655 <div class="dropdown-title-left align-items-center"> 656 <img src="/Assets/img/all.svg" /> 657 <a style="color:white" href="/ban-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"><span class="margin-left-5">Nhà Äất bán</span></a> 658 <i class="caret down icon margin-left-auto"></i> 659 </div> 660 <ul class="sub-menu" hidden> 661 <li> 662 <a class="item" href="/ban-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 663 CÄn há» chung cư 664 </a> 665 </li> 666 <li> 667 <a class="item" href="/ban-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 668 Nhà tái Äá»nh cư 669 </a> 670 </li> 671 <li> 672 <a class="item" href="/ban-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 673 Chung cư mini, cÄn há» dá»ch vụ 674 </a> 675 </li> 676 <li> 677 <a class="item" href="/ban-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 678 Nhà riêng 679 </a> 680 </li> 681 <li> 682 <a class="item" href="/ban-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 683 Nhà biá»t thá»±, liá»n ká» 684 </a> 685 </li> 686 <li> 687 <a class="item" href="/ban-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 688 Nhà mặt phá» 689 </a> 690 </li> 691 <li> 692 <a class="item" href="/ban-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 693 Nhà phá» thương mại 694 </a> 695 </li> 696 <li> 697 <a class="item" href="/ban-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 698 Shophouse 699 </a> 700 </li> 701 <li> 702 <a class="item" href="/ban-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 703 Condotel 704 </a> 705 </li> 706 <li> 707 <a class="item" href="/ban-dat-o-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 708 Äất 709 </a> 710 </li> 711 <li> 712 <a class="item" href="/ban-dat-nen-du-an-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 713 Äất ná»n dá»± án 714 </a> 715 </li> 716 <li> 717 <a class="item" href="/ban-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 718 Kho, nhà xưá»ng 719 </a> 720 </li> 721 <li> 722 <a class="item" href="/ban-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 723 Bất Äá»ng sản khác 724 </a> 725 </li> 726 </ul> 727 </div> 728 </li> 729 <li class="item"> 730 <div style="width:100%"> 731 <div class="dropdown-title-left align-items-center"> 732 <img src="/Assets/img/complex.svg" /> 733 <a style="color:white" href="/cho-thue-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"><span class="margin-left-5">Nhà Äất cho thuê</span></a> 734 <i class="caret down icon margin-left-auto"></i> 735 </div> 736 <ul class="sub-menu" hidden> 737 <li> 738 <a class="item" href="/cho-thue-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 739 CÄn há» chung cư 740 </a> 741 </li> 742 <li> 743 <a class="item" href="/cho-thue-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 744 Chung cư mini, cÄn há» dá»ch vụ 745 </a> 746 </li> 747 <li> 748 <a class="item" href="/cho-thue-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 749 Nhà riêng 750 </a> 751 </li> 752 <li> 753 <a class="item" href="/cho-thue-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 754 Nhà biá»t thá»±, liá»n ká» 755 </a> 756 </li> 757 <li> 758 <a class="item" href="/cho-thue-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 759 Nhà mặt phá» 760 </a> 761 </li> 762 <li> 763 <a class="item" href="/cho-thue-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 764 Nhà phá» thương mại 765 </a> 766 </li> 767 <li> 768 <a class="item" href="/cho-thue-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 769 Nhà tái Äá»nh cư 770 </a> 771 </li> 772 <li> 773 <a class="item" href="/cho-thue-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 774 Shophouse 775 </a> 776 </li> 777 <li> 778 <a class="item" href="/cho-thue-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 779 Condotel 780 </a> 781 </li> 782 <li> 783 <a class="item" href="/cho-thue-nha-tro-phong-tro-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 784 Nhà trá», phòng trá» 785 </a> 786 </li> 787 <li> 788 <a class="item" href="/cho-thue-van-phong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 789 VÄn phòng 790 </a> 791 </li> 792 <li> 793 <a class="item" href="/cho-thue-cua-hang-ki-ot-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 794 Mặt bằng kinh doanh, cá»a hà ng, kiot 795 </a> 796 </li> 797 <li> 798 <a class="item" href="/cho-thue-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 799 Kho, nhà xưá»ng 800 </a> 801 </li> 802 <li> 803 <a class="item" href="/cho-thue-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header"> 804 Bất Äá»ng sản khác 805 </a> 806 </li> 807 </ul> 808 </div> 809 </li> 810 <li class="item"> 811 <div style="width:100%"> 812 <div class="dropdown-title-left align-items-center"> 813 <img src="/Assets/img/apartment.svg" /> 814 <a style="color:white" href="/du-an-bat-dong-san"><span class="margin-left-5">Dá»± án</span></a> 815 <i class="caret down icon margin-left-auto"></i> 816 </div> 817 <ul class="sub-menu" hidden> 818 <li> 819 <a class="item" href="/du-an-can-ho-chung-cu"> 820 CÄn há» chung cư 821 </a> 822 </li> 823 <li> 824 <a class="item" href="/du-an-nha-tai-dinh-cu"> 825 Nhà tái Äá»nh cư 826 </a> 827 </li> 828 <li> 829 <a class="item" href="/du-an-cao-oc-van-phong"> 830 Cao á»c vÄn phòng 831 </a> 832 </li> 833 <li> 834 <a class="item" href="/du-an-dat-chan-nuoi"> 835 Äất chÄn nuôi 836 </a> 837 </li> 838 <li> 839 <a class="item" href="/du-an-trung-tam-thuong-mai"> 840 Trung tâm thương mại 841 </a> 842 </li> 843 <li> 844 <a class="item" href="/du-an-biet-thu-l
844ien-ke"> 845 Biá»t thá»±, liá»n ká» 846 </a> 847 </li> 848 <li> 849 <a class="item" href="/du-an-nha-mat-pho"> 850 Nhà mặt phá» 851 </a> 852 </li> 853 <li> 854 <a class="item" href="/du-an-nha-hem"> 855 Nhà hẻm 856 </a> 857 </li> 858 <li> 859 <a class="item" href="/du-an-khu-do-thi-moi"> 860 Khu Äô thá» má»i 861 </a> 862 </li> 863 <li> 864 <a class="item" href="/du-an-khu-phuc-hop"> 865 Khu phức hợp 866 </a> 867 </li> 868 <li> 869 <a class="item" href="/du-an-nha-o-xa-hoi"> 870 Nhà Ỡxã há»i 871 </a> 872 </li> 873 <li> 874 <a class="item" href="/du-an-khu-cong-nghiep"> 875 Khu công nghiá»p 876 </a> 877 </li> 878 <li> 879 <a class="item" href="/du-an-khac"> 880 Dá»± án khác 881 </a> 882 </li> 883 <li> 884 <a class="item" href="/du-an-shophouse"> 885 Shophouse 886 </a> 887 </li> 888 <li> 889 <a class="item" href="/du-an-dat-nen"> 890 ÄâÌt nêÌn 891 </a> 892 </li> 893 <li> 894 <a class="item" href="/du-an-condotel"> 895 Condotel 896 </a> 897 </li> 898 </ul> 899 </div> 900 </li> 901 <li class="item"> 902 <div style="width:100%"> 903 <div class="dropdown-title-left align-items-center"> 904 <img src="/Assets/img/news.svg" /> 905 <a style="color:white" href="/thi-truong-bat-dong-san"><span class="margin-left-5">Thông tin nhaÌ ÄâÌt</span></a> 906 <i class="caret down icon margin-left-auto"></i> 907 </div> 908 <ul class="sub-menu" hidden> 909 <li class="item"> 910 <div class="dropdown-title-level-2 align-items-center" style="width:100%"> 911 <a href="/cam-nang-nha-dat">Cẩm nang nhà Äất</a> 912 <i class="caret down icon margin-left-auto"></i> 913 </div> 914 <ul class="sub-menu-level-2" hidden> 915 916 <li> 917 <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/kinh-nghiem-mua-ban-cho-thue"> 918 Kinh nghiá»m mua bán cho thuê 919 </a> 920 </li> 921 <li> 922 <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/phong-thuy-nha-dat"> 923 Phong thá»§y nhà Äất 924 </a> 925 </li> 926 <li> 927 <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/thuat-ngu-nha-dat"> 928 Thuáºt ngữ nhà Äất 929 </a> 930 </li> 931 <li> 932 <a class="item" href="/cam-nang-nha-dat/cam-nang-nha-dat/vat-lieu-xay-dung"> 933 Váºt liá»u xây dá»±ng 934 </a> 935 </li> 936 </ul> 937 </li> 938 <li class="item"> 939 <div class="dropdown-title-level-2 align-items-center" style="width:100%"> 940 <a href="/khong-gian-song">
940Không gian sá»ng </a> 941 <i class="caret down icon margin-left-auto"></i> 942 </div> 943 <ul class="sub-menu-level-2" hidden> 944 945 <li> 946 <a class="item" href="/khong-gian-song/khong-gian-song/nha-dep-vuon-dep"> 947 Nhà Äẹp, vưá»n Äẹp 948 </a> 949 </li> 950 <li> 951 <a class="item" href="/khong-gian-song/khong-gian-song/noi-that-ngoai-that"> 952 Ná»i thất, ngoại thất 953 </a> 954 </li> 955 <li> 956 <a class="item" href="/khong-gian-song/khong-gian-song/thiet-bi-gia-dung"> 957 Thiết bá» gia dụng 958 </a> 959 </li> 960 961 962 </ul> 963 </li> 964 <li class="item"> 965 <div class="dropdown-title-level-2 align-items-center" style="width:100%"> 966 <a href="/tai-chinh-bat-dong-san">Tà i chÃnh bâÌt Äộng saÌn</a> 967 </div> 968 <ul class="sub-menu-level-2" hidden> 969 970 971 </ul> 972 </li> 973 <li class="item"> 974 <div class="dropdown-title-level-2 align-items-center" style="width:100%"> 975 <a href="/thi-truong-bat-dong-san">Thá» trưá»ng bất Äá»ng sản</a> 976 </div> 977 <ul class="sub-menu-level-2" hidden> 978 979 </ul> 980 </li> 981 </ul> 982 </div> 983 </li> 984 <li class="item"> 985 <div style="width:100%"> 986 <div class="dropdown-title-left align-items-center"> 987 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/balance_menu.png" style="height:24px; width:24px;" alt="Thuviennhadat.vn" /> 988 <a style="color:white" href="/phap-ly-nha-dat" class="align-items-center"><span class="margin-left-5">Pháp lý nhà Äất</span></a> 989 <i class="caret down icon margin-left-auto"></i> 990 </div> 991 <ul class="sub-menu" hidden> 992 <li> 993 <a class="item" href="/phap-ly-nha-dat/chinh-sach-moi-ve-nha-dat"> 994 ChÃnh sách má»i vá» nhà Äất 995 </a> 996 </li> 997 <li> 998 <a class="item" href="/phap-ly-nha-dat/ho-so-thu-tuc-nha-dat"> 999 Há» sÆ¡, thá»§ tục nhà Äất 1000 </a> 1001 </li> 1002 <li> 1003 <a class="item" href="/phap-ly-nha-dat/phap-luat-ve-bat-dong-san"> 1004 Pháp luáºt vá» bất Äá»ng sản 1005 </a> 1006 </li> 1007 <li> 1008 <a class="item" href="/phap-ly-nha-dat/quy-hoach-dat-dai"> 1009 Quy hoạch Äất Äai 1010 </a> 1011 </li> 1012 <li> 1013 <a class="item" href="/phap-ly-nha-dat/thong-tin-bat-dong-san"> 1014 Thông tin bất Äá»ng sản 1015 </a> 1016 </li> 1017 <li> 1018 <a class="item" href="/phap-ly-nha-dat/tu-van-phap-ly-nha-dat"> 1019 Tư vấn pháp lý nhà Äất 1020 </a> 1021 </li> 1022 </ul> 1023 </div> 1024 </li> 1025 <li class="item user-sign-in"> 1026 <div style="width: 100%; "> 1027 <div class="dropdown-title-left align-items-center"> 1028 <img class="img-icon-user" style=" width: 24px !important; margin-right:0px !important;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png">
1029 <span class="text-primary margin-left-5">Quản lý TK Cá nhân</span> 1030 <i class="caret down icon margin-left-auto"></i> 1031 </div> 1032 <ul class="sub-menu" hidden> 1033 <li> 1034 <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=2"> 1035 Cà i Äặt tà i khoản 1036 </a> 1037 </li> 1038 <li> 1039 <a class="item" href="/tai-khoan/quyen-doi-voi-du-lieu-ca-nhan"> 1040 Quyá»n Äá»i vá»i DLCN 1041 </a> 1042 </li> 1043 <li> 1044 <a class="item" id="broker-now"> 1045 Môi giá»i chuyên nghiá»p 1046 </a> 1047 </li> 1048 <li> 1049 <a class="item" href="/tai-khoan/lich-su-giao-dich"> 1050 Lá»ch sá» giao dá»ch 1051 </a> 1052 </li> 1053 </ul> 1054 </div> 1055 </li> 1056 <li class="item user-sign-in"> 1057 <a class="align-items-center" href="/tai-khoan/thong-tin-ca-nhan?type=1"> 1058 <img src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/gear_11386565.png" width="24" /> 1059 <span class="margin-left-5">Chá»nh sá»a thông tin cá nhân</span> 1060 </a> 1061 </li> 1062 <li class="item"> 1063 <div style="width:100%; display:flex;"> 1064 <a href="/nha-moi-gioi" class="dropdown-title-left align-items-center"> 1065 <img src="/Assets/img/notebook.svg" /> 1066 <span class="text-primary margin-left-5">Chuyên trang môi giá»i</span> 1067 </a> 1068 </div> 1069 </li> 1070 <li class="item"> 1071 <div style="width:100%; display:flex;"> 1072 <a href="/moi-gioi" class="dropdown-title-left align-items-center"> 1073 <img src="/Assets/img/notebook.svg" /> 1074 <span class="text-primary margin-left-5">Danh bạ môi giá»i</span> 1075 </a> 1076 </div> 1077 </li> 1078 <li class="item user-sign-in"> 1079 <div style="width: 100%;"> 1080 <a class="align-items-center" href="/huong-dan-su-dung/bang-gia-dang-tin.html"> 1081 <img class="img-icon-user" style=" width: 24px !important; margin-right:0px !important;" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/paper_10901929.png"> 1082 <span class="text-primary margin-left-5">Báo giá vaÌ Hưá»ng dẫn</span> 1083 1084 </a> 1085 </div> 1086 </li> 1087 </ul> 1088 </div> 1089 1090 <div style="margin-bottom: 18px; margin-top: 5px;"> 1091 <div class="item" style="background-color: lightgray; padding-top: 0px;"> 1092 <a href="/lien-he.html" class="align-items-center text-primary"> 1093 <span>Góp ý - Báo lá»i</span> 1094 </a> 1095 </div> 1096 <div class="menu-left-content user-sign-in margin-left-5"> 1097 <a id="user-sign-out-mobile" onclick="signOut()" style="color:black;font-size:14px!important"> 1098 <span>ÄÄng xuất</span> 1099 </a> 1100 </div> 1101 </div> 1102 1103</div> 1104
1105<script> 1106 1107 $('.dropdown-title-left').click(function (event) { 1108 1109 var $subMenu = $(this).next('.sub-menu'); 1110 1111 if ($subMenu.is(':hidden')) { 1112 $subMenu.slideDown(); 1113 } else { 1114 $subMenu.slideUp(); 1115 } 1116 }); 1117 1118 $(".dropdown-title-level-2").click(function (event) { 1119 var $subMenu = $(this).next('.sub-menu-level-2'); 1120 1121 if ($subMenu.is(':hidden')) { 1122 $subMenu.slideDown(); 1123 } else { 1124 $subMenu.slideUp(); 1125 } 1126 }); 1127</script>
1127 1128 1129 <!-- Tooltip button --> 1130 <div id="report-content-tooltip" class="tooltip"> 1131 <button onclick="reportContentModal()">Báo cáo ná»i dung</button> 1132 </div> 1133 <!-- Tooltip button --> 1134 <!-- Modal report content --> 1135 <div class="ui tiny modal content-report-modal"> 1136 <div class="ui header"> 1137 <i class="exclamation triangle icon yellow"></i> Báo lá»i ná»i dung bà i viết 1138 </div> 1139 <div class="content"> 1140 <form class="ui form"> 1141 <div class="field"> 1142 <label>Ná»i dung lá»i</label> 1143 <div id="report-news-content" type="text"></div> 1144 </div> 1145 <div class="field"> 1146 <label>Mô tả sá»a lá»i</label> 1147 <textarea id="report-description" type="text" rows="4" name="reportDescription"></textarea> 1148 </div> 1149 <div class="field"> 1150 <label>Email cá»§a bạn</label> 1151 <input id="reporter-email" type="email" rows="4" name="reporterEmail" /> 1152 </div> 1153 <div class="ui error message"></div> 1154 1155 <div class="actions"> 1156 <div class="ui red cancel inverted button" style="margin: 0;"> 1157 <i class="remove icon"></i> Há»§y 1158 </div> 1159 <div class="ui green submit button" style="float: right; margin: 0;" onsubmit="submitReport(this)"> 1160 <i class="checkmark icon"></i> Báo cáo lá»i 1161 </div> 1162 </div> 1163 </form> 1164 </div> 1165 </div> 1166 <!-- Modal report content --> 1167 <!-- Modal report content --> 1168 <div class="ui tiny modal content-report-thanks-modal"> 1169 <div class="ui header"> 1170 <i class="exclamation thumbs up outline icon blue"></i> 1171 Báo lá»i thà nh công 1172 </div> 1173 <div class="ui content"> 1174 <p> 1175 Cám Æ¡n bạn Äã gá»i báo lá»i ná»i dung, chúng tôi sẽ kiá»m tra và chá»nh sá»a trong thá»i gian sá»m nhất 1176 </p> 1177 </div> 1178 <div class="actions"> 1179 <div class="ui green ok button"> 1180 <i class="checkmark icon"></i> Äóng 1181 </div> 1182 </div> 1183 </div> 1184 <!-- Modal report content --> 1185 1186 <div class="ui pusher"> 1187 <div id="mbbellthuviennhadatvn-rkGqqlxdVF"></div> 1188 1189 1190<link href="/Content/shared.header.css?v=1.0.90" rel="stylesheet" /> 1191 1192<div id="header" class="header header-sticky"> 1193 <div class="ui container header-container" style="margin:0 !important"> 1194 <div class="mobile-menu-button" style="width: 100% !important; padding: 4px 0;"> 1195 <div class="mobile-header" style="display: flex; justify-content: space-between; width: 100%; height: 50px"> 1196 <div class="ui menu-button" style="padding: 0; display: flex; gap: .5rem; align-items: center; color: var(--primary-color);margin-top: 4px;"> 1197 1198 <div id="menu-left-mobile"> 1199 <a class="ui icon-button"> 1200 <i class="large sidebar icon" style="margin: 0;"></i> 1201 </a> 1202 </div> 1203 1204 1205 1206 1207 1208 <div id="notify-favorite-mobile" style="display:none"> 1209 <a href="/tai-khoan/danh-sach-tin-da-luu" class="icon-button"> 1210 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M6.992 12.395L1.597 7.4c-2.94-2.957 1.349-8.68 5.395-4.05c4.045-4.617 8.375 1.107 5.394 4.05z" /></svg> 1211 </a> 1212 </div> 1213 1214 </div> 1215 <div class="logo-mobile-version" style="display:none"> 1216 <a class="logo mobile-logo-scroll" href="/" style="display: flex; align-items: center; width: 100% !important; top: 4px; position: absolute;"> 1217 <img id="logo-img-mobile" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" class="img-fluid" width="48" height="48" loading="lazy" /> 1218 <strong class="brand-name" style="font-size: 22px; padding-top: 0; padding-left: 5px;"><span class="br-1">ThuVien</span><span class="br-2">NhaDat</span><span class="br-3" style="top: -14px;">.vn</span></strong> 1219 </a> 1220 <div class="mobile-search-scroll" style="display:none;"> 1221 <div class="kinhdoanh-view mobile-search-container" style="display: none; margin-bottom: 2%;"> 1222 <div class="ui icon input mobile-input-search"> 1223 <input class="mobile-input-text" type="text" placeholder="Trên toà n quá»c" readonly> 1224 <div class="mobile-searchbox" id="mobile-searchbox"> 1225 </div> 1226 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/magnifying-glass.png" class="mobile-search-icon" style="background-color: #4CAF50 !important; opacity: 5 !important; width: 28px; height: 28px; border-radius: 4px; position: absolute; right: 2%; " alt="Tìm kiếm" loading="lazy" /> 1227 </div> 1228 </div> 1229 </div> 1230 </div> 1231 </div> 1232 1233 1234 1235 1236 <div class="flex-2 cs-search-container__mobile" style="display: none;"> 1237 1238 1239 <div class="ui action d-flex gap-x1 cs-search-box"> 1240 <div class="flex-2 cs-search-box__imput"> 1241 <form class="cs-search__form"> 1242 <input class="w-100 cs-search__imput" placeholder="" value="" /> 1243 </form> 1244 </div> 1245 <div class="d-flex align-items-center cs-search-box__btn cs-search-box__btn-clear" style="display: none;"> 1246 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
1247 <path fill="currentColor" d="M12 20c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-18C6.47 2 2 6.47 2 12s4.47 10 10 10s10-4.47 10-10S17.53 2 12 2m2.59 6L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41z" /> 1248 </svg> 1249 </div> 1250 <div class="ui button btn-secondary cs-search-box__btn-search" style="border-radius: 1rem !important;"> 1251 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"> 1252 <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314" /> 1253 </svg> 1254 </div> 1255 <div class="cs-search-box__suggestion" style="display: none;"> 1256 <div class="d-flex flex-direction-column gap-x2 cs-search-box__suggestion--result" style="display: none;"> 1257 <div class="d-flex flex-direction-column cs-search-box__suggestion--content"></div> 1258 </div> 1259 <div class="d-flex flex-direction-column gap-x1 cs-search-box__suggestion--history"> 1260 <div class="cs-search-box__suggestion--title">Tiếp tục tìm kiếm</div> 1261 <div class="d-flex flex-direction-column cs-search-box__suggestion--content" style="margin-bottom: .5rem;"></div> 1262 <div class="d-flex flex-direction-column gap-x2 cs-search-box__suggestion--guid"> 1263 <span class="d-flex align-items-center gap-r05"> 1264 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1265 <path fill="#009BA1" d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2m1 14a1 1 0 0 1-2 0v-5a1 1 0 0 1 2 0Zm-1-7a1 1 0 1 1 1-1a1 1 0 0 1-1 1" /> 1266 </svg> 1267 Nháºp từ khóa bạn muá»n tìm. Và dụ: 1268 </span> 1269 <ul> 1270 </ul> 1271 </div> 1272 </div> 1273 </div> 1274</div> 1275 1276 1277 </div> 1278 1279 </div> 1280 1281 <div class="ui menu-top stackable grid container" style="width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;"> 1282 <div class="row" style="padding: 0; justify-content:space-between; flex-wrap: nowrap;"> 1283 <div class="" style="display: flex; justify-content: start; align-items: center; padding:0;"> 1284 <a title="Logo" href="/"> 1285 <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="84" height="84"> 1286 </a> 1287 <div style="display:flex; flex-direction:column; margin-top:-15px"> 1288 <a class="logo" href="/" style="margin-right: 10px; margin-left: 5px"> 1289 <strong class="brand-name" style="font-size: 22px;"><span class="br-1">ThuVien</span><span class="br-2">NhaDat</span><span class="br-3">.vn</span></strong> 1290 </a> 1291 <div href="/" class="logo" style="margin-top: -5px; margin-bottom: 5px;"> 1292 <strong class="brand-name" style="padding: 0;"><span class="br-" style="margin-left: 8px; font-size: 10px; font-weight:400; opacity: 0.6;">Trang thông tin Äiá»n tá» tá»ng hợp</span></strong> 1293 </div> 1294 <div href="/" class="logo slg-tvnd" style="position:absolute; bottom: 8px"> 1295 <span class="slogan-tvnd">...hiá»u pháp lý, rõ quy hoạch, giao dá»ch nhanh...</span> 1296 </div> 1297 </div> 1298 1299 <div class="ui simple dropdown item dropdown-container p-5 padding-header"> 1300 <a class="dropdown-title link-header text-primary text-bold" href="/ban-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">Nhà Äất bán</a> 1301 <div class="menu"> 1302 <a href="/ban-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1303 <div class="item py-item"> 1304 CÄn há» chung cư 1305 </div> 1306 </a> 1307 <a href="/ban-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1308 <div class="item py-item"> 1309 Nhà tái Äá»nh cư 1310 </div> 1311 </a> 1312 <a href="/ban-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1313 <div class="item py-item"> 1314 Chung cư mini, cÄn há» dá»ch vụ 1315 </div> 1316 </a> 1317 <a href="/ban-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1318 <div class="item py-item"> 1319 Nhà riêng 1320 </div> 1321 </a> 1322 <a href="/ban-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1323 <div class="item py-item"> 1324 Nhà biá»t thá»±, liá»n ká» 1325 </div> 1326 </a> 1327 <a href="/ban-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1328 <div class="item py-item"> 1329 Nhà mặt phá» 1330 </div> 1331 </a> 1332 <a href="/ban-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1333 <div class="item py-item"> 1334 Nhà phá» thương mại 1335 </div> 1336 </a> 1337 <a href="/ban-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1338 <div class="item py-item"> 1339 Shophouse 1340 </div> 1341 </a> 1342 <a href="/ban-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1343 <div class="item py-item"> 1344 Condotel 1345 </div> 1346 </a> 1347 <a href="/ban-dat-o-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1348 <div class="item py-item"> 1349 Äất 1350 </div> 1351 </a> 1352 <a href="/ban-dat-nen-du-an-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1353 <div class="item py-item"> 1354 Äất ná»n dá»± án 1355 </div> 1356 </a> 1357 <a href="/ban-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1358 <div class="item py-item"> 1359 Kho, nhà xưá»ng 1360 </div> 1361 </a> 1362 <a href="/ban-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1363 <div class="item py-item"> 1364 Bất Äá»ng sản khác 1365 </div> 1366 </a> 1367 </div> 1368 </div> 1369 <div class="ui simple dropdown item dropdown-container p-5 padding-header"> 1370 <a class="dropdown-title link-header text-primary text-bold" href="/cho-thue-nha-dat-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header">Nhà Äất cho thuê</a> 1371 <div class="menu"> 1372 <a href="/cho-thue-can-ho-chung-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1373 <div class="item py-item"> 1374 CÄn há» chung cư 1375 </div> 1376 </a> 1377 <a href="/cho-thue-chung-cu-mini-can-ho-dich-vu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1378 <div class="item py-item"> 1379 Chung cư mini, cÄn há» dá»ch vụ 1380 </div> 1381 </a> 1382 <a href="/cho-thue-nha-rieng-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1383 <div class="item py-item"> 1384 Nhà riêng 1385 </div> 1386 </a> 1387 <a href="/cho-thue-nha-biet-thu-lien-ke-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1388 <div class="item py-item"> 1389 Nhà biá»t thá»±, liá»n ká» 1390 </div> 1391 </a> 1392 <a href="/cho-thue-nha-mat-pho-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1393 <div class="item py-item"> 1394 Nhà mặt phá» 1395 </div> 1396 </a> 1397 <a href="/cho-thue-nha-pho-thuong-mai-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1398 <div class="item py-item"> 1399 Nhà phá» thương mại 1400 </div> 1401 </a> 1402 <a href="/cho-thue-nha-tai-dinh-cu-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1403 <div class="item py-item"> 1404 Nhà tái Äá»nh cư 1405 </div> 1406 </a> 1407 <a href="/cho-thue-shop-house-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1408 <div class="item py-item"> 1409 Shophouse 1410 </div> 1411 </a> 1412 <a href="/cho-thue-condotel-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1413 <div class="item py-item"> 1414 Condotel 1415 </div> 1416 </a> 1417 <a href="/cho-thue-nha-tro-phong-tro-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1418 <div class="item py-item"> 1419 Nhà trá», phòng trá» 1420 </div> 1421 </a> 1422 <a href="/cho-thue-van-phong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1423 <div class="item py-item"> 1424 VÄn phòng 1425 </div> 1426 </a> 1427 <a href="/cho-thue-cua-hang-ki-ot-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1428 <div class="item py-item"> 1429 Mặt bằng kinh doanh, cá»a hà ng, kiot 1430 </div> 1431 </a> 1432 <a href="/cho-thue-kho-nha-xuong-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1433 <div class="item py-item"> 1434
1434 Kho, nhà xưá»ng 1435 </div> 1436 </a> 1437 <a href="/cho-thue-bat-dong-san-khac-toan-quoc?utm_source=thuviennhadat_trangchu&utm_medium=internal&utm_campaign=rao_vat_tu_trangchu&utm_content=menu_header" style="color:black;font-size:14px!important"> 1438 <div class="item py-item"> 1439 Bất Äá»ng sản khác 1440 </div> 1441 </a> 1442 </div> 1443 </div> 1444 <div class="ui simple dropdown item dropdown-container p-5 padding-header"> 1445 <a class="dropdown-title link-header text-primary text-bold" href="/du-an-bat-dong-san">Dá»± án</a> 1446 <div class="menu"> 1447 <a href="/du-an-can-ho-chung-cu" style="color:black;font-size:14px!important"> 1448 <div class="item py-item"> 1449 CÄn há» chung cư 1450 </div> 1451 </a> 1452 <a href="/du-an-nha-tai-dinh-cu" style="color:black;font-size:14px!important"> 1453 <div class="item py-item"> 1454 Nhà tái Äá»nh cư 1455 </div> 1456 </a> 1457 <a href="/du-an-cao-oc-van-phong" style="color:black;font-size:14px!important"> 1458 <div class="item py-item"> 1459 Cao á»c vÄn phòng 1460 </div> 1461 </a> 1462 <a href="/du-an-dat-chan-nuoi" style="color:black;font-size:14px!important"> 1463 <div class="item py-item"> 1464 Äất chÄn nuôi 1465 </div> 1466 </a> 1467 <a href="/du-an-trung-tam-thuong-mai" style="color:black;font-size:14px!important"> 1468 <div class="item py-item"> 1469 Trung tâm thương mại 1470 </div> 1471 </a> 1472 <a href="/du-an-biet-thu-lien-ke" style="color:black;font-size:14px!important"> 1473 <div class="item py-item"> 1474 Biá»t thá»±, liá»n ká» 1475 </div> 1476 </a> 1477 <a href="/du-an-nha-mat-pho" style="color:black;font-size:14px!important"> 1478 <div class="item py-item"> 1479 Nhà mặt phá» 1480 </div> 1481 </a> 1482 <a href="/du-an-nha-hem" style="color:black;font-size:14px!important"> 1483 <div class="item py-item"> 1484 Nhà hẻm 1485 </div> 1486 </a> 1487 <a href="/du-an-khu-do-thi-moi" style="color:black;font-size:14px!important"> 1488 <div class="item py-item"> 1489 Khu Äô thá» má»i 1490 </div> 1491 </a> 1492 <a href="/du-an-khu-phuc-hop" style="color:black;font-size:14px!important"> 1493 <div class="item py-item"> 1494 Khu phức hợp 1495 </div> 1496 </a> 1497 <a href="/du-an-nha-o-xa-hoi" style="color:black;font-size:14px!important"> 1498 <div class="item py-item"> 1499 Nhà Ỡxã há»i 1500 </div> 1501 </a> 1502 <a href="/du-an-khu-cong-nghiep" style="color:black;font-size:14px!important"> 1503 <div class="item py-item">
1504 Khu công nghiá»p 1505 </div> 1506 </a> 1507 <a href="/du-an-khac" style="color:black;font-size:14px!important"> 1508 <div class="item py-item"> 1509 Dá»± án khác 1510 </div> 1511 </a> 1512 <a href="/du-an-shophouse" style="color:black;font-size:14px!important"> 1513 <div class="item py-item"> 1514 Shophouse 1515 </div> 1516 </a> 1517 <a href="/du-an-dat-nen" style="color:black;font-size:14px!important"> 1518 <div class="item py-item"> 1519 ÄâÌt nêÌn 1520 </div> 1521 </a> 1522 <a href="/du-an-condotel" style="color:black;font-size:14px!important"> 1523 <div class="item py-item"> 1524 Condotel 1525 </div> 1526 </a> 1527 </div> 1528 </div> 1529 1530 <div class="ui simple dropdown item dropdown-container p-5 padding-header"> 1531 <a class="dropdown-title link-header text-primary text-bold">Môi giá»i</a> 1532 <div class="menu"> 1533 <a href="/nha-moi-gioi" style="color:black;font-size:14px!important"> 1534 <div class="item py-item"> 1535 Chuyên trang môi giá»i 1536 </div> 1537 </a> 1538 <a href="/moi-gioi" style="color:black;font-size:14px!important"> 1539 <div class="item py-item"> 1540 Danh bạ môi giá»i 1541 </div> 1542 </a> 1543 </div> 1544 </div> 1545 1546 <div id="mn-tt-bds" class="ui simple dropdown item dropdown-container p-5 padding-header"> 1547 <a class="dropdown-title link-header text-primary text-bold"> 1548 Thông tin BÄS 1549 <div class="floating ui red label lable-animation"></div> 1550 </a> 1551 1552 <div class="menu" style="min-width:250px !important"> 1553 1554 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1555 <a href="/bang-gia-dat-moi-nhat-2026" style="color:black!important;"> 1556 Bảng giá Äất 2026 <strong style="padding: 2px 5px; background-color: #DB2828; color: white; border-radius: 2px; font-size: 11px">Má»i</strong> 1557 </a> 1558 </div> 1559 1560 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1561 <a href="/phap-ly-nha-dat" style="color:black!important;"> 1562 Pháp lý nhà Äất <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1563 </a> 1564 <div class="menu"> 1565 <a class="item" href="/phap-ly-nha-dat/chinh-sach-moi-ve-nha-dat" style="color:black!important;">ChÃnh sách má»i vá» nhà Äất</a> 1566 <a class="item" href="/phap-ly-nha-dat/ho-so-thu-tuc-nha-dat" style="color:black!important;">Há» sÆ¡, thá»§ tục nhà Äất</a> 1567 <a class="item" href="/phap-ly-nha-dat/phap-luat-ve-bat-dong-san" style="color:black!important;">Pháp luáºt vá» bất Äá»ng sản</a> 1568 <a class="item" href="/phap-ly-nha-dat/quy-hoach-dat-dai" style="color:black!important;">Quy hoạch Äất Äai</a> 1569 <a class="item" href="/phap-ly-nha-dat/thong-tin-bat-dong-san" style="color:black!important;">Thông tin bất Äá»ng sản</a> 1570 <a class="item" href="/phap-ly-nha-dat/tu-van-phap-ly-nha-dat" style="color:black!important;">Tư vấn pháp lý nhà Äất</a> 1571 </div> 1572 </div> 1573 1574 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1575 <a href="/bat-dong-san" style="color:black!important;"> 1576 Bất Äá»ng sản <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1577 </a> 1578 <div class="menu"> 1579 <a class="item" href="/bat-dong-san/du-an-nha-dat" style="color:black!important;">Dá»± án Nhà Äất</a> 1580 <a class="item" href="/bat-dong-san/mua-ban-nha-dat" style="color:black!important;">Mua bán Nhà Äất</a> 1581 </div> 1582 </div> 1583 1584 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1585 <a href="/cam-nang-nha-dat" style="color:black!important;"> 1586 Cẩm nang nhà Äất <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1587 </a> 1588 <div class="menu"> 1589 <a class="item" href="/cam-nang-nha-dat/kinh-nghiem-mua-ban-cho-thue" style="color:black!important;">Kinh nghiá»m mua bán cho thuê</a> 1590 <a class="item" href="/cam-nang-nha-dat/phong-thuy-nha-dat" style="color:black!important;">Phong thá»§y nhà Äất</a> 1591 <a class="item" href="/cam-nang-nha-dat/thuat-ngu-nha-dat" style="color:black!important;">Thuáºt ngữ nhà Äất</a> 1592 <a class="item" href="/cam-nang-nha-dat/vat-lieu-xay-dung" style="color:black!important;">Váºt liá»u xây dá»±ng</a> 1593 </div> 1594 </div> 1595 1596 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1597 <a href="/tai-chinh-bat-dong-san" style="color:black!important;"> 1598 Tà i chÃnh bất Äá»ng sản 1599 </a> 1600 </div> 1601 1602 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1603 <a href="/thi-truong-bat-dong-san" style="color:black!important;"> 1604 Thá» trưá»ng bất Äá»ng sản 1605 </a> 1606 </div> 1607 1608 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1609 <a href="/khong-gian-song" style="color:black!important;">
1610 Không gian sá»ng <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1611 </a> 1612 <div class="menu"> 1613 <a class="item" href="/khong-gian-song/nha-dep-vuon-dep" style="color:black!important;">Nhà Äẹp, vưá»n Äẹp</a> 1614 <a class="item" href="/khong-gian-song/noi-that-ngoai-that" style="color:black!important;">Ná»i thất, ngoại thất</a> 1615 <a class="item" href="/khong-gian-song/thiet-bi-gia-dung" style="color:black!important;">Thiết bá» gia dụng</a> 1616 </div> 1617 </div> 1618 1619 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1620 <a href="/phap-luat" style="color:black!important;"> 1621 Pháp luáºt <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1622 </a> 1623 <div class="menu"> 1624 <a class="item" href="/phap-luat/chi-dao-dieu-hanh" style="color:black!important;">Chá» Äạo - Äiá»u hà nh</a> 1625 <a class="item" href="/phap-luat/dat-dai-va-nha-o" style="color:black!important;">Äất Äai và Nhà á»</a> 1626 <a class="item" href="/phap-luat/ha-tang-bat-dong-san" style="color:black!important;">Hạ tầng bất Äá»ng sản</a> 1627 <a class="item" href="/phap-luat/van-ban-moi" style="color:black!important;">VÄn bản má»i</a> 1628 </div> 1629 </div> 1630 1631 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1632 <a href="/hoi-dap" style="color:black!important;"> 1633 Há»i Äáp Pháp luáºt nhà Äất <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1634 </a> 1635 <div class="menu"> 1636 <a class="item" href="/hoi-dap/boi-thuong-tai-dinh-cu" style="color:black!important;">Bá»i thưá»ng, tái Äá»nh cư</a> 1637 <a class="item" href="/hoi-dap/dau-tu-xay-dung" style="color:black!important;">Äầu tư xây dá»±ng</a> 1638 <a class="item" href="/hoi-dap/giao-dich-nha-dat" style="color:black!important;">Giao dá»ch nhà Äất</a> 1639 <a class="item" href="/hoi-dap/hoi-dap-khac" style="color:black!important;">Há»i Äáp khác</a> 1640 <a class="item" href="/hoi-dap/tai-chinh-nha-dat" style="color:black!important;">Tà i chÃnh nhà Äất</a> 1641 <a class="item" href="/hoi-dap/thu-tuc-hanh-chinh-nha-dat" style="color:black!important;">Thá»§ tục hà nh chÃnh nhà Äất</a> 1642 </div> 1643 </div> 1644 1645 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1646 <a href="/van-ban-phap-luat-viet-nam" style="color:black!important;"> 1647 VÄn bản Pháp luáºt 1648 </a> 1649 </div> 1650 1651 1652 <div class="item" style="padding: 8px 3px 8px 15px !important"> 1653 <a style="color:black!important;"> 1654 Tiá»n Ãch há» trợ <i class="angle right icon" style="float:right; font-size:15px !important"></i> 1655 </a> 1656 <div class="menu"> 1657 <a class="item" href="/sap-nhap-tinh" style="color:black!important;">Tra cứu sáp nháºp tá»nh</a> 1658 <a class="item" href="/bang-gia-dat" style="color:black!important;">Tra cứu bảng giá Äất</a> 1659 <a class="item" href="/tinh-du
1659-toan-vat-lieu-xay-nha" style="color:black!important;">TÃnh dá»± toán xây nhà </a> 1660 <a class="item" href="/tinh-lai-suat-vay" style="color:black!important;">TÃnh lãi suất vay</a> 1661 </div> 1662 </div> 1663 1664 1665 </div> 1666 </div> 1667 1668 </div> 1669 <div style="display:flex; padding: 0;"> 1670 <div id="content-login" class="item" style="display: flex; padding: 0; width: 100%; align-items: center; justify-content: flex-end; gap: .5rem;"> 1671 1672 1673 <div id="notify-favorite"></div> 1674 1675 1676 <div id="notify-toast"> 1677 </div> 1678 1679 1680 1681 1682 <div class="ui simple dropdown item user-sign-in" style="display: none; max-width: 100% !important; padding-right: 5px; padding-left: 5px; position: relative;"> 1683 <div class="text"> 1684 <img class="ui avatar image user-avatar" style="margin-right: 0;" loading="lazy"> 1685 <a id="user-login" class="dropdown-title user-login" style="color:black"></a> 1686 </div> 1687 <i class="dropdown icon" style="margin-left: 5px;"></i> 1688 <div class="menu menu-info-user" style=""> 1689 1690 1691 <a href="/goi-hoi-vien/dang-ky" style="display: flex; border-top-left-radius: 1rem; border-top-right-radius: 1rem;"> 1692 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerHVP1.png" 1693 style="width: calc(100% + 2px); height: auto; margin: 0 -1px; border-top-left-radius: 1rem; border-top-right-radius: 1rem; " /> 1694 </a> 1695 1696 <a class="item" href="/tai-khoan/tong-quan"> 1697 <img class="img-icon-account" src="/Assets/img/pie-chart.svg" alt="TôÌng quan"> TôÌng quan 1698 </a> 1699 <a class="item" href="/tai-khoan/quan-ly-tin-dang"> 1700 <img class="img-icon-account" src="/Assets/img/litsting.svg" alt="Quản lý tin ÄÄng"> Quản lý tin ÄÄng 1701 </a> 1702 1703 <a class="item" href="/goi-hoi-vien/dang-ky" style="display:flex;"> 1704 <i class="users icon"></i> 1705 <span>Gói há»i viên</span> <span class="ui red label small pull-right" style="margin: 0 0 0 4px;font-weight:500;font-size:12px">Tiết kiá»m Äến 40%</span> 1706 </a> 1707 1708 <a class="item" href="/tai-khoan/quan-ly-khach-hang"> 1709 <img class="img-icon-account" src="/Assets/img/notebook.svg" alt="Quản lý khách hà ng"> Quản lý khách hà ng 1710 </a> 1711 <a class="item" href="/tai-khoan/quan-ly-khuyen-mai"> 1712 <img class="img-icon-account" src="/Assets/img/ticket-voucher.svg" alt="Quản lý khuyến mãi"> Quản lý khuyến mãi 1713 </a> 1714 <a class="item" href="/tai-khoan/danh-sach-tin-da-luu"> 1715 <img class="img-icon-account" src="/Assets/img/heart.svg" alt="Tin ÄÄng Äã lưu"> Tin ÄÄng Äã lưu 1716 </a> 1717 <a class="item" id="regist-now-header"> 1718 <img class="img-icon-account" style="margin-bottom: 0;" src="/Assets/img/office.svg" alt="Môi giá»i chuyên nghiá»p"> Môi giá»i chuyên nghiá»p 1719 </a> 1720 <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=1"> 1721 <img class="img-icon-account" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/gear_11386565.png" alt="Thay Äá»i thông tin cá nhân"> Thay Äá»i thông tin cá nhân 1722 </a> 1723 1724 <a class="item" href="/giao-dich/nap-tien"> 1725 <i class="credit card icon img-icon-account"></i> 1726 Nạp tiá»n 1727 </a> 1728 1729 <a class="item" id="user-sign-out" style="color:black;font-size:14px!important"> 1730 <img class="img-icon-account" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/logout.png" alt="icon-logout"> 1731 ÄÄng xuất 1732 </a> 1733 </div> 1734 </div> 1735 1736 <div class="ui buttons login" style="justify-content: center; align-items: center; display: none;"> 1737 <button class="ui left button login login-header text-primary" id="login-button">ÄÄng nháºp</button> 1738 <div class="divider-header login-div
1738ider-header"></div> 1739 <button class="right ui button login login-header text-primary" id="register-button">ÄÄng ký</button> 1740 </div> 1741 <a href="javascript:void(0);" class="ui button btn-secondary btn-radius-1rem" id="btnDangTin" style=" min-width: 82px; padding-left: 10px; padding-right: 10px; font-weight:500">ÄÄng tin</a> 1742 </div> 1743 </div> 1744 </div> 1745 </div> 1746 <a href="#" id="backToTop" class="ui compact icon button back-to-top" style="z-index:1; margin-bottom:10%;"><i class="arrow up icon"></i></a> 1747 </div> 1748</div> 1749 1750 1751<div class="ui small modal modal-login" style="border-radius: 10px;"> 1752 <i class="close icon" id="close-modal"></i> 1753 <div class="description" style="width:100%;display:flex"> 1754 <div class="ui image" style="display:block;width: 40%; "> 1755 <a class="logo" style="display: flex; align-items: center;"> 1756 <img style="border-top-left-radius: 8px; border-bottom-left-radius:8px;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/SigninBannerV3.png" /> 1757 </a> 1758 </div> 1759 <div id="content-modal-login" style="padding: 40px 20px; width: 60%;"> 1760 <div class="lable-hello">Xin chà o bạn</div> 1761 <h4 class="lable-welcome" id="lable-welcome">ÄÄng nháºp Äá» tiếp tục</h4> 1762 <div class="column"> 1763 <form class="ui large form form-login"> 1764 <div class="field"> 1765 <div class="ui left icon input"> 1766 <i class="user icon"></i> 1767 <input class="phone-regist" type="text" id="phone-mail-login" placeholder="Nháºp SÄT chÃnh hoặc email"> 1768 </div> 1769 </div> 1770 <div id="error-phone-mail-login" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div> 1771 <div class="field"> 1772 <div class="ui input two-icons"> 1773 <i class="lock icon left-icon"></i> 1774 <input type="password" id="password-login" placeholder="Máºt khẩu"> 1775 <i class="eye icon right-icon" id="right-icon-password-login"></i> 1776 </div> 1777 </div> 1778 <div id="error-password-login" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;line-height:16px;"></div> 1779 <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-login" style=" background-color: var(--secondary-color)!important">ÄÄng nháºp <i class="loading spinner icon" id="loading-login" style="display: none; left: 64%; position: absolute; transform: translate(-50%, -50%); "></i></button> 1780 <div class="field remember-account" style="margin-top:15px;"> 1781 <div class="two fields" style="flex-wrap: nowrap !important;"> 1782 <div class="field ui checkbox"> 1783 <input id="remember-me" type="checkbox" name="example"> 1784 <label style="font-weight:normal;">Nhá» tà i khoản</label> 1785 </div> 1786 <div class="field"> 1787 <a id="reset-password" style="color: rgb(224, 60, 49); display: flex; float: right; cursor: pointer; font-size: 13px; ">Quên máºt khẩu?</a> 1788 </div> 1789 </div> 1790 1791 </div> 1792 1793 </form> 1794 <form class="ui large form form-regist" style="display:none;"> 1795 <div class="field"> 1796 <div class="input-container"> 1797 <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" /> 1798 <input type="text" class="phone-regist" name="phone" id="phone-regist" placeholder="Nháºp sá» Äiá»n thoại" /> 1799 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" /> 1800 </div> 1801 1802 </div> 1803 <div id="error-form-regist" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div> 1804 <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-regist" disabled>Tiếp tục<i class="loading spinner icon" id="loading-regist" style="display:none;"></i></button> 1805 1806 </form> 1807 <div id="login-footer"> 1808 <div class="sc-iXbCwh gGaPeb"><div class="sc-jTyxRY hcnzPw"></div><div class="sc-dJzGcj czShJi"><div type="tertiary" class="sc-crrsfI fmnTOX">Hoặc</div></div></div> 1809 1810 <div class="field button-sign" style="display: none"> 1811 <div class="ui fluid button align-center"> 1812 <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/apple-icon.png" /><span>ÄÄng nháºp vá»i Apple</span> 1813 </div> 1814 </div> 1815 1816 <div class="field button-sign"> 1817 <div class="ui fluid button button-h46 button-white" id="sign-in-google"> 1818 <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/google-icon.png" /><span class="mobile-font-14">ÄÄng nháºp vá»i Google</span> 1819 </div> 1820 </div> 1821 <div class="field button-sign"> 1822 <div class="ui fluid button button-h46 button-white" id="sign-in-tvpl"> 1823 <img style="max-width:25px" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /><span class="mobile-font-14"> 1824 ÄÄng nháºp vá»i <a href="#" class="mobile-font-14" style="color: rgb(224, 60, 49); font-weight: bold; font-size: 16px; font-family: Times New Roman; ">THƯ VIá»N PHÃP LUẬT</a> 1825 </span> 1826 </div> 1827 </div> 1828 <div style="text-align: center; font-size: 11px; color: rgb(153, 153, 153); line-height: 16px;"> 1829 Bằng viá»c tiếp tục, laÌ bạn ÄaÌ Äá»ng ý vá»i 1830 <a href="/huong-dan-su-dung/quy-che-hoat-d
1830ong.html" target="_blank" style="color:red">Äiá»u khoản sá» dụng</a>, 1831 <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color:red">ChÃnh sách bảo máºt</a>, và 1832 <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color:red">Quy chế bảo vá» dữ liá»u cá nhân</a> 1833 cá»§a <strong class="brand-name" style="font-size:16px; padding: 0px"><span class="br-1">Thư Viện</span><span class="br-2"> NhaÌ ÄâÌt</span></strong> 1834 </div> 1835 <div class="register" style="text-align: center; margin-top: 10px; font-size: 12px;"> 1836 Chưa là thà nh viên? 1837 <a style="color: rgb(224, 60, 49); cursor: pointer;" id="register">ÄÄng ký</a> 1838 tại Äây 1839 </div> 1840 </div> 1841 1842 </div> 1843 </div> 1844 <div id="verify-OTP" style="display: none; padding: 40px 30px; width: 60%;"> 1845 <input hidden id="verity-type" /> 1846 <div class="lable-hello" style="padding:10px 0;">Nháºp mã xác minh</div> 1847 <p>Chúng tôi Äã gá»i mã xác minh gá»m 6 chữ sá» tá»i sá» Äiá»n thoại <span style="font-weight: 500;" id="phone-OTP"></span> qua tà i khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p> 1848 <div class="ui form"> 1849 <div class="field"> 1850 <div class="ui six mini input mini-input" style="display: flex; align-items: center; gap: 16px; justify-content: center;"> 1851 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-1" /> 1852 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-2" /> 1853 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-3" /> 1854 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-4" /> 1855 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-5" /> 1856 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-6" /> 1857 </div> 1858 </div> 1859 <div style="margin:10px 0;"> 1860 <p id="time-validity" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiá»u lá»±c trong 2 phút</p> 1861 <p style="text-align: center; font-size: 13px; margin: 0;" id="timer-count">Gá»i lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer"></a></p> 1862 <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text">Không nháºn ÄÆ°á»£c mã?</p><a id="resend-code" style="color: rgb(224, 60, 49);cursor:pointer;">Gá»i lại bằng SMS</a></div> 1863 1864 </div> 1865 <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP" disabled>Xác minh<i class="loading spinner icon" id="loading-verify-OTP" style="display:none;"></i></div> 1866 <div class="ui fluid button btn-comback-fast" id="comback-verify-OTP">Quay lại</div> 1867 </div> 1868 1869 </div> 1870 <div id="verify-password" style="display: none; padding: 40px 30px;width: 60%;"> 1871 <div class="lable-hello" style="padding:10px 0;">Tạo máºt khẩu</div> 1872 <div class="ui form"> 1873 <div class="field"> 1874 <div class="ui input two-icons"> 1875 <i class="lock icon left-icon"></i> 1876 <input id="password-regist" type="password" placeholder="Nháºp máºt khẩu"> 1877 <i class="eye icon right-icon" id="right-icon-verify-password"></i> 1878 </div> 1879 </div> 1880 <div class="field"> 1881 <div class="ui input two-icons"> 1882 <i class="lock icon left-icon"></i> 1883 <input id="confirm-password-regist" type="password" placeholder="Nháºp lại máºt khẩu"> 1884 <i class="eye icon right-icon" id="right-icon-confirm-verify-password"></i> 1885 </div> 1886 </div> 1887 <div id="error-form-verify-password" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49);"></div> 1888 <ul class="rule-pass" id="rule-pass"> 1889 <li data-id="1"><i class="check icon"></i>Máºt khẩu tá»i thiá»u 8 kà tá»±</li> 1890 <li data-id="2"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± viết hoa</li> 1891 <li data-id="3"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± sá»</li> 1892 <li data-id="4"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± Äặc biá»t</li> 1893 </ul> 1894 <div class="field ui checkbox" style="margin: 0 0 10px;"> 1895 <input type="checkbox" id="agree-personal-data"> 1896 <label for="agree-personal-data" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
1897 Tôi Äã Äá»c và Äá»ng ý vá»i 1898 <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49);">quy chế bảo vá» dữ liá»u cá nhân</a> 1899 </label> 1900 </div> 1901 <div class="field ui checkbox" style="margin: 0 0 15px;"> 1902 <input type="checkbox" id="agree-marketing-data"> 1903 <label for="agree-marketing-data" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;"> 1904 Tôi Äá»ng ý nháºn thông tin giá»i thiá»u sản phẩm, dá»ch vụ, chương trình khuyến mãi (có thá» rút lại sau) 1905 </label> 1906 </div> 1907 <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-password" disabled>Tiếp tục<i class="loading spinner icon" id="loading-verify-password" style="display:none;margin-left:10px;"></i></button> 1908 </div> 1909 </div> 1910 <div id="content-verify-phone" style="display: none; padding: 40px 30px;width: 60%;"> 1911 <h4 class="lable-welcome" id="lable-content-verify-phone"></h4> 1912 <div>Tá»± Äá»ng chuyá»n hưá»ng sau <span id="time-redirect-verify-phone" style=" color: rgb(224, 60, 49)"></span></div> 1913 </div> 1914 <div id="content-reset" style="display: none; padding: 40px 30px;width: 60%;"> 1915 <div style="display:none"> 1916 <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;"> 1917 <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64"> 1918 </a> 1919 1920 <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">Äặt lại máºt khẩu </div> 1921 </div> 1922 <div class="content" style="padding-top: 20px;"> 1923 <form class="ui large form"> 1924 <div class="field"> 1925 <div class="ui left icon input"> 1926 <i class="user icon"></i> 1927 <input class="input-h46" type="text" name="email-phone" id="email-phone" placeholder="Nháºp email hoặc sá» Äiá»n thoại"> 1928 </div> 1929 <div id="error-email-phone" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-top: 10px;line-height:16px; "></div> 1930 </div> 1931 <button class="ui fluid button btn-secondary button-h46" id="verify-email-button"> 1932 Gá»i <i class="loading spinner icon" id="loading-send-email" style=" display:none;left: 56%; position: absolute; transform: translate(-50%, -50%); "></i> 1933 </button> 1934 <div class="ui fluid button btn-comback-fast" id="come-back">Quay lại</div> 1935 </form> 1936 </div> 1937 </div> 1938 <div id="content-message" style="display: none; padding: 40px 30px;width: 60%;"> 1939 <div class="header" style="display: flex; justify-content: center; align-items: center; height: 100%"> 1940 <div style="text-align: center;"> 1941 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" style="margin-bottom: 20px;" /> 1942 <div id="mess-sms" style="display:none"> 1943 <div id="mess-reset-password" style="padding-bottom: 20px;"></div> 1944 <div class="ui fluid button button-h46 btn-secondary" id="login-last-reset">ÄÄng nháºp</div> 1945 </div> 1946 <div id="mess-mail"> 1947 <div style="font-size: 18px; font-weight: 500; margin-bottom: 10px;">Gá»i thà nh công</div> 1948 <div style="max-width: 400px; margin: 0 auto; line-height: 1.6;"> 1949 Chúng tôi Äã gá»i ÄÆ°á»ng dẫn thay Äá»i máºt khẩu tá»i Äá»a chá» email cá»§a bạn. Vui lòng kiá»m tra há»p thư Äến! 1950 </div> 1951 </div> 1952 </div> 1953 </div> 1954 1955 </div> 1956 </div> 1957 1958</div> 1959 1960<div class="ui mini modal modal-tvpl" id="modal-login-tvpl"> 1961 <i class="close icon desktop-modal-tvpl"></i> 1962 <div class="image content"> 1963 <div class="description" style="width: 100%;"> 1964 <div style="display: flex; margin-bottom: 10px; justify-content: space-around;"> 1965 <img style="max-width:50px;" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /> 1966 <i style="font-size: 30px;" class="long arrow alternate right icon"></i> 1967 <img style="max-width: 50px;" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" /> 1968 </div> 1969 <div class="column"> 1970 <form class="ui large form"> 1971 <div class="ui segment"> 1972 <div class="field"> 1973 <div class="ui left icon input"> 1974 <i class="user icon"></i> 1975 <input class="input-h46" type="text" name="username" id="username" placeholder="Nháºp tên tà i khoản hoặc email TVPL"> 1976 </div> 1977 </div> 1978 <div class="field"> 1979 <div class="ui input two-icons"> 1980 <i class="lock icon left-icon" style="top: 45%;"></i> 1981 <input class="input-h46" type="password" name="password-tvpl" id="password-tvpl" placeholder="Máºt khẩu"> 1982 <i class="eye icon right-icon" id="right-icon-password-tvpl" style="top: 45%;"></i> 1983 </div> 1984 </div> 1985 <div id="error-msg-tvpl" style="font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-bottom: 10px"></div> 1986 <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-tvpl" style="background-color: #f89b1a !important ">ÄÄng nháºp<i class="loading spinner icon" id="loading-login-tvpl" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button> 1987 <div class="field remember-account" style="margin-top:15px;"> 1988 <div class="two fields"> 1989 <div class="field ui checkbox"> 1990 <input id="remember-me-tvpl" type="checkbox" name="example"> 1991 <label style="font-weight:normal;">Nhá» tà i khoản</label> 1992 </div> 1993 <div class="field"> 1994 </div> 1995 </div> 1996 1997 </div> 1998 </div> 1999 2000 </form> 2001 2002 2003 2004 </div> 2005 </div> 2006 </div> 2007</div> 2008 2009 2010 2011<div class="ui tiny modal modal-add-phone" id="modal-add-phone"> 2012 <i class="close icon" style="top: 0.5rem !important; right: 0.5rem !important; color: rgba(0, 0, 0, 0.87) !important;"></i> 2013 <div class="content"> 2014 <div class="content-header"> 2015 <div>Thêm sá» Äiá»n thoại</div> 2016 <div>Nháºp sá» Äiá»n thoại cá»§a bạn Äá» kÃch hoạt tà i khoản</div> 2017 </div> 2018 <form class="ui form" id="form-add-phone"> 2019 <div class="field"> 2020 <div class="ui input left icon"> 2021 <i class="user icon"></i> 2022 <input type="text" name="phoneAdd" id="phone-add" placeholder="Nháºp sá» Äiá»n thoại"> 2023 </div> 2024 2025 </div> 2026 <div class="field"> 2027 <div class="ui input two-icons"> 2028 <i class="lock icon left-icon"></i> 2029 <input type="password" name="passwordAdd" id="password-add" placeholder="Thêm má»t máºt khẩu"> 2030 <i class="eye icon right-icon" id="right-icon-add-phone"></i> 2031 </div> 2032 </div> 2033 <div class="field"> 2034 <div class="ui error message" id="error-msg-add-phone"></div> 2035 <button type="submit" class="ui button btn-secondary" style=" float: right; margin-bottom: 15px; ">Tiếp tục</button> 2036 </div> 2037 </form> 2038 </div> 2039</div> 2040 2041 2042<div class="ui mini modal modal-valid-email" id="modal-valid-email"> 2043 2044 <i class="close icon" style="top: 1rem !important; right: 0.5rem !important; color: rgba(0, 0, 0, 0.87) !important;"></i> 2045 <div class="content"> 2046 <div>Xác thá»±c Mã sá» thuế</div> 2047 <div id="content-valid"> 2048 <div class="ui active inverted dimmer" id="loading-sendmail-valid" style="display:none;"> 2049 <div class="loader"></div> 2050 </div> 2051 <div class="content-header"> 2052 <div>Tà i khoản cá»§a bạn chưa xác thá»±c mã sá» thuế, Vui lòng nháºp mã sá» thuế Äá» xác thá»±c</div> 2053 </div> 2054 <form class="ui form" id="form-valid-email"> 2055 <div class="field"> 2056 <div class="ui input"> 2057 <input type="text" name="validemail" id="valid-email" placeholder="Và dụ: 1234567890 hoặc 1234567890-123"> 2058 </div> 2059 <div style="font-size: 12px; line-height: 16px; font-weight: 400;padding-top:5px;">MST gá»m 10 hoặc 13 chữ sá»</div> 2060 </div> 2061 <div class="field"> 2062 <div class="ui error message" id="error-msg-valid-email"></div> 2063 <button type="submit" class="ui button btn-secondary" style=" float: right; margin-bottom: 15px; ">Xác thá»±c</button> 2064 </div> 2065 </form> 2066 </div> 2067 <div id="content-submit" style="display:none"> 2068 <div class="content-header"> 2069 <div><span style="font-size: 13px;"><span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viá»n</span> <span class="br-2">Nhà Äất</span></span> 2070 2071<style> 2072 .brand-name { 2073 font-family: Times New Roman !important; 2074 } 2075</style></span>
2075 ÄaÌ gưÌi ÄÆ°Æ¡Ìng dâÌn xaÌc thực tÆ¡Ìi ÄiÌ£a chiÌ Email cuÌa baÌ£n.</div> 2076 <br /> 2077 <div>ThÆ¡Ìi gian hiệu lực trong voÌng 30 phuÌt, vui loÌng kiêÌm tra hộp thư ÄêÌn vaÌ tiêÌn haÌnh xaÌc thực taÌi khoaÌn!</div> 2078 </div> 2079 </div> 2080 </div> 2081</div> 2082 2083 2084<div class="ui small modal force-background modal-login-sigin-fast " id="modal-login-sigin-fast"> 2085 <i class="close icon" style="top: 0.5rem !important; right: 0.5rem !important; color: white;"></i> 2086 <div class="content force-background" style=""> 2087 <div class="ui grid stackable" style="height:100%"> 2088 <div class="eight wide column" style="color:white;font-weight:500!important;text-align:center;"> 2089 <div style="padding: 40px 10px; height: 460px;"> 2090 <h2 style="font-size:32px; font-family:'Times New Roman'!important"> 2091 ...hiá»u pháp lý, rõ quy hoạch, giao dá»ch nhanh... 2092 </h2> 2093 <div style="font-size: 18px; font-family: 'Times New Roman' !important">ThuVienNhaDat.vn cam kết bảo máºt thông tin ngưá»i dùng</div> 2094 </div> 2095 2096 </div> 2097 <div class="eight wide column" style="height: 100%;padding: 50px 15px;"> 2098 <div class="ui segment" style="padding: 40px 10px; height: 460px;"> 2099 <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;"> 2100 <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64"> 2101 </a> 2102 <div id="content-regist-fast"> 2103 <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">ÄÄng ký / ÄÄng nháºp Äá» tiếp tục</div> 2104 <div class="ui form"> 2105 <div class="field"> 2106 <div class="input-container"> 2107 <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" /> 2108 <input type="text" class="phone-regist" name="phone" id="phone-regist-fast" placeholder="Nháºp sá» Äiá»n thoại cá»§a bạn" /> 2109 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" /> 2110 </div> 2111 </div> 2112 <div id="error-form-regist-fast" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div> 2113 <button class="ui fluid button btn-secondary button-h46" id="button-submit-fast">Tiếp tục <i class="loading spinner icon" id="loading-regist-fast" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button> 2114 <div class="ui checkbox checkbox-fast" style="padding-top:16px;"> 2115 <input type="checkbox" checked id="terms-checkbox"> 2116 <label for="terms-checkbox" style="font-size: 11px; color: rgb(153, 153, 153); line-height: 16px;"> 2117 Tôi Äã Äá»c và Äá»ng ý vá»i 2118 <a href="/huong-dan-su-dung/quy-che-hoat-dong.html" target="_blank" style="color: rgb(224, 60, 49)">Äiá»u khoản sá» dụng</a>, 2119 <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color: rgb(224, 60, 49)">ChÃnh sách bảo máºt</a>, và 2120 <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49)">
2120Quy chế bảo vá» dữ liá»u cá nhân</a> 2121 cá»§a <strong class="brand-name" style="font-family: 'Times New Roman'; padding: 0px;font-size: 12px;"><span class="br-1">Thư Viá»n</span><span class="br-2"> Nhà Äất</span></strong> 2122 </label> 2123 </div> 2124 2125 </div> 2126 </div> 2127 <div id="verify-OTP-fast" style="display:none;text-align:center;"> 2128 <div class="lable-hello" style="padding:10px 0;">Nháºp mã xác minh</div> 2129 <p>Chúng tôi Äã gá»i mã xác minh gá»m 6 chữ sá» tá»i sá» Äiá»n thoại <span style="font-weight: 500;" id="phone-OTP-fast"></span> qua tà i khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p> 2130 <div class="ui form " id="verify-OTP-fast"> 2131 <div class="field"> 2132 <div class="ui six mini input mini-input-fast" style="display: flex; align-items: center; gap: 10px; justify-content: center;"> 2133 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-1-fast" /> 2134 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-2-fast" /> 2135 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-3-fast" /> 2136 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-4-fast" /> 2137 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-5-fast" /> 2138 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" id="code-6-fast" /> 2139 </div> 2140 </div> 2141 <div style="margin:10px 0;"> 2142 <p id="time-validity-fast" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiá»u lá»±c trong 2 phút</p> 2143 <p style="text-align: center; font-size: 12px; margin: 0;" id="timer-count-fast">Gá»i lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer-fast"></a></p> 2144 <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text-fast">Không nháºn ÄÆ°á»£c mã?</p><a id="resend-code-fast" style="color: rgb(224, 60, 49);cursor:pointer;">Gá»i lại bằng SMS</a></div> 2145 </div> 2146 <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP-fast">Xác thá»±c<i class="loading spinner icon" id="loading-verify-OTP-fast" style="display:none;"></i></div> 2147 <div class="ui fluid button btn-comback-fast" id="button-comback-verify-OTP-fast">Quay lại</div> 2148 2149 </div> 2150 2151 </div> 2152 <div id="verify-OTP-success-fast" style="display:none;padding-top:20px;text-align:center"> 2153 2154 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" width="120" /> 2155 <div style="font-size: 18px !important; line-height: 32px !important; font-weight: 500 !important; letter-spacing: -0.2px !important; color: rgb(44, 44, 44) !important; margin-bottom: 20px;" id="success-fast-lable"></div> 2156 2157 <div style="position: absolute; bottom: 20px; left: 12%;">Tá»± Äá»ng chuyá»n hưá»ng sau <span id="time-redirect" style=" color: rgb(224, 60, 49)"></span></div> 2158 2159 </div> 2160 </div> 2161 </div> 2162 </div> 2163 </div> 2164</div> 2165
2166<script> 2167 let modalOpen = false; 2168 2169 $(document).ready(function () { 2170 2171 $("#regist-now-header").click(function () { 2172 if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) { 2173 window.location.href = "/chuyen-trang-moi-gioi" 2174 } 2175 else { 2176 $.ajax({ 2177 url: '/Users/CheckIsBrokerUserLogin', 2178 type: 'GET', 2179 success: function (data) { 2180 if (data) { 2181 if (data.status) { 2182 if (data.url != "") { 2183 window.location.href = data.url 2184 } 2185 else { 2186 window.location.href = "/dang-ki-moi-gioi" 2187 } 2188 } 2189 else { 2190 window.location.href = "/chuyen-trang-moi-gioi" 2191 } 2192 } 2193 else { 2194 window.location.href = "/chuyen-trang-moi-gioi" 2195 } 2196 } 2197 }); 2198 } 2199 }); 2200 $("#btnDangTin").click(function () { 2201 var isLoggedInTVPL = CommonModule.getCookie("tvpl_access_token"); 2202 var isLoggedInGG = CommonModule.getCookie("google_access_token"); 2203 var isLoggedIn = CommonModule.getCookie("token"); 2204 2205 if (!isLoggedIn && !isLoggedInTVPL && !isLoggedInGG) { 2206 loginModalBinding(); 2207 $(".modal-login").modal({ 2208 closable: false 2209 }).modal('show'); 2210 } else { 2211 $.ajax({
2212 url: "/Users/CheckExistPhoneUser", 2213 type: "GET", 2214 success: function (response) { 2215 if (response.check) { 2216 window.location.href = "/dang-tin"; 2217 2218 } else { 2219 2220 $(".form-regist").show(); 2221 $(".form-login").hide(); 2222 $("#lable-welcome").text("Xác minh sá» Äiá»n thoại"); 2223 $("#login-footer").hide(); 2224 $(".lable-hello").hide(); 2225 $(".register").hide(); 2226 $("#verity-type").val(2); 2227 $('.ui.modal.modal-login').modal({ 2228 closable: false 2229 }).modal('show'); 2230 } 2231 }, 2232 error: function () { 2233 } 2234 }); 2235 } 2236 }); 2237 $("#btn-dangtin-mobile").click(function () { 2238 var isLoggedInTVPL = CommonModule.getCookie("tvpl_access_token"); 2239 var isLoggedInGG = CommonModule.getCookie("google_access_token"); 2240 var isLoggedIn = CommonModule.getCookie("token"); 2241 2242 if (!isLoggedIn && !isLoggedInTVPL && !isLoggedInGG) { 2243 loginModalBinding(); 2244 $('.ui.sidebar').sidebar('hide'); 2245 $(".modal-login").modal({ 2246 closable: false 2247 }).modal('show'); 2248 } 2249 else { 2250 $.ajax({
2251 url: "/Users/CheckExistPhoneUser", 2252 type: "GET", 2253 success: function (response) { 2254 if (response.check) { 2255 window.location.href = "/dang-tin"; 2256 } else { 2257 //$("#modal-add-phone").modal({ 2258 // closable: false 2259 //}).modal('show'); 2260 $(".form-regist").show(); 2261 $(".form-login").hide(); 2262 $("#lable-welcome").text("Xác minh sá» Äiá»n thoại"); 2263 $("#login-footer").hide(); 2264 $(".lable-hello").hide(); 2265 $(".register").hide(); 2266 $("#verity-type").val(2); 2267 $('.ui.modal.modal-login').modal({ 2268 closable: false 2269 }).modal('show'); 2270 } 2271 }, 2272 error: function () { 2273 } 2274 }); 2275 } 2276 }); 2277 $('#right-icon-add-phone').on('click', function () { 2278 const $passwordInput = $('#password-add'); 2279 const isPasswordVisible = $passwordInput.attr('type') === 'text'; 2280 2281 $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text'); 2282 $(this).toggleClass('eye').toggleClass('eye slash'); 2283 }); 2284 $('.ui.dropdown').dropdown(); 2285 2286 $('.dropdown-title').on('click', function (text, value, element) { 2287 event.preventDefault(); 2288 const href = $(this).attr('href'); 2289 if (href) { 2290 window.location.href = href; 2291 } 2292 }); 2293 2294 $(window).resize(); 2295 $('.close').on('click', function () { 2296 $('.ui.sidebar').sidebar('hide'); 2297 $("#menu-left-mobile").show(); 2298 2299 $("#navigation-bar-bottom").fadeIn(500); 2300 }); 2301 2302 $(window).scroll(function () { 2303 if ($(this).scrollTop() > 100) { 2304 $('#backToTop').fadeIn(); 2305 } else { 2306 $('#backToTop').fadeOut(); 2307 } 2308 }); 2309 $('#backToTop').click(function (e) { 2310 e.preventDefault(); 2311 $('html, body').animate({ scrollTop: 0 }, '300'); 2312 }); 2313 2314 function toggleIconButtons() { 2315 if ($('.user-sign-in').css('display') === 'block') { 2316 //$('.icon-button').css('display', 'block'); 2317 $('.login-divider-header').css('display', 'none'); 2318 //$('#content-login').css('justify-content', 'flex-end'); 2319 } else { 2320 //$('.icon-button').css('display', 'none'); 2321 $('.login-divider-header').css('display', 'block'); 2322 //$('#content-login').css('justify-content', 'flex-end'); 2323 } 2324 } 2325 2326 // Initial check when the page loads 2327 toggleIconButtons(); 2328 2329 // Dynamically check when `.user-sign-in` visibility changes 2330 // MutationObserver is ideal for monitoring style changes 2331 const observer = new MutationObserver(toggleIconButtons); 2332 observer.observe(document.querySelector('.user-sign-in'), { attributes: true, attributeFilter: ['style'] }); 2333 2334 // Optional: Attach click or other events to force the check 2335 $('.user-sign-in').on('click', toggleIconButtons()); 2336 2337 2338 //set logo on top when mobile tablet mode 2339 if (isMobile_TabletMode) { 2340 $('.logo-mobile-version').attr('style', 'display:block !important'); 2341 } 2342 2343 document.addEventListener("scroll", function () { 2344 const header = document.getElementById("header"); 2345 const img = document.getElementById("logo-img"); 2346 const text = document.getElementsByClassName("icon-button__badge"); 2347 const headerContainer = document.getElementsByClassName("header-container"); 2348 const $projectSearchbar = document.getElementById("project-search-bar"); 2349 const searchBarSale = document.getElementsByClassName("searchBarSale"); 2350 const menuTop = document.getElementsByClassName("menu-top"); 2351 const banDemo = document.getElementById("ban-demo"); 2352 2353 for (let i = 0; i < text.length; i++) { 2354 if (window.scrollY > 2) { 2355 text[i].style.fontSize = "10px"; 2356 text[i].style.height = "15px"; 2357 text[i].style.width = "15px"; 2358 text[i].style.top = "-6px"; 2359 text[i].style.right = "-2px"; 2360 } else { 2361 text[i].style.fontSize = "14px"; 2362 text[i].style.height = "20px"; 2363 text[i].style.width = "20px"; 2364 } 2365 } 2366 2367 if (window.scrollY > 2) { 2368 header.classList.add("shrink"); 2369 //headerContainer[0].style.padding = "0 10px"; 2370 img.style.width = "64px"; 2371 img.style.height = "64px"; 2372 2373 if ($projectSearchbar) $projectSearchbar.style.paddingTop = "60px"; 2374 2375 if (searchBarSale.length > 0) { 2376 searchBarSale[0].style.paddingTop = "68px"; 2377 searchBarSale[0].style.paddingBottom = "9px"; 2378 } 2379 2380 menuTop[0].style.marginTop = "0.8rem"; 2381 2382 //banDemo.style.bottom = "12px" 2383 2384 } else { 2385 header.classList.remove("shrink"); 2386 //headerContainer[0].style.padding = "0 20px"; 2387 img.style.width = "84px"; 2388 img.style.height = "84px"; 2389 2390 if ($projectSearchbar) $projectSearchbar.style.paddingTop = "90px"; 2391 2392 if (searchBarSale.length > 0) searchBarSale[0].style.paddingTop = "100px"; 2393 2394 menuTop[0].style.marginTop = "0.4rem"; 2395 2396 //banDemo.style.bottom = "12px" 2397 } 2398 if (isMobile_TabletMode && (typeof isDetailPage !== 'undefined' && isDetailPage)) { 2399 $('.button-text-menu').text(''); 2400 if (window.scrollY == 0) { 2401 //$('.mobile-search-bar-dynamic').css('padding-top', '0'); 2402 //$('.mobile-search-bar-dynamic').css('padding-bottom', '0'); 2403 //$('.mobile-menu-button').attr('style', 'width: 100% !important; padding: 1% 0;'); 2404 //jQuery('.search-input-bar-header').prependTo('.mobile-search-bar-dynamic'); 2405 //$('.search-input-bar-header').attr('style', 'width: 100% !important; padding: 0; display: none;'); 2406 //$('.logo-mobile-version .img-fluid').attr('style', 'width: 48px; height: 48px;'); 2407 $('.logo-mobile-version').attr('style', 'display:block !important;'); 2408 $('.cs-search-container__mobile').appendTo('.mobile-menu-button'); 2409 //$('.panel-filter').css('padding-top', '22px'); 2410 $('.searchBarSale').css('padding-top', '87px'); 2411 //$('.mobile-search-container').attr('style', 'display:none !important'); 2412 //$('.header-container').attr('style', 'display:block !important; width: 100%; padding: 0px 20px; margin: 0px !important;'); 2413 //$('.search-input-bar').attr('style', 'width: 100%; margin-bottom: 15px; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;'); 2414 //$('#dropdown-menu-sale-mobilemode').css('display', 'block'); 2415 //$('.search-input-bar-mobile').attr('style', 'display: flex;'); 2416 //$('.PC-filter-panel').attr('style', 'margin-top: -1rem;margin-left:0;margin-right:0'); 2417 //$('.searchBarSale').attr('style', 'margin-top: 5dvh;'); 2418 if ($(window).innerWidth() <= 360) { 2419 $('.panel-filter').attr('style', 'padding-top: 73px !important;'); 2420 } 2421 } else { 2422 if (searchBarSale.length > 0) { 2423 //$('.mobile-search-bar-dynamic').css('padding-top', '0%'); 2424 //$('.mobile-menu-button').attr('style', 'width: 25% !important; padding: 1% 0;'); 2425 $('.logo-mobile-version').attr('style', 'display:none !important;'); 2426 $('.cs-search-container__mobile').appendTo('.mobile-header'); 2427 //$('.panel-filter').css('padding-top', '0'); 2428 $('.searchBarSale').css('padding-top', '21px'); 2429 $('.searchBarSale').css('padding-bottom', '0'); 2430 //$('.mobile-search-container').attr('style', 'display:none !important'); 2431 //jQuery('.search-input-bar-header').appendTo('.header-container'); 2432 //$('.search-input-bar-header').attr('style', 'width: 100% !important; margin: 1dvh; display: flex;'); 2433 //$('.header-container').attr('style', 'display:flex !important; width: 100%; padding: 0px 20px; margin: 0px !important;'); 2434 //$('.search-input-bar').attr('style', 'width: 100%; margin-bottom: 0; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;'); 2435 //$('.search-input-bar-mobile').attr('style', 'display: none;'); 2436 //$('.searchBarSale').attr('style', 'margin-top: 34px;'); 2437 2438 if ($(window).innerWidth() <= 360) { 2439 $('.panel-filter').attr('style', 'padding-top: 7px !important;'); 2440 //$('.searchBarSale').attr('style', 'margin-top: 20px;'); 2441 //$('.search-input-bar').attr('style', 'width: 96%; margin-bottom: 0; margin-left: 10px; margin-right: 10px; background-color: #fff; border: 1px solid #F2F2F2; border-radius: 4px; align-items: center;'); 2442 } 2443 //$('#dropdown-menu-sale-mobilemode').attr('style', 'display:none !important;'); 2444 } 2445 } 2446 } 2447 }); 2448 2449 function getZoomLevel() { 2450 return window.devicePixelRatio; 2451 } 2452 2453 2454 if ((typeof isHome !== 'undefined' && isHome) && isOnlyMobileMode) { 2455 let lastScrollTop = 0; 2456 //const searchContainer = document.querySelector('.mobile-container-scroll'); 2457 //searchContainer.style.display = 'block'; 2458 2459 2460 window.addEventListener('scroll', function () { 2461 const logo = document.querySelector('.mobile-logo-scroll'); 2462 const searchScroll = document.querySelector('.mobile-search-scroll'); 2463 const mobileHeader = document.querySelector('.mobile-header'); 2464 const mobileLogo = document.querySelector('.logo-mobile-version'); 2465 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 2466 2467 2468 if (scrollTop > 50) { 2469 // Scroll xuá»ng 2470 logo.style.display = 'none'; 2471 //searchContainer.style.display = 'none'; 2472 searchScroll.style.display = 'block'; 2473 mobileHeader.style.width = '100%'; 2474 mobileLogo.style.width = '80%'; 2475 } else { 2476 // Scroll lên 2477 logo.style.display = 'flex'; 2478 //searchContainer.style.display = 'block'; 2479 searchScroll.style.display = 'none'; 2480 mobileHeader.style.width = '100%'; 2481 mobileLogo.style.width = 'auto'; 2482 } 2483 2484 lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; 2485 }); 2486 } 2487 2488 if (isMobile_TabletMode) { 2489 //const favorite = document.getElementById('notify-favorite-mobile'); 2490 //favorite.style.display = 'block'; 2491 2492 //const promotion = document.getElementById('promotion-cart-mobile'); 2493 //promotion.style.display = 'block'; 2494 2495 //const mobileHeader = document.querySelector('.mobile-header'); 2496 //mobileHeader.style.paddingTop = "1%"; 2497 //mobileHeader.style.paddingBottom = "1%"; 2498 2499 //$('.mobile-menu-button').attr('style', 'width: 100% !important; padding: 1% 0;'); 2500 } 2501 2502 let today = new Date(); 2503 let targetDate = new Date("2025-05-01T00:00:00"); 2504 2505 if (today.getTime() >= targetDate.getTime()) { 2506 $('#mobile-flashsale-container').attr('style', 'display: none !important;'); 2507 $('#promotion-cart-mobile').attr('style', 'display: none !important;'); 2508 $('#promotion-cart').attr('style', 'display: none !important;'); 2509 2510 const mobileHeader = document.querySelector('.mobile-header'); 2511 mobileHeader.style.justifyContent = "space-between"; 2512 2513 const mobileLogoSrcoll = document.querySelector('.mobile-logo-scroll'); 2514 mobileLogoSrcoll.style.position = "absolute"; 2515 } 2516 $.fn.form.settings.rules.validPhoneForm = function (value) { 2517 if (value) { 2518 return CommonModule.isValidPhoneNumber(value); 2519 } 2520 else return true; 2521 } 2522 $.fn.form.settings.rules.validPasswordForm = function (value) { 2523 if (value) { 2524 return CommonModule.isValidPassword(value); 2525 } 2526 else return true; 2527 }; 2528 $.fn.form.settings.rules.validCheckExistPhone = function (value) { 2529 if (value) { 2530 var isPhoneValid = false; 2531 $.ajax({
2532 url: "/Users/CheckExistUser", 2533 type: 'POST', 2534 dataType: "json", 2535 method: "POST", 2536 contentType: "application/json", 2537 data: JSON.stringify({ PhoneNumber: value }), 2538 async: false, 2539 success: function (response) { 2540 if (response.result.Success) { 2541 isPhoneValid = false; 2542 } else { 2543 isPhoneValid = true; 2544 } 2545 }, 2546 error: function () { 2547 isPhoneValid = false; 2548 } 2549 }); 2550 return isPhoneValid; 2551 } else { 2552 return true; 2553 } 2554 }; 2555 2556 2557 $("#form-add-phone") 2558 .form({ 2559 fields: { 2560 phoneAdd: { 2561 identifier: 'phoneAdd', 2562 rules: [ 2563 { 2564 type: 'empty', 2565 prompt: 'Vui lòng nháºp sá» Äiá»n thoại' 2566 }, 2567 { 2568 type: 'validPhoneForm', 2569 prompt: 'Vui lòng nháºp sá» Äiá»n thoại hợp lá»' 2570 }, 2571 { 2572 type: 'validCheckExistPhone', 2573 prompt: 'Sá» Äiá»n thoại nà y Äã ÄÆ°á»£c ÄÄng ký. Vui lòng dùng sá» Äiá»n thoại khác Äá» ÄÄng ký.' 2574 } 2575 ] 2576 }, 2577 passwordAdd: { 2578 identifier: 'passwordAdd', 2579 rules: [ 2580 { 2581 type: 'empty', 2582 prompt: 'Vui lòng nháºp máºt khẩu' 2583 }, 2584 { 2585 type: 'validPasswordForm', 2586 prompt: 'Mật khâÌu phaÌi coÌ tôÌi thiêÌu 8 kyÌ tự. Trong ÄoÌ: coÌ chưÌa ÄâÌy ÄuÌ chÆ°Ì caÌi viêÌt thươÌng, viêÌt hoa, kyÌ tự ÄÄÌ£c biệt vaÌ kyÌ tự sôÌ!' 2587 } 2588 ] 2589 }, 2590 }, 2591 onSuccess: function (event, fields) { 2592 event.preventDefault(); 2593 var validpass = CommonModule.isValidPassword(fields.passwordAdd); 2594 var validphone = CommonModule.isValidPhoneNumber(fields.phoneAdd); 2595 if (!validpass || !validphone) { 2596 return; 2597 } 2598 var dataInput = { 2599 phone: fields.phoneAdd, 2600 password: fields.passwordAdd, 2601 }; 2602 2603 $.ajax({
2604 url: '/Users/UpdatePhoneToUser', 2605 type: 'POST', 2606 data: dataInput, 2607 success: function (data) { 2608 if (data) { 2609 $("#modal-add-phone").modal('hide'); 2610 $("#phone-add").val(""); 2611 $("#password-add").val(""); 2612 CommonModule.showToast("Success", "Cáºp nháºt sá» Äiá»n thoại và máºt khẩu thà nh công.", "success"); 2613 window.location.href = "/dang-tin"; 2614 } else { 2615 CommonModule.showToast("Error", "Có lá»i xảy ra khi gá»i mail.", "error"); 2616 } 2617 }, 2618 error: function () { 2619 CommonModule.showToast("Error", "Có lá»i xảy ra khi gá»i mail.", "error"); 2620 } 2621 }); 2622 } 2623 }) 2624 $('#phone-add').on('input', function () { 2625 var $errorMessageContainer = $("#error-msg-add-phone"); 2626 var phone = $(this).val(); 2627 var isValidPhone = CommonModule.isValidPhoneNumber(phone); 2628 $errorMessageContainer.find('ul li').each(function () { 2629 if (!$(this).hasClass('phone-error') && !$(this).hasClass('password-error')) { 2630 $(this).remove(); 2631 } 2632 }); 2633 if ($errorMessageContainer.find('ul').length === 0) { 2634 $errorMessageContainer.append('<ul class="list"></ul>'); 2635 } 2636 if (!isValidPhone) { 2637 if ($errorMessageContainer.find('ul li.phone-error').length === 0) { 2638 $errorMessageContainer.find('ul').append('<li class="phone-error">Vui lòng nháºp sá» Äiá»n thoại hợp lá»</li>'); 2639 } 2640 $errorMessageContainer.show(); 2641 } else { 2642 $errorMessageContainer.find('ul li.phone-error').remove(); 2643 if ($errorMessageContainer.find('ul li').length === 0) { 2644 $errorMessageContainer.hide(); 2645 } 2646 } 2647 }); 2648 $('#password-add').on('input', function () { 2649 var $errorMessageContainer = $("#error-msg-add-phone"); 2650 var password = $(this).val(); 2651 var isValidPassword = CommonModule.isValidPassword(password); 2652 $errorMessageContainer.find('ul li').each(function () { 2653 if (!$(this).hasClass('phone-error') && !$(this).hasClass('password-error')) { 2654 $(this).remove(); 2655 } 2656 }); 2657 if ($errorMessageContainer.find('ul').length === 0) { 2658 $errorMessageContainer.append('<ul class="list"></ul>'); 2659 } 2660 if (!isValidPassword) { 2661 if ($errorMessageContainer.find('ul li.password-error').length === 0) { 2662 $errorMessageContainer.find('ul').append('<li class="password-error">Mật khâÌu phaÌi coÌ tôÌi thiêÌu 8 kyÌ tự. Trong ÄoÌ: coÌ chưÌa ÄâÌy ÄuÌ chÆ°Ì caÌi viêÌt thươÌng, viêÌt hoa, kyÌ tự ÄÄÌ£c biệt vaÌ kyÌ tự sôÌ!</li>'); 2663 } 2664 $errorMessageContainer.show(); 2665 } else { 2666 $errorMessageContainer.find('ul li.password-error').remove(); 2667 if ($errorMessageContainer.find('ul li').length === 0) { 2668 $errorMessageContainer.hide(); 2669 } 2670 } 2671 }); 2672 $("#form-add-phone").submit(function () { 2673 if ($("#error-msg-add-phone").find('ul li').length > 0) $("#error-msg-add-phone").show(); 2674 }); 2675 2676 var check_valid_email = false; 2677 $("#valid-email").on("blur", function () { 2678 if ($(this).val().trim() != "") { 2679 if (!CommonModule.isValidTaxCode($(this).val().trim())) { 2680 $("#error-msg-valid-email").text("Vui lòng nháºp mã sá» thuế hợp lá»").show(); 2681 check_valid_email = false; 2682 } 2683 else { 2684 $("#error-msg-valid-email").text("").hide(); 2685 check_valid_email = true; 2686 //$("#error-msg-valid-email").text("").hide(); 2687 //$.ajax({
2688 // url: "/Users/CheckExistTaxCodeIsValid?taxcode=" + $(this).val().trim(), 2689 // type: "GET", 2690 // success: function (response) { 2691 // if (!response.status) { 2692 // $("#error-msg-valid-email").text(response.message).show(); 2693 // check_valid_email = false; 2694 // } 2695 // else { 2696 // $("#error-msg-valid-email").text("").hide(); 2697 // check_valid_email = true; 2698 // } 2699 // }, 2700 // error: function () { 2701 // $("#error-msg-valid-email").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau!").show(); 2702 // check_valid_email = false; 2703 // } 2704 //}); 2705 } 2706 } 2707 }); 2708 $("#form-valid-email").on("submit", function (e) { 2709 e.preventDefault(); 2710 $("#loading-sendmail-valid").show(); 2711 var taxcode = $("#valid-email").val().trim(); 2712 if (taxcode = "" || !check_valid_email) { 2713 $("#loading-sendmail-valid").hide(); 2714 return; 2715 } 2716 else { 2717 $.ajax({
2718 url: "/Users/UpdateOrValidTaxCode", 2719 type: "POST", 2720 dataType: "json", 2721 contentType: "application/json", 2722 data: JSON.stringify({ taxcode: $("#valid-email").val().trim() }), 2723 success: function (response) { 2724 if (response.Success) { 2725 $("#loading-sendmail-valid").hide(); 2726 $("#modal-valid-email").modal('hide'); 2727 } 2728 else { 2729 $("#loading-sendmail-valid").hide(); 2730 $("#error-msg-valid-email").text(response.Message).show(); 2731 } 2732 }, 2733 error: function () { 2734 $("#loading-sendmail-valid").hide(); 2735 $("#error-msg-valid-email").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau!").show(); 2736 } 2737 }); 2738 } 2739 }); 2740 $("#form-valid-email").form(); 2741 $('#modal-valid-email .close').click(function () { 2742 $("#valid-email").val("") 2743 $("#error-msg-valid-email").hide(); 2744 $("#content-valid").show(); 2745 $("#content-submit").hide(); 2746 $.ajax({
2747 url: "/Users/UpdateOrValidTaxCode", 2748 type: "POST", 2749 dataType: "json", 2750 contentType: "application/json", 2751 data: JSON.stringify({ taxcode: $("#valid-email").val().trim() }), 2752 success: function (response) { 2753 if (response.Success) { 2754 $("#loading-sendmail-valid").hide(); 2755 $("#content-valid").hide(); 2756 $("#content-submit").show(); 2757 } 2758 else { 2759 $("#loading-sendmail-valid").hide(); 2760 } 2761 }, 2762 error: function () { 2763 $("#loading-sendmail-valid").show(); 2764 } 2765 }); 2766 }); 2767 $("#modal-login-sigin-fast .close").click(function () { 2768 $("#content-regist-fast").css("display", "block"); 2769 $("#verify-OTP-fast").css("display", "none"); 2770 $("#verify-OTP-success-fast").css("display", "none"); 2771 $("#phone-regist-fast").val(""); 2772 $("#error-form-regist-fast").text("").hide(); 2773 $('.mini-input-fast input').val(''); 2774 clearInterval(timerInterval); 2775 timerInterval = null; 2776 $('#timer-fast').text('').hide(); 2777 }); 2778 2779 }); 2780 function CheckExistUser(phone) { 2781 $.ajax({
2782 url: "/Users/CheckExistUser", 2783 type: 'POST', 2784 dataType: "json", 2785 method: "POST", 2786 contentType: "application/json", 2787 data: JSON.stringify({ PhoneNumber: phone }), 2788 success: function (response) { 2789 if (response.result.Success) { 2790 existPhone = true; 2791 return false; 2792 } else { 2793 existPhone = false 2794 return true; 2795 } 2796 }, 2797 error: function () { 2798 existPhone = true; 2799 return false; 2800 } 2801 }); 2802 } 2803 var timerInterval = null; 2804</script>
2804 2805 2806 2807<main class="ui grid container stackable" style="padding-bottom: 1%;"> 2808 <div class="two wide column stackable"> 2809 2810 </div> 2811 <div class="twelve wide column stackable" style=" "> 2812 <div class="ui segment" style="justify-content:center; display:flex;padding:0;"> 2813 <div class="ui image" style="display:block; width: 40%; max-height: 700px; "> 2814 <a href="/" style="display: flex;height:100%;"> 2815 <img style="border-top-left-radius: 5px; border-bottom-left-radius:4px;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/SigninBannerV3.png" /> 2816 </a> 2817 </div> 2818 <div id="content-modal-login-view" style="padding: 30px 20px; width: 60%;"> 2819 <div class="lable-hello">Xin chà o bạn</div> 2820 <h4 class="lable-welcome" id="lable-welcome-view">ÄÄng nháºp Äá» tiếp tục</h4> 2821 <div class="column"> 2822 <form class="ui large form form-login"> 2823 <div class="field"> 2824 <div class="ui left icon input"> 2825 <i class="user icon"></i> 2826 <input class="phone-regist" type="text" id="phone-mail-login-view" placeholder="Nháºp SÄT chÃnh hoặc email"> 2827 </div> 2828 </div> 2829 <div id="error-phone-mail-login-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div> 2830 <div class="field"> 2831 <div class="ui input two-icons"> 2832 <i class="lock icon left-icon"></i> 2833 <input type="password" id="password-login-view" placeholder="Máºt khẩu"> 2834 <i class="eye icon right-icon" id="right-icon-password-login-view"></i> 2835 </div> 2836 </div> 2837 <div id="error-password-login-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); margin: -0.5em 0em 0.5em;"></div> 2838 <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-login-view" style=" background-color: var(--secondary-color)!important">ÄÄng nháºp <i class="loading spinner icon" id="loading-login-view" style="display: none; left: 64%; position: absolute; transform: translate(-50%, -50%); "></i></button> 2839 <div class="field remember-account" style="margin-top:15px;"> 2840 <div class="two fields"> 2841 <div class="field ui checkbox" style="flex:1"> 2842 <input id="remember-me-view" type="checkbox" name="example"> 2843 <label for="remember-me-view" style="font-weight:normal; cursor:pointer;">Nhá» tà i khoản</label> 2844 </div> 2845 <div class="field" style="flex: 1"> 2846 <a id="reset-password-view" style="color: rgb(224, 60, 49); display: flex; float: right; cursor: pointer; font-size: 13px; ">Quên máºt khẩu?</a> 2847 </div> 2848 </div> 2849 </div> 2850 2851 </form> 2852 <form class="ui large form form-regist" style="display:none;"> 2853 <div class="field"> 2854 <div class="input-container"> 2855 <img src="/Assets/img/call-calling-svgrepo-com.svg" class="input-icon" /> 2856 <input type="text" class="phone-regist" name="phone" id="phone-regist-view" placeholder="Nháºp sá» Äiá»n thoại" /> 2857 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/09b753df-415b-43b3-a703-14ad59997d02-Photoroom.png" class="input-icon-right" /> 2858 2859 </div> 2860 </div> 2861 <div id="error-form-regist-view" style="display: none; font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(224, 60, 49); margin-bottom: 10px; "></div> 2862 <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-regist-view" disabled>Tiếp tục<i class="loading spinner icon" id="loading-regist-view" style="display: none; position: absolute; left: 60%;"></i></button> 2863 </form> 2864 <div class="sc-iXbCwh gGaPeb"><div class="sc-jTyxRY hcnzPw"></div><div class="sc-dJzGcj czShJi"><div type="tertiary" class="sc-crrsfI fmnTOX">Hoặc</div></div></div> 2865 2866 <div class="field button-sign" style="display: none"> 2867 <div class="ui fluid button button-h46 button-white"> 2868 <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/apple-icon.png" /><span>ÄÄng nháºp vá»i Apple</span> 2869 </div> 2870 </div> 2871 2872 <div class="field button-sign"> 2873 <div class="ui fluid button button-h46 button-white" id="sign-in-google-view"> 2874 <img style="max-width:25px" src="https://cdn.thuviennhadat.vn//upload/bds/MAIPM/google-icon.png" /><span>ÄÄng nháºp vá»i Google</span> 2875 </div> 2876 </div> 2877 <div class="field button-sign"> 2878 <div class="ui fluid button button-h46 button-white" id="sign-in-tvpl-view"> 2879 <img style="max-width:25px" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /><span> 2880 ÄÄng nháºp vá»i <a href="#" class="mobile-font-14" style="color: rgb(224, 60, 49); font-weight: bold; font-size: 16px; font-family: Times New Roman; ">THƯ VIá»N PHÃP LUẬT</a> 2881 </span> 2882 </div> 2883 </div> 2884 </div> 2885 <div style="text-align: center; font-size: 12px; color: rgb(153, 153, 153)"> 2886 Bằng viá»c tiếp tục, laÌ bạn ÄaÌ Äá»ng ý vá»i
2887 <a href="/huong-dan-su-dung/quy-che-hoat-dong.html" target="_blank" style="color:red">Äiá»u khoản sá» dụng</a>, 2888 <a href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html" target="_blank" style="color:red">ChÃnh sách bảo máºt</a>, và 2889 <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color:red">Quy chế bảo vá» dữ liá»u cá nhân</a> 2890 cá»§a <strong class="brand-name" style="font-size:16px; padding-top:0px"><span class="br-1">Thư Viện</span><span class="br-2"> NhaÌ ÄâÌt</span></strong> 2891 </div> 2892 <div class="register" style="text-align: center; margin-top: 10px; font-size: 12px;"> 2893 Chưa là thà nh viên? 2894 <a style="color: rgb(224, 60, 49); cursor: pointer;" id="register-view">ÄÄng ký</a> 2895 tại Äây 2896 </div> 2897 </div> 2898 <div id="verify-OTP-view" style="display: none; padding: 30px 30px; width: 60%;"> 2899 <input hidden id="verity-type-view" /> 2900 <div class="lable-hello" style="padding:10px 0;">Nháºp mã xác minh</div> 2901 <p>Chúng tôi Äã gá»i mã xác minh gá»m 6 chữ sá» tá»i sá» Äiá»n thoại <span style="font-weight: 500;" id="phone-OTP-view"></span> qua tà i khoản <span style="color: rgb(0, 104, 255);">Zalo</span> hoặc SMS</p> 2902 <div class="ui form"> 2903 <div class="field"> 2904 <div class="ui six mini input mini-input" id="mini-input-view" style="display: flex; align-items: center; gap: 16px; justify-content: center;"> 2905 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2906 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2907 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2908 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2909 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2910 <input type="tel" autocomplete="off" inputmode="numeric" maxlength="1" tabindex="1" /> 2911 </div> 2912 </div> 2913 <div style="margin:10px 0;"> 2914 <p id="time-validity-view" style="font-size: 12px; line-height: 16px; font-weight: 400; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0 !important; ">Mã có hiá»u lá»±c trong 2 phút</p> 2915 <p style="text-align: center; font-size: 13px; margin: 0;" id="timer-count-view">Gá»i lại mã sau: <a style="color: rgb(224, 60, 49)" id="timer-view"></a></p> 2916 <div style="display: flex; justify-content: center; align-items: center; "><p style="text-align: center; font-size: 13px; margin: 0; display: none; padding-right: 5px;" id="resend-text-view">Không nháºn ÄÆ°á»£c mã?</p><a id="resend-code-view" style="color: rgb(224, 60, 49);cursor:pointer;">Gá»i lại bằng SMS</a></div> 2917 2918 </div> 2919 <div class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-OTP-view" disabled>Xác minh<i class="loading spinner icon" id="loading-verify-OTP-view" style="display:none;"></i></div> 2920 <div class="ui fluid button btn-comback-fast" id="comback-verify-OTP-view">Quay lại</div> 2921 </div> 2922 2923 </div> 2924 <div id="verify-password-view" style="display: none; padding: 30px 30px;width: 60%;"> 2925 <div class="lable-hello" style="padding:10px 0;">Tạo máºt khẩu</div> 2926 <div class="ui form"> 2927 <div class="field"> 2928 <div class="ui input two-icons"> 2929 <i class="lock icon left-icon"></i> 2930 <input id="password-regist-view" type="password" placeholder="Nháºp máºt khẩu"> 2931 <i class="eye icon right-icon" id="right-icon-verify-password-view"></i> 2932 </div> 2933 </div> 2934 <div class="field"> 2935 <div class="ui input two-icons"> 2936 <i class="lock icon left-icon"></i> 2937 <input id="confirm-password-regist-view" type="password" placeholder="Nháºp lại máºt khẩu"> 2938 <i class="eye icon right-icon" id="right-icon-confirm-verify-password-view"></i> 2939 </div> 2940 </div> 2941 <div id="error-form-verify-password-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49);"></div> 2942 <ul class="rule-pass" id="rule-pass-view"> 2943 <li data-id="1"><i class="check icon"></i>Máºt khẩu tá»i thiá»u 8 kà tá»±</li> 2944 <li data-id="2"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± viết hoa</li> 2945 <li data-id="3"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± sá»</li> 2946 <li data-id="4"><i class="check icon"></i>Chứa Ãt nhất 1 kà tá»± Äặc biá»t</li> 2947 </ul> 2948 <div class="field ui checkbox" style="margin: 0 0 10px;"> 2949 <input type="checkbox" id="agree-personal-data-view"> 2950 <label for="agree-personal-data-view" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;">
2951 Tôi Äã Äá»c và Äá»ng ý vá»i 2952 <a href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html" target="_blank" style="color: rgb(224, 60, 49);">quy chế bảo vá» dữ liá»u cá nhân</a> 2953 </label> 2954 </div> 2955 <div class="field ui checkbox" style="margin: 0 0 15px;"> 2956 <input type="checkbox" id="agree-marketing-data-view"> 2957 <label for="agree-marketing-data-view" style="font-weight: normal; cursor: pointer; font-size: 13px; line-height: 18px;"> 2958 Tôi Äá»ng ý nháºn thông tin giá»i thiá»u sản phẩm, dá»ch vụ, chương trình khuyến mãi (có thá» rút lại sau) 2959 </label> 2960 </div> 2961 <button class="ui fluid large teal submit button opacity-8 btn-secondary button-h46" type="submit" id="button-submit-verify-password-view" disabled>Tiếp tục<i class="loading spinner icon" id="loading-verify-password-view" style="display:none;margin-left:10px;"></i></button> 2962 </div> 2963 </div> 2964 <div id="content-reset-view" style="display: none; padding: 30px 30px;width: 60%;"> 2965 <div style="display:none"> 2966 <a title="Logo" id="logo-fast" style="display:flex;justify-content:center;"> 2967 <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" loading="lazy" class="img-fluid" width="64" height="64"> 2968 </a> 2969 2970 <div style="font-size: 18px; line-height: 28px; font-weight: normal !important; letter-spacing: -.2px; margin-bottom: 0px; color: #2C2C2C; padding: 10px 0; text-align: center; ">Äặt lại máºt khẩu </div> 2971 </div> 2972 <div class="content" style="padding-top: 20px;"> 2973 <form class="ui large form"> 2974 <div class="field"> 2975 <div class="ui left icon input"> 2976 <i class="user icon"></i> 2977 <input class="input-h46" type="text" name="email-phone" id="email-phone-view" placeholder="Nháºp email hoặc sá» Äiá»n thoại"> 2978 </div> 2979 <div id="error-email-phone-view" style="display: none; font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-top: 10px "></div> 2980 </div> 2981 <button class="ui fluid button btn-secondary button-h46" id="verify-email-button-view"> 2982 Gá»i <i class="loading spinner icon" id="loading-send-email-view" style=" display:none;left: 56%; position: absolute; transform: translate(-50%, -50%); "></i> 2983 </button> 2984 <div class="ui fluid button btn-comback-fast" id="come-back-view">Quay lại</div> 2985 </form> 2986 </div> 2987 </div> 2988 <div id="content-message-view" style="display: none; padding: 30px 30px;width: 60%;"> 2989 <div class="header" style="display: flex; justify-content: center; align-items: center; height: 100%"> 2990 <div style="text-align: center;"> 2991 <img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/Group%20633.png" height="100" style="margin-bottom: 20px;" /> 2992 <div id="mess-sms-view" style="display:none"> 2993 <div id="mess-reset-password-view" style="padding-bottom: 20px;"></div> 2994 <div class="ui fluid button button-h46 btn-secondary" id="login-last-reset-view">ÄÄng nháºp</div> 2995 </div> 2996 <div id="mess-mail-view"> 2997 <div style="font-size: 18px; font-weight: 500; margin-bottom: 10px;">Gá»i thà nh công</div> 2998 <div style="max-width: 400px; margin: 0 auto; line-height: 1.6;"> 2999 Chúng tôi Äã gá»i ÄÆ°á»ng dẫn thay Äá»i máºt khẩu tá»i Äá»a chá» email cá»§a bạn. Vui lòng kiá»m tra há»p thư Äến! 3000 </div> 3001 </div> 3002 </div> 3003 </div> 3004 </div> 3005 </div> 3006 3007 </div> 3008</main> 3009<div class="ui mini modal modal-tvpl" id="modal-login-tvpl-view"> 3010 <i class="close icon desktop-modal-tvpl"></i> 3011 <div class="image content"> 3012 3013 <div class="description" style="width: 100%;"> 3014 <div style="display: flex; margin-bottom: 10px; justify-content: space-around;"> 3015 <img style="max-width:50px;" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" /> 3016 <i style="font-size: 30px;" class="long arrow alternate right icon"></i> 3017 <img style="max-width: 50px;" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" /> 3018 </div> 3019 <div class="column"> 3020 <form class="ui large form"> 3021 <div class="ui segment"> 3022 <div class="field"> 3023 <div class="ui left icon input"> 3024 <i class="user icon"></i> 3025 <input class="input-h46" type="text" name="username" id="username-view" placeholder="Nháºp tên tà i khoản hoặc email TVPL"> 3026 </div> 3027 </div> 3028 <div class="field"> 3029 <div class="ui input two-icons"> 3030 <i class="lock icon left-icon"></i> 3031 <input class="input-h46" type="password" name="password-tvpl" id="password-tvpl-view" placeholder="Máºt khẩu"> 3032 <i class="eye icon right-icon" id="right-icon-password-tvpl-view"></i> 3033 </div> 3034 3035 </div> 3036 <div id="error-msg-tvpl-view" style="font-size: 12px; font-weight: 400; color: rgb(224, 60, 49); padding-bottom: 10px"></div> 3037 <button class="ui fluid large teal submit button opacity-8 button-h46" type="submit" id="button-submit-tvpl-view" style="background-color: #f89b1a !important ">ÄÄng nháºp <i class="loading spinner icon" id="loading-login-tvpl-view" style="display:none; left: 65%; position: absolute; transform: translate(-50%, -50%); "></i></button> 3038 <div class="field remember-account" style="margin-top:15px;"> 3039 <div class="two fields"> 3040 <div class="field ui checkbox"> 3041 <input id="remember-me-tvpll-view" type="checkbox" name="example"> 3042 <label>Nhá» tà i khoản</label> 3043 </div> 3044 <div class="field"> 3045 </div> 3046 </div> 3047 3048 </div> 3049 </div> 3050 3051 </form> 3052 3053 </div> 3054 </div> 3055 </div> 3056</div> 3057<style> 3058 #verify-button-view { 3059 background-color: var(--secondary-color) !important; 3060 color: white; 3061 } 3062 3063 #verify-button-view:hover { 3064 opacity: 0.8; 3065 } 3066 3067 .btn-login-view:hover { 3068 opacity: 0.6; 3069 } 3070 3071 @media screen and (max-width:480px) { 3072 main:first-of-type { 3073 margin-top: 0% !important; 3074 } 3075 } 3076 3077 @media only screen and (max-width: 400px) { 3078 .mobile-font-14 { 3079 font-size: 12px !important; 3080 } 3081 3082 #sign-in-tvpl-view { 3083 padding-left: 5px; 3084 padding-right: 5px; 3085 } 3086 } 3087 .left-icon { 3088 top: 20px !important; 3089 } 3090 .right-icon { 3091 top: 22px !important; 3092 } 3093</style> 3094
3095<script> 3096 $(document).ready(function () { 3097 3098 $(".login").click(function (event) { 3099 if (!event && !event.target) return; 3100 googleAccessToken = CommonModule.getCookie("google_access_token"); 3101 facebookAccessToken = CommonModule.getCookie("facebook_access_token"); 3102 if (googleAccessToken) { 3103 signinGoogle(googleAccessToken); 3104 return; 3105 } 3106 if (facebookAccessToken) { 3107 signinFacebook(facebookAccessToken); 3108 return; 3109 } 3110 loginModalBindingView(); 3111 if (event.target.id == 'register-button') { 3112 registerModalBindingView(); 3113 } 3114 var currentUrl = window.location.pathname; 3115 if (currentUrl == "/Users/Login") { 3116 return; 3117 } 3118 else { 3119 $('.ui.sidebar').sidebar('hide'); 3120 3121 $('.ui.modal.modal-login') 3122 .modal({ 3123 closable: false, 3124 allowMultiple: true 3125 }) 3126 .modal('show'); 3127 } 3128 3129 3130 }); 3131 $("#register-view").click(function () { 3132 registerModalBindingView(); 3133 }); 3134 $("#phone-mail-login-view").keyup(function () { 3135 $("#error-phone-mail-login-view").text("").hide(); 3136 $(this).css("border-color", ""); 3137 }); 3138 3139 $("#password-login-view").keyup(function () { 3140 $("#error-password-login-view").text("").hide(); 3141 $(this).css("border-color", ""); 3142 }); 3143 $("#button-submit-login-view").click(function (event) { 3144 event.preventDefault(); 3145 var validLogin = true; 3146 var phonemail = $("#phone-mail-login-view").val().trim(); 3147 var pass = $("#password-login-view").val().trim(); 3148 var rememberMe = $("#remember-me-view").is(":checked"); 3149 var errorphone = $("#error-phone-mail-login-view"); 3150 var errorpass = $("#error-password-login-view"); 3151 filterOptions = { 3152 PhoneNumber: phonemail, 3153 Password: pass, 3154 RememberMe: rememberMe, 3155 returnUrl: CommonModule.getParameterByName('returnUrl') 3156 } 3157 if (phonemail.length == 0) { 3158 errorphone.text("Tên ÄÄng nháºp không ÄÆ°á»£c Äá» trá»ng").show(); 3159 $("#phone-mail-login-view").css("border-color", "rgb(224, 60, 49)"); 3160 $(".form-login .field").css("margin", "0em 0em 0.5em !important;"); 3161 validLogin = false; 3162 } 3163 else { 3164 var valid = CommonModule.isValidPhoneNumber(phonemail); 3165 var validmail = CommonModule.isValidEmail(phonemail); 3166 if (!valid && !validmail) { 3167 errorphone.text("Tên ÄÄng nháºp không phải Äá»nh dạng sá» Äiá»n thoại hoặc email").show(); 3168 $("#phone-mail-login-view").css("border-color", "rgb(224, 60, 49)"); 3169 validLogin = false; 3170 } 3171 else { 3172 errorphone.text("").hide(); 3173 $("#phone-mail-login-view").css("border-color", ""); 3174 } 3175 } 3176 if (pass.length == 0) { 3177 errorpass.text("Máºt khẩu không ÄÆ°á»£c Äá» trá»ng").show(); 3178 $("#password-login-view").css("border-color", "rgb(224, 60, 49)"); 3179 $(".form-login .field").css("margin", "0em 0em 0.5em !important;"); 3180 validLogin = false; 3181 } 3182 else { 3183 errorpass.text("").hide(); 3184 $("#password-login-view").css("border-color", ""); 3185 } 3186 if (!validLogin) { 3187 return; 3188 } 3189 else { 3190 $("#loading-login-view").show(); 3191 $(this).attr('disabled', 'disabled'); 3192 $.ajax({
3193 url: "/Users/Login", 3194 dataType: "json", 3195 method: "POST", 3196 contentType: "application/json", 3197 data: JSON.stringify(filterOptions), 3198 success: function (response) { 3199 if (response.success) { 3200 CommonModule.showToast("Success", response.message, "success"); 3201 $(".login").hide(); 3202 $('.login-bar-header').attr("style", "margin-top: 8px;"); 3203 $("#user-login").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 3204 $("#user-login-mobile").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 3205 $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage); 3206 $(".user-sign-in").css({ 3207 "display": "block", 3208 "padding-right": "10px", 3209 "padding-left": "10px", 3210 }); 3211 $("#form-dimmer").removeClass("active"); 3212 $("#loading-login-view").hide(); 3213 $("#button-submit-login-view").removeAttr('disabled'); 3214 closeModalView(); 3215 if (localStorage.getItem('pendingAction') && typeof runPendingActionAfterLogin === 'function') { 3216 runPendingActionAfterLogin(); 3217 return; 3218 } 3219 window.location.href = response.url != null ? response.url : "/"; 3220 } else { 3221 $("#loading-login-view").hide(); 3222 $("#button-submit-login-view").removeAttr('disabled'); 3223 errorpass.text(response.message).show(); 3224 } 3225 3226 }, 3227 error: function (xhr, status, error) { 3228 $("#loading-login-view").hide(); 3229 $("#button-submit-login-view").removeAttr('disabled'); 3230 errorpass.text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3231 } 3232 }); 3233 } 3234 3235 }); 3236 3237 $("#user-sign-out-view").click(function () { 3238 signOut(); 3239 }); 3240 3241 3242 $('.modal-login #close-modal-view').click(function () { closeModalView(); }); 3243 $('#sign-in-google-view').click(function () { 3244 localStorage.setItem("currentUrl", window.location.href); 3245 $.ajax({
3246 url: "/signin-google", 3247 method: "POST", 3248 contentType: "application/json", 3249 dataType: "json", 3250 success: function (response) { 3251 if (response) { 3252 window.location.href = response.urlResponse; 3253 } 3254 }, 3255 error: function () { 3256 console.log("Login Failed"); 3257 } 3258 }); 3259 }); 3260 3261 $('#sign-in-facebook-view').click(function () { 3262 localStorage.setItem("currentUrl", window.location.href); 3263 $.ajax({ 3264 url: "/signin-facebook", 3265 method: "POST", 3266 contentType: "application/json", 3267 dataType: "json", 3268 success: function (response) { 3269 if (response) { 3270 window.location.href = response.urlResponse; 3271 } 3272 }, 3273 error: function () { 3274 console.log("Login Failed"); 3275 } 3276 }); 3277 }); 3278 $('#sign-in-tvpl-view').click(function () { 3279 $("#modal-login-tvpl-view") 3280 .modal({ 3281 closable: false, 3282 allowMultiple: true 3283 }) 3284 .modal('show'); 3285 3286 }); 3287 $("#button-submit-tvpl-view").click(function (event) { 3288 event.preventDefault(); 3289 var username = $("#username-view").val().trim(); 3290 var password = $("#password-tvpl-view").val().trim(); 3291 var rememberMe = $("#remember-me-tvpl-view").is(":checked"); 3292 $("#loading-login-tvpl-view").show(); 3293 $("#button-submit-tvpl-view").attr("disabled", "disabled"); 3294 $("#error-msg-tvpl").text("").hide(); 3295 if (!username || !password) { 3296 $("#error-msg-tvpl-view").text("Tên ÄÄng nháºp hoặc máºt khẩu không ÄÆ°á»£c Äá» trá»ng").show(); 3297 $("#loading-login-tvpl-view").hide(); 3298 $("#button-submit-tvpl-view").removeAttr("disabled"); 3299 return; 3300 } 3301 else { 3302 $("#error-msg-tvpl-view").text("").hide(); 3303 const urlParams = new URLSearchParams(window.location.search); 3304 const returnUrl = urlParams.get('returnUrl'); 3305 var data = { 3306 username: username, 3307 password: password, 3308 rememberMe: rememberMe, 3309 returnUrl: returnUrl 3310 } 3311 $.ajax({
3312 url: "/signin-tvpl", 3313 method: "POST", 3314 contentType: "application/json", 3315 dataType: "json", 3316 data: JSON.stringify(data), 3317 success: function (response) { 3318 if (response.success != false) { 3319 window.location.href = response.urlResponse; 3320 $(".login").hide(); 3321 $('.login-bar-header').attr("style", "margin-top: 8px;"); 3322 $("#user-login").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 3323 $("#user-login-mobile").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 3324 $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage); 3325 $(".user-sign-in").css({ 3326 "display": "block", 3327 "padding-right": "10px", 3328 "padding-left": "10px", 3329 }); 3330 CommonModule.showToast("", "ÄÄng nháºp thà nh công", "success"); 3331 closeModal(); 3332 $("#modal-login-tvpl-view").modal("hide"); 3333 isStillLoggedIn = true; 3334 $("#loading-login-tvpl-view").hide(); 3335 $("#button-submit-tvpl-view").removeAttr("disabled"); 3336 } 3337 else { 3338 $("#error-msg-tvpl-view").text(response.message).show(); 3339 $("#loading-login-tvpl-view").hide(); 3340 $("#button-submit-tvpl-view").removeAttr("disabled"); 3341 } 3342 }, 3343 error: function () { 3344 $("#error-msg-tvpl-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3345 $("#loading-login-tvpl-view").hide(); 3346 $("#button-submit-tvpl-view").removeAttr("disabled"); 3347 } 3348 }); 3349 } 3350 }); 3351 $("#modal-login-tvpl-view .close").click(function () { 3352 $("#username-view").val(""); 3353 $("#password-tvpl-view").val(""); 3354 $("#error-msg-tvpl-view").text("").hide(); 3355 $("#loading-login-tvpl-view").hide(); 3356 $("#button-submit-tvpl-view").removeAttr("disabled"); 3357 3358 }); 3359 $('#right-icon-password-login-view').on('click', function () { 3360 const $passwordInput = $('#password-login-view'); 3361 const isPasswordVisible = $passwordInput.attr('type') === 'text'; 3362 3363 $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text'); 3364 $(this).toggleClass('eye').toggleClass('eye slash'); 3365 }); 3366 $('#right-icon-verify-password-view').on('click', function () { 3367 const $passwordInput = $('#password-regist-view'); 3368 const isPasswordVisible = $passwordInput.attr('type') === 'text'; 3369 3370 $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text'); 3371 $(this).toggleClass('eye').toggleClass('eye slash'); 3372 }); 3373 $('#right-icon-confirm-verify-password-view').on('click', function () { 3374 const $passwordInput = $('#confirm-password-regist-view'); 3375 const isPasswordVisible = $passwordInput.attr('type') === 'text'; 3376 3377 $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text'); 3378 $(this).toggleClass('eye').toggleClass('eye slash'); 3379 }); 3380 $('#right-icon-password-tvpl-view').on('click', function () { 3381 const $passwordInput = $('#password-tvpl-view'); 3382 const isPasswordVisible = $passwordInput.attr('type') === 'text'; 3383 3384 $passwordInput.attr('type', isPasswordVisible ? 'password' : 'text'); 3385 $(this).toggleClass('eye').toggleClass('eye slash'); 3386 }); 3387 $('#reset-password-view').click(function () { 3388 $("#content-modal-login-view").css("display", "none"); 3389 $("#content-reset-view").css("display", "block"); 3390 $("#loading-sendmail-view").hide(); 3391 }); 3392 3393 $('#come-back-view').click(function () { 3394 $("#content-modal-login-view").css("display", "block"); 3395 $("#content-reset-view").css("display", "none"); 3396 $("#error-email-phone-view").text(""); 3397 $("#email-phone-view").val(''); 3398 }); 3399 $('#come-back-mess-view').click(function () { 3400 $("#content-modal-login-view").css("display", "none"); 3401 $("#content-reset-view").css("display", "block"); 3402 $("#content-message-view").css("display", "none"); 3403 }); 3404 $("#verify-button-view").click(function (event) { 3405 event.preventDefault();
3406 var validSendEmail = true; 3407 var email = $("#email-phone-view").val(); 3408 $("#error-email-phone-view").text("").hide(); 3409 if (email != "") { 3410 var validp = CommonModule.isValidEmail(email); 3411 3412 if (!validp) { 3413 3414 $("#error-email-phone-view").text("Email không Äúng Äá»nh dạng!").show(); 3415 validSendEmail = false; 3416 } 3417 else { 3418 $("#error-email-phone-view").text("").hide(); 3419 validSendEmail = true; 3420 } 3421 } 3422 else { 3423 $("#error-email-phone-view").text("Vui lòng nháºp email").show(); 3424 validSendEmail = false; 3425 } 3426 if (!validSendEmail) { 3427 return; 3428 } 3429 var filterOptions = { 3430 Email: $("#email-phone-view").val() 3431 }; 3432 $("#loading-sendmail-view").show(); 3433 $.ajax({ 3434 url: '/Account/SendPasswordResetEmail', 3435 type: 'POST', 3436 dataType: "json", 3437 contentType: "application/json", 3438 data: JSON.stringify(filterOptions), 3439 success: function (response) { 3440 if (response.Success == true) { 3441 $("#content-modal-login-view").css("display", "none"); 3442 $("#content-reset-view").css("display", "none"); 3443 $("#content-message-view").css("display", "block"); 3444 $("#loading-sendmail-view").hide(); 3445 } 3446 else { 3447 $("#error-email-phone-view").text(response.Message).show(); 3448 $("#loading-sendmail-view").hide(); 3449 } 3450 3451 }, 3452 error: function (xhr, status, error) { 3453 CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.error, "error"); 3454 } 3455 }); 3456 }); 3457 $("#close-modal-view").click(function () { 3458 $("#content-modal-login-view").css("display", "block"); 3459 $("#content-reset-view").css("display", "none"); 3460 $("#content-message-view").css("display", "none"); 3461 $("#loading-sendmail-view").hide(); 3462 }); 3463 $('#phone-regist-view').on('input', function () { 3464 var phoneValue = $(this).val(); 3465 $("#error-form-regist-view").text('').hide(); 3466 if (phoneValue.trim() !== "") { 3467 $(".input-icon-right").show(); 3468 $('#button-submit-regist-view').removeAttr('disabled'); 3469 } 3470 else { 3471 $(".input-icon-right").hide(); 3472 $('#button-submit-regist-view').attr('disabled', 'disabled'); 3473 } 3474 3475 }); 3476 $(".input-icon-right").click(function (e) { 3477 e.preventDefault(); 3478 $("#error-form-regist-view").text('').hide(); 3479 $('#phone-regist-view').val(""); 3480 $(".input-icon-right").hide(); 3481 $('#button-submit-regist-view').attr('disabled', 'disabled'); 3482 }) 3483 $('#mini-input-view input[type="tel"]').on("focus", function () { 3484 $(this).select(); 3485 }); 3486 3487 // Tá»± Äá»ng chuyá»n focus khi nháºp và khi xóa 3488 $('#mini-input-view input[type="tel"]').on('input', function () { 3489 var currentInput = $(this); 3490 var currentValue = currentInput.val(); 3491 var allFilled = true; 3492 $('#mini-input-view input[type="tel"]').each(function () { 3493 if ($(this).val().trim() === '') { 3494 allFilled = false; 3495 } 3496 }); 3497 //Nháºp 3498 if (currentValue.length === 1) { 3499 var nextInput = currentInput.next('input'); 3500 if (nextInput.length) { 3501 nextInput.focus(); 3502 nextInput.select(); 3503 } 3504 } 3505 //Xóa 3506 if (currentValue.length === 0) { 3507 var nextInput = currentInput.next('input'); 3508 if (nextInput.length && nextInput.val().length > 0) { 3509 currentInput.val(nextInput.val()); 3510 nextInput.val(''); 3511 currentInput.focus(); 3512 } else { 3513 var prevInput = currentInput.prev('input'); 3514 if (prevInput.length) { 3515 prevInput.focus(); 3516 } 3517 } 3518 } 3519 if (allFilled) {
3520 $("#button-submit-verify-OTP-view").removeAttr('disabled'); 3521 } else { 3522 $("#button-submit-verify-OTP-view").attr('disabled', 'disabled'); 3523 } 3524 }); 3525 3526 // paste OTP 3527 $('#mini-input-view input[type="tel"]').on('paste', function (e) { 3528 var pastedData = e.originalEvent.clipboardData.getData('text'); 3529 var inputs = $('#mini-input-view input[type="tel"]'); 3530 if (!/^\d+$/.test(pastedData)) { 3531 e.preventDefault(); 3532 } 3533 else { 3534 if (pastedData.length <= 6) { 3535 inputs.each(function (index) { 3536 if (index < pastedData.length) { 3537 $(this).val(pastedData[index]); 3538 3539 if (index < 5) { 3540 $(this).next('input').focus(); 3541 } 3542 } 3543 }); 3544 if ($('.mini-input-view input[type="tel"]').toArray().every(input => $(input).val().length === 1)) { 3545 $("#button-submit-verify-OTP-view").removeAttr('disabled'); 3546 } 3547 e.preventDefault(); 3548 } 3549 } 3550 }); 3551 $('#mini-input-view input[type="tel"]').on('keydown', function (e) { 3552 var keyCode = e.keyCode || e.which; 3553 3554 if (e.ctrlKey && keyCode === 86) { 3555 setTimeout(function () { 3556 var currentInput = $(e.target); 3557 var clipboardData = e.originalEvent.clipboardData.getData('text'); 3558 3559 if (/^\d+$/.test(clipboardData)) { 3560 var currentValue = currentInput.val(); 3561 if (currentValue.length === 1) { 3562 var nextInput = currentInput.next('input'); 3563 if (nextInput.length) { 3564 nextInput.focus(); 3565 } 3566 } 3567 } else { 3568 e.preventDefault(); 3569 } 3570 }, 1); 3571 } 3572 else { 3573 if (!(keyCode >= 48 && keyCode <= 57) && !(keyCode >= 96 && keyCode <= 105) && keyCode !== 8) { 3574 e.preventDefault(); 3575 } 3576 } 3577 }); 3578 $('#mini-input-view input[type="tel"]').each(function () { 3579 if ($(this).val().trim() != '') { 3580 allFilled = false; 3581 } 3582 }); 3583 $('#button-submit-regist-view').click(function (e) { 3584 e.preventDefault(); 3585 $("#loading-regist-view").show(); 3586 $('#button-submit-regist-view').attr('disabled', 'disabled'); 3587 var phone = $('#phone-regist-view').val(); 3588 var verifyTypeView = parseInt($("#verity-type-view").val(), 10) || 0; 3589 validPhoneNumber($('#phone-regist-view'), $("#error-form-regist-view")) 3590 .then(function (isValid) { 3591 if (isValid) { 3592 openDirectRegisterPasswordStepView(phone); 3593 } else { 3594 setTimeout(function () { 3595 $("#loading-regist-view").hide(); 3596 $('#button-submit-regist-view').removeAttr('disabled'); 3597 }, 500); 3598 return; 3599 } 3600 }) 3601 .catch(function (error) { 3602 setTimeout(function () { 3603 $("#loading-regist-view").hide(); 3604 $('#button-submit-regist-view').removeAttr('disabled'); 3605 }, 500); 3606 return; 3607 }); 3608 3609 }); 3610 3611 $("#comback-verify-OTP-view").click(function (e) { 3612 e.preventDefault(); 3613 $("#verify-OTP-view").css("display", "none"); 3614 $("#content-modal-login-view").css("display", "block"); 3615 $("#loading-regist-view").hide(); 3616 $('#button-submit-regist-view').removeAttr('disabled'); 3617 $('#mini-input-view input[type="tel"]').each(function () { 3618 $(this).val(""); 3619 }); 3620 $("#phone-OTP-view").text(""); 3621 $("#phone-regist-view").val(""); 3622 $("#email-phone-view").val(""); 3623 3624 clearInterval(timerInterval); 3625 timerInterval = null;
3626 $('#timer-view').text('').hide(); 3627 }); 3628 $("#button-submit-verify-OTP-view").click(function (e) { 3629 e.preventDefault(); 3630 var values = []; 3631 $('#mini-input-view input[type="tel"]').each(function () { 3632 values.push($(this).val()); 3633 }); 3634 var otpCode = values.join(''); 3635 const formData = { 3636 phoneNumber: $("#phone-OTP-view").text(), 3637 otpCode: otpCode, 3638 sourceUrl: CommonModule.getParameterByName('returnurl') 3639 }; 3640 3641 $.ajax({ 3642 url: '/VerifyOtp', 3643 type: 'POST', 3644 contentType: 'application/json', 3645 data: JSON.stringify(formData), 3646 success: function (response) { 3647 if (response.success) { 3648 $("#verify-password-view").show(); 3649 $("#verify-OTP-view").hide(); 3650 } 3651 else { 3652 $("#button-submit-verify-OTP-view").attr("disabled", "disabled"); 3653 $("#time-validity-view").text(response.message); 3654 $("#time-validity-view").css("color", "rgb(224, 60, 49)"); 3655 } 3656 }, 3657 error: function (xhr, status, error) { 3658 $("#button-submit-verify-OTP-view").attr("disabled", "disabled"); 3659 $("#time-validity-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút"); 3660 $("#time-validity-view").css("color", "rgb(224, 60, 49)"); 3661 } 3662 }); 3663 }); 3664 $("#resend-code-view").click(function (e) { 3665 $('#time-validity-view').show(); 3666 $('#error-otp-view').hide(); 3667 $("#resend-text-view").show(); 3668 $("#button-submit-verify-OTP-view").removeAttr("disabled"); 3669 GuiSMSOTPView($('#phone-regist-view').val()); 3670 }); 3671 $("#password-regist-view").on("input", function () { 3672 var password = $(this).val().trim(); 3673 var isValid = validPasswordView(password); 3674 var compare = true; 3675 if ($("#confirm-password-regist-view").val().trim() != "" && password != "") { 3676 compare = comparePasswordToPasswordConfirm(password, $("#confirm-password-regist-view").val().trim()); 3677 } 3678 if (!compare) { 3679 $("#error-form-verify-password-view").text('Máºt khẩu không trùng khá»p').show(); 3680 $("#confirm-password-regist-view").css("border-color", "rgb(224, 60, 49)"); 3681 } 3682 else { 3683 $("#error-form-verify-password-view").text("").hide(); 3684 $("#confirm-password-regist-view").css("border-color", ""); 3685 } 3686 if (compare && isValid) validRegist = true; 3687 else validRegist = false; 3688 }); 3689 $("#confirm-password-regist-view").on("input", function () { 3690 if ($("#password-regist-view").val().trim() != "" && $(this).val().trim() != "") { 3691 validRegist = comparePasswordToPasswordConfirm($("#password-regist-view").val().trim(), $(this).val().trim()); 3692 } 3693 if (!validRegist) { 3694 $("#error-form-verify-password-view").text('Máºt khẩu không trùng khá»p').show(); 3695 $("#confirm-password-regist-view").css("border-color", "rgb(224, 60, 49)"); 3696 } 3697 else { 3698 $("#error-form-verify-password-view").text("").hide(); 3699 $("#confirm-password-regist-view").css("border-color", ""); 3700 } 3701 }); 3702 $("#agree-personal-data-view").on("change", function () { 3703 updateVerifyPasswordSubmitStateView(); 3704 }); 3705 $("#agree-personal-data-view").closest(".checkbox").find("a").on("click", function (e) { 3706 e.stopPropagation(); 3707 }); 3708 $("#button-submit-verify-password-view").click(function () { 3709 if (!$("#agree-personal-data-view").is(":checked")) { 3710 return; 3711 } 3712 if ($("#password-regist-view").val().trim() == "" || $("#confirm-password-regist-view").val().trim() == "") { 3713 validRegist = false; 3714 } 3715 if (validRegist) { 3716 $("#button-submit-verify-password-view").attr("disabled", "disabled"); 3717 $("#loading-verify-password-view").show(); 3718 if ($("#verity-type-view").val() == 4) { 3719 $.ajax({
3720 url: "/Account/ResetPasswordByPhone", 3721 dataType: "json", 3722 method: "POST", 3723 contentType: "application/json", 3724 data: JSON.stringify({ phone: $("#phone-regist-view").val().trim(), password: $("#password-regist-view").val().trim() }), 3725 success: function (response) { 3726 if (response.success) { 3727 $("#verify-password-view").css("display", "none"); 3728 $("#content-message-view").css("display", "block"); 3729 $("#mess-sms-view").css("display", "block"); 3730 $("#mess-mail-view").css("display", "none"); 3731 $("#mess-reset-password-view").text(response.message); 3732 } 3733 else { 3734 $("#error-form-verify-password-view").text(response.message).show(); 3735 $("#button-submit-verify-password-view").removeAttr("disabled"); 3736 $("#loading-verify-password-view").hide(); 3737 } 3738 3739 3740 }, 3741 error: function (xhr, status, error) { 3742 $("#error-form-verify-password-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3743 return; 3744 } 3745 }); 3746 } 3747 else { 3748 var registerPhoneView = $("#phone-regist-view").val().trim() || $("#phone-OTP-view").text().trim(); 3749 filterOptions = { 3750 PhoneNumber: registerPhoneView, 3751 Password: $("#password-regist-view").val(), 3752 SourceUrl: CommonModule.getParameterByName('returnUrl'), 3753 MarketingOptIn: $("#agree-marketing-data-view").is(":checked") 3754 } 3755 $.ajax({
3756 url: "/Users/AddUser", 3757 dataType: "json", 3758 method: "POST", 3759 contentType: "application/json", 3760 data: JSON.stringify(filterOptions), 3761 success: function (response) { 3762 if (response.success) { 3763 $("#user-login").text(response.username).show(); 3764 $("#user-login-mobile").text(response.username).show(); 3765 $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage); 3766 $(".login").hide(); 3767 $('.login-bar-header').attr("style", "margin-top: 8px;"); 3768 $(".user-sign-in").css({ 3769 "display": "block", 3770 "padding-right": "10px", 3771 "padding-left": "10px", 3772 }); 3773 $("#form-dimmer").removeClass("active"); 3774 isStillLoggedIn = true; 3775 closeModalView(); 3776 if (localStorage.getItem('pendingAction') && typeof runPendingActionAfterLogin === 'function') { 3777 runPendingActionAfterLogin(); 3778 return; 3779 } 3780 window.location.href = response.currentUrl; 3781 } else { 3782 $("#error-form-verify-password-view").text(response.message).show(); 3783 $("#button-submit-verify-password-view").removeAttr("disabled"); 3784 $("#loading-verify-password-view").hide(); 3785 return; 3786 } 3787 3788 }, 3789 error: function (xhr, status, error) { 3790 $("#error-form-verify-password-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3791 $("#button-submit-verify-password-view").removeAttr("disabled"); 3792 $("#loading-verify-password-view").hide(); 3793 return; 3794 } 3795 }); 3796 } 3797 } 3798 else { 3799 $("#button-submit-verify-password-view").removeAttr('disabled'); 3800 $("#loading-verify-password-view").hide(); 3801 return; 3802 } 3803 }); 3804 //$("#verify-email-button-view").click(function (event) { 3805 // event.preventDefault(); 3806 // $("#error-email-phone-view").text("").hide(); 3807 // $("#loading-send-email-view").show(); 3808 // $("#verify-email-button-view").attr('disabled', 'disabled'); 3809 // var validSendEmail = true; 3810 // var email = $("#email-phone-view").val(); 3811 3812 // if (email != "") { 3813 // var validp = CommonModule.isValidEmail(email); 3814 3815 // if (!validp) { 3816 3817 // $("#error-email-phone-view").text("Email không Äúng Äá»nh dạng!").show(); 3818 // validSendEmail = false; 3819 // } 3820 // else { 3821 // $("#error-email-phone-view").text("").hide(); 3822 // validSendEmail = true; 3823 // } 3824 // } 3825 // else { 3826 // $("#error-email-phone-view").text("Vui lòng nháºp email").show(); 3827 // validSendEmail = false; 3828 // } 3829 // if (!validSendEmail) { 3830 // $("#loading-send-email-view").hide(); 3831 // $("#verify-email-button-view").removeAttr('disabled'); 3832 // return; 3833 // } 3834 // var filterOptions = { 3835 // Email: $("#email-phone-view").val() 3836 // }; 3837 // $.ajax({
3838 // url: '/Account/SendPasswordResetEmail', 3839 // type: 'POST', 3840 // dataType: "json", 3841 // contentType: "application/json", 3842 // data: JSON.stringify(filterOptions), 3843 // success: function (response) { 3844 // if (response.Success == true) { 3845 // $("#content-modal-login-view").css("display", "none"); 3846 // $("#content-reset-view").css("display", "none"); 3847 // $("#content-message-view").css("display", "block"); 3848 // $("#loading-send-email-view").hide(); 3849 // $("#verify-email-button-view").removeAttr('disabled'); 3850 // } 3851 // else { 3852 // $("#error-email-phone-view").text(response.Message).show(); 3853 // $("#loading-send-email-view").hide(); 3854 // $("#verify-email-button-view").removeAttr('disabled'); 3855 // } 3856 3857 // }, 3858 // error: function (xhr, status, error) { 3859 // $("#error-email-phone-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3860 // $("#loading-send-email-view").hide(); 3861 // $("#verify-email-button-view").removeAttr('disabled'); 3862 // } 3863 // }); 3864 //}); 3865 $("#verify-email-button-view").click(function (event) { 3866 event.preventDefault(); 3867 $("#error-email-phone-view").text("").hide(); 3868 $("#loading-send-email-view").show(); 3869 $("#verify-email-button-view").attr('disabled', 'disabled'); 3870 var validSendEmail = true; 3871 var email = $("#email-phone-view").val().trim(); 3872 var validp = false; 3873 var validphone = false; 3874 if (email != "") { 3875 validp = CommonModule.isValidEmail(email); 3876 validphone = CommonModule.isValidPhoneNumber(email); 3877 if (!validp && !validphone) { 3878 3879 $("#error-email-phone-view").text("Sá» Äiá»n thoại/email không Äúng Äá»nh dạng!").show(); 3880 validSendEmail = false; 3881 } 3882 else if (validphone) { 3883 showForgotPasswordPhoneSupportView($("#error-email-phone-view")); 3884 $("#loading-send-email-view").hide(); 3885 $("#verify-email-button-view").removeAttr('disabled'); 3886 return; 3887 } 3888 else { 3889 $.ajax({
3890 url: "/Account/GetUserByPhoneOrEmail?param=" + email, 3891 type: "GET", 3892 async: false, 3893 success: function (response) { 3894 if (response.success) { 3895 $("#error-email-phone-view").text("").hide(); 3896 $("#loading-send-email-view").hide(); 3897 validSendEmail = true; 3898 } 3899 else { 3900 $("#error-email-phone-view").text(response.message).show(); 3901 $("#loading-send-email-view").hide(); 3902 validSendEmail = false; 3903 } 3904 }, 3905 error: function () { 3906 $("#error-email-phone-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3907 $("#loading-send-email-view").hide(); 3908 validSendEmail = false; 3909 } 3910 }); 3911 3912 } 3913 } 3914 else { 3915 $("#error-email-phone-view").text("Vui lòng nháºp email").show(); 3916 validSendEmail = false; 3917 } 3918 if (!validSendEmail) { 3919 $("#loading-send-email-view").hide(); 3920 $("#verify-email-button-view").removeAttr('disabled'); 3921 return; 3922 } 3923 if (validp) { 3924 var filterOptions = { 3925 Email: $("#email-phone-view").val().trim() 3926 }; 3927 $.ajax({
3928 url: '/Account/SendPasswordResetEmail', 3929 type: 'POST', 3930 dataType: "json", 3931 contentType: "application/json", 3932 data: JSON.stringify(filterOptions), 3933 success: function (response) { 3934 if (response.Success == true) { 3935 $("#content-modal-login-view").css("display", "none"); 3936 $("#content-reset-view").css("display", "none"); 3937 $("#content-message-view").css("display", "block"); 3938 $("#loading-send-email-view").hide(); 3939 $("#verify-email-button-view").removeAttr('disabled'); 3940 } 3941 else { 3942 $("#error-email-phone-view").text(response.Message).show(); 3943 $("#loading-send-email-view").hide(); 3944 $("#verify-email-button-view").removeAttr('disabled'); 3945 } 3946 3947 }, 3948 error: function (xhr, status, error) { 3949 $("#error-email-phone-view").text("Há» thá»ng Äang gián Äoạn, vui lòng thá» lại sau Ãt phút").show(); 3950 $("#loading-send-email-view").hide(); 3951 $("#verify-email-button-view").removeAttr('disabled'); 3952 } 3953 }); 3954 } 3955 3956 }); 3957 $("#login-last-reset-view").click(function (e) { 3958 loginModalBindingView(); 3959 }); 3960 $("#email-phone-view").on("input", function () { 3961 $("#error-email-phone-view").text(""); 3962 }); 3963 }); 3964 var validPhone = false; 3965 var validPass = false; 3966 var validConfirm = false; 3967 3968 function updateVerifyPasswordSubmitStateView() { 3969 if ($("#agree-personal-data-view").is(":checked")) { 3970 $("#button-submit-verify-password-view").removeAttr("disabled"); 3971 } else { 3972 $("#button-submit-verify-password-view").attr("disabled", "disabled"); 3973 } 3974 } 3975 3976 function closeModalView() { 3977 $('.modal-login').modal('hide'); 3978 $("#phone-mail-login-view").val(""); 3979 $("#password-login-view").val(""); 3980 $(".remember-account").show(); 3981 $(".register").show(); 3982 $("#lable-welcome-view").text("ÄÄng nháºp Äá» tiếp tục"); 3983 $("#error-password-login-view").text("").hide(); 3984 $("#error-phone-mail-login-view").text("").hide(); 3985 $("#password-login-view").css("border-color", ""); 3986 $("#phone-mail-login-view").css("border-color", ""); 3987 $("#phone-regist-view").val(""); 3988 $("#phone-regist-view").css("border-color", ""); 3989 $("#error-form-regist-view").text("").hide(); 3990 $("#password-regist-view").val(""); 3991 $("#password-regist-view").css("border-color", ""); 3992 $("#confirm-password-regist-view").val(""); 3993 $("#confirm-password-regist-view").css("border-color", ""); 3994 $("#error-form-verify-password-view").text("").hide(); 3995 $("#agree-personal-data-view").prop("checked", false); 3996 $("#button-submit-verify-password-view").attr("disabled", "disabled"); 3997 $("#verify-OTP-view input").val(""); 3998 $("#verify-password-view").hide(); 3999 $("#verify-OTP-view").hide(); 4000 $("#content-reset-view").hide(); 4001 $("#content-message-view").hide(); 4002 $("#content-modal-login-view").show(); 4003 } 4004 4005 function openDirectRegisterPasswordStepView(phone) { 4006 $("#phone-OTP-view").text(phone); 4007 $("#verify-OTP-view").hide(); 4008 $("#content-modal-login-view").hide(); 4009 $("#verify-password-view").show(); 4010 $("#error-form-regist-view").text("").hide(); 4011 $("#error-form-verify-password-view").text("").hide(); 4012 $("#password-regist-view").val("").css("border-color", ""); 4013 $("#confirm-password-regist-view").val("").css("border-color", ""); 4014 $("#agree-personal-data-view").prop("checked", false); 4015 $("#button-submit-verify-password-view").attr("disabled", "disabled"); 4016 $("#loading-regist-view").hide(); 4017 $('#button-submit-regist-view').removeAttr('disabled'); 4018 } 4019 4020 function showForgotPasswordPhoneSupportView($target) { 4021 $target 4022 .html('Vui lòng liên há» <strong>Zalo: 0858 22 99 66</strong> hoặc gá»i <strong>hotline: (028) 36 22 43 63</strong> Äá» ÄÆ°á»£c há» trợ') 4023 .show(); 4024 } 4025 4026 function registerModalBindingView() { 4027 closeModalView(); 4028 $("#verity-type-view").val(""); 4029 $("#phone-OTP-view").text("");
4030 $("#verify-OTP-view").hide(); 4031 $("#verify-password-view").hide(); 4032 $("#content-reset-view").hide(); 4033 $("#content-message-view").hide(); 4034 $("#error-form-regist-view").text("").hide(); 4035 $("#error-form-verify-password-view").text("").hide(); 4036 $("#loading-regist-view").hide(); 4037 $('#button-submit-regist-view').removeAttr('disabled'); 4038 clearInterval(timerInterval); 4039 timerInterval = null; 4040 $('#timer-view').text('').hide(); 4041 $(".form-regist").show(); 4042 $(".form-login").hide(); 4043 $("#lable-welcome-view").text("ÄÄng ký tà i khoản má»i"); 4044 $(".register").hide(); 4045 //$("#phone-view").val(""); 4046 //$("#password-view").val(""); 4047 //$("#confirm-password-view").val(""); 4048 //$(".remember-account").hide(); 4049 //$(".register").hide(); 4050 //$("#lable-welcome-view").text("ÄÄng ký tà i khoản má»i"); 4051 //$("#button-submit-view").text("Tiếp tục"); 4052 //$('#confirm-password-field-view').attr("style", "display: block !important;"); 4053 } 4054 function loginModalBindingView() { 4055 closeModalView(); 4056 $(".form-regist").hide(); 4057 $(".form-login").show(); 4058 $(".register").show(); 4059 $(".remember-account").show(); 4060 $("#lable-welcome-view").text("ÄÄng nháºp Äá» tiếp tục"); 4061 //$(".btn-login-view").text("ÄÄng nháºp"); 4062 //$(".register").show(); 4063 //$(".remember-account").show(); 4064 //$("#error-phone-view").hide(); 4065 //$('#confirm-password-field').attr("style", "display: none !important;"); 4066 //$("#lable-welcome-view").text("ÄÄng nháºp Äá» tiếp tục"); 4067 //$("#button-submit-view").text("ÄÄng nháºp"); 4068 } 4069 4070 function signinGoogle(googleAccessToken) { 4071 if (googleAccessToken) { 4072 $.ajax({
4073 url: '/getuserdata-login-google?access_token=' + googleAccessToken, 4074 method: "GET", 4075 contentType: "application/json", 4076 dataType: 'json', 4077 success: function (response) { 4078 if (response.name) { 4079 $(".login").hide(); 4080 $("#user-login-view").text(response.name).show(); 4081 $("#user-login-mobile-view").text(response.name).show(); 4082 $('.login-bar-header').attr("style", "margin-top: 8px;"); 4083 $(".user-sign-in").css({ 4084 "display": "block", 4085 "padding-right": "10px", 4086 "padding-left": "10px", 4087 }); 4088 $(".user-avatar").attr("src", (!response.picture || response.picture.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.picture); 4089 } else { 4090 //document.cookie = "google_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4091 CommonModule.showToast("Error", "Phiên ÄÄng nháºp cá»§a bạn không còn hiá»u lá»±c, Vui lòng ÄÄng nháºp lại!", "error"); 4092 $(".login").show(); 4093 $(".user-sign-in").hide(); 4094 } 4095 }, 4096 error: function () { 4097 console.log("Error during google access token validation"); 4098 } 4099 }); 4100 } 4101 } 4102 4103 function signinFacebook(facebookAccessToken) { 4104 if (facebookAccessToken) { 4105 $.ajax({
4106 url: '/getuserdata-login-facebook?access_token=' + facebookAccessToken, 4107 method: "GET", 4108 contentType: "application/json", 4109 dataType: 'json', 4110 success: function (response) { 4111 if (response.name) { 4112 $(".login").hide(); 4113 $("#user-login-view").text(response.name).show(); 4114 $("#user-login-mobile-view").text(response.name).show(); 4115 $('.login-bar-header').attr("style", "margin-top: 8px;"); 4116 $(".user-sign-in").css({ 4117 "display": "block", 4118 "padding-right": "10px", 4119 "padding-left": "10px", 4120 }); 4121 $(".user-avatar").attr("src", (!response.url_avatar || response.url_avatar.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.url_avatar); 4122 } else { 4123 //document.cookie = "facebook_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4124 CommonModule.showToast("Error", "Phiên ÄÄng nháºp cá»§a bạn không còn hiá»u lá»±c, Vui lòng ÄÄng nháºp lại!", "error"); 4125 $(".login").show(); 4126 $(".user-sign-in").hide(); 4127 } 4128 }, 4129 error: function () { 4130 console.log("Error during google access token validation"); 4131 } 4132 }); 4133 } 4134 } 4135 4136 function signinInternalSystem(token) { 4137 $.ajax({
4138 url: "/Users/ValidateToken", 4139 method: "POST", 4140 contentType: "application/json", 4141 data: JSON.stringify({ token: token }), 4142 success: function (response) { 4143 if (response.valid) { 4144 $(".login").hide(); 4145 $("#user-login-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 4146 $("#user-login-mobile-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 4147 $('.login-bar-header').attr("style", "margin-top: 8px;"); 4148 $(".user-sign-in").css({ 4149 "display": "block", 4150 "padding-right": "10px", 4151 "padding-left": "10px", 4152 }); 4153 $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage); 4154 } else { 4155 //document.cookie = "token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4156 CommonModule.showToast("Error", "Phiên ÄÄng nháºp cá»§a bạn không còn hiá»u lá»±c, Vui lòng ÄÄng nháºp lại!", "error"); 4157 $(".login").show(); 4158 $(".user-sign-in").hide(); 4159 4160 } 4161 }, 4162 error: function () { 4163 console.log("Error during token validation"); 4164 } 4165 }); 4166 } 4167 function signinTVPL(token) { 4168 $.ajax({
4169 url: "/Users/ValidateToken", 4170 method: "POST", 4171 contentType: "application/json", 4172 data: JSON.stringify({ token: token }), 4173 success: function (response) { 4174 if (response.valid) { 4175 $(".login").hide(); 4176 $("#user-login-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 4177 $("#user-login-mobile-view").text((!response.fullname || response.fullname.trim() === "") ? response.username : response.fullname).show(); 4178 $('.login-bar-header').attr("style", "margin-top: 8px;"); 4179 $(".user-sign-in").css({ 4180 "display": "block", 4181 "padding-right": "10px", 4182 "padding-left": "10px", 4183 }); 4184 $(".user-avatar").attr("src", (!response.urlImage || response.urlImage.trim() === "") ? 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png' : response.urlImage); 4185 } else { 4186 //document.cookie = "tvpl_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4187 //CommonModule.showToast("Error", "Phiên ÄÄng nháºp cá»§a bạn không còn hiá»u lá»±c, Vui lòng ÄÄng nháºp lại!", "error"); 4188 $(".login").show(); 4189 $(".user-sign-in").hide(); 4190 4191 } 4192 }, 4193 error: function () { 4194 console.log("Error during token validation"); 4195 } 4196 }); 4197 } 4198 4199 function signOut() { 4200 $('.ui.sidebar').sidebar('hide'); 4201 4202 $.ajax({
4203 url: "/Users/Logout", 4204 type: "POST", 4205 success: function (response) { 4206 CommonModule.showToast("Success", "Bạn Äã ÄÄng xuất thà nh công.", "success"); 4207 $(".user-sign-in").attr("style", "display: none;"); 4208 $(".login").show(); 4209 $('.login-bar-header').attr("style", "margin-top: 0px;") 4210 //document.cookie = "token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4211 //document.cookie = "google_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4212 //document.cookie = "facebook_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4213 //document.cookie = "tvpl_access_token=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT;"; 4214 setTimeout(function () { 4215 window.location.href = '/'; 4216 }, 1000); 4217 4218 //remove storage post info when signout 4219 localStorage.removeItem("tvnd-post-data"); 4220 localStorage.removeItem("tvnd-districts"); 4221 localStorage.removeItem("tvnd-wards"); 4222 }, 4223 error: function (xhr, status, error) { 4224 CommonModule.showToast("Error", "Có lá»i xảy ra khi ÄÄng xuất.", "error"); 4225 } 4226 }); 4227 } 4228 4229 function clearSession() { 4230 $.ajax({
4231 url: '/Users/Logout', 4232 type: 'POST', 4233 success: function (res) { 4234 console.log("Clear session successfully") 4235 }, 4236 error: function (err) { 4237 CommonModule.showToast("Error", "Có lá»i trong quá trình clear session: " + err, "error"); 4238 } 4239 }); 4240 } 4241 4242 //function RenderNotifyFavoriteData() { 4243 // $.ajax({ 4244 // url: "/load-data-favorite", 4245 // method: 'GET', 4246 // dataType: "html", 4247 // contentType: "application/json", 4248 // async: true, 4249 // success: function (response) { 4250 // if (response) { 4251 // $('#notify-favorite').html(response); 4252 // } else { 4253 // CommonModule.showToast("Error", 'Lá»i truy cáºp dữ liá»u thông tin yêu thÃch', "error"); 4254 4255 // } 4256 // }, 4257 // error: function (xhr, status, error) { 4258 // CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.statusText, "error"); 4259 // } 4260 // }); 4261 //} 4262 4263 //function RenderNotifyFavoriteDataMobile() { 4264 // $.ajax({
4265 // url: "/load-data-favorite-mobile", 4266 // method: 'GET', 4267 // dataType: "html", 4268 // contentType: "application/json", 4269 // async: true, 4270 // success: function (response) { 4271 // if (response) { 4272 // $('#notify-favorite-mobile').html(response); 4273 // } else { 4274 // CommonModule.showToast("Error", 'Lá»i truy cáºp dữ liá»u thông tin yêu thÃch', "error"); 4275 4276 // } 4277 // }, 4278 // error: function (xhr, status, error) { 4279 // CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.statusText, "error"); 4280 // } 4281 // }); 4282 //} 4283 4284 //function RenderNotificationData() { 4285 // $.ajax({ 4286 // url: "/load-data-notification", 4287 // method: 'GET', 4288 // dataType: "html", 4289 // contentType: "application/json", 4290 // async: true, 4291 // success: function (response) { 4292 // if (response) { 4293 // $('#notify-toast').html(response); 4294 // } else { 4295 // CommonModule.showToast("Error", 'Lá»i truy cáºp dữ liá»u thông báo', "error"); 4296 4297 // } 4298 // }, 4299 // error: function (xhr, status, error) { 4300 // CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.statusText, "error"); 4301 // } 4302 // }); 4303 //} 4304 4305 //function RenderNotificationDataMobile() { 4306 // $.ajax({
4307 // url: "/load-data-notification-mobile", 4308 // method: 'GET', 4309 // dataType: "html", 4310 // contentType: "application/json", 4311 // async: true, 4312 // success: function (response) { 4313 // if (response) { 4314 // $('#notify-toast-mobile').html(response); 4315 // } else { 4316 // CommonModule.showToast("Error", 'Lá»i truy cáºp dữ liá»u thông tin yêu thÃch', "error"); 4317 4318 // } 4319 // }, 4320 // error: function (xhr, status, error) { 4321 // CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.statusText, "error"); 4322 // } 4323 // }); 4324 //} 4325 4326 //function RenderNotificationDataMobileMenu() { 4327 // $.ajax({ 4328 // url: "/load-data-notification-mobile-menu", 4329 // method: 'GET', 4330 // dataType: "html", 4331 // contentType: "application/json", 4332 // async: true, 4333 // success: function (response) { 4334 // if (response) { 4335 // $('#menu-left-mobile').html(response); 4336 // } else { 4337 // CommonModule.showToast("Error", 'Lá»i truy cáºp dữ liá»u thông tin yêu thÃch', "error"); 4338 4339 // } 4340 // }, 4341 // error: function (xhr, status, error) { 4342 // CommonModule.showToast("Error", "Äã có lá»i xảy ra: " + xhr.statusText, "error"); 4343 // } 4344 // }); 4345 //} 4346 4347 function validPasswordView(password) { 4348 var isValid = true; 4349 if (password.length >= 8) { 4350 $('#rule-pass-view li[data-id="1"]').css('list-style-type', 'none'); 4351 $('#rule-pass-view li[data-id="1"] i').show(); 4352 $('#rule-pass-view li[data-id="1"]').addClass('valid').removeClass('invalid'); 4353 } else { 4354 $('#rule-pass-view li[data-id="1"]').css('list-style-type', ''); 4355 $('#rule-pass-view li[data-id="1"] i').hide(); 4356 $('#rule-pass-view li[data-id="1"]').addClass('invalid').removeClass('valid'); 4357 isValid = false; 4358 } 4359 if (containsUpperCase(password)) { 4360 $('#rule-pass-view li[data-id="2"]').css('list-style-type', 'none'); 4361 $('#rule-pass-view li[data-id="2"] i').show(); 4362 $('#rule-pass-view li[data-id="2"]').addClass('valid').removeClass('invalid'); 4363 } else { 4364 $('#rule-pass-view li[data-id="2"]').css('list-style-type', ''); 4365 $('#rule-pass-view li[data-id="2"] i').hide(); 4366 $('#rule-pass-view li[data-id="2"]').addClass('invalid').removeClass('valid'); 4367 isValid = false; 4368 } 4369 4370 if (containsNumber(password)) { 4371 $('#rule-pass-view li[data-id="3"]').css('list-style-type', 'none'); 4372 $('#rule-pass-view li[data-id="3"] i').show(); 4373 $('#rule-pass-view li[data-id="3"]').addClass('valid').removeClass('invalid'); 4374 } else { 4375 $('#rule-pass-view li[data-id="3"]').css('list-style-type', ''); 4376 $('#rule-pass-view li[data-id="3"] i').hide(); 4377 $('#rule-pass-view li[data-id="3"]').addClass('invalid').removeClass('valid'); 4378 isValid = false; 4379 } 4380 4381 if (containsSpecialCharacter(password)) { 4382 $('#rule-pass-view li[data-id="4"]').css('list-style-type', 'none'); 4383 $('#rule-pass-view li[data-id="4"] i').show(); 4384 $('#rule-pass-view li[data-id="4"]').addClass('valid').removeClass('invalid'); 4385 } else { 4386 $('#rule-pass-view li[data-id="4"]').css('list-style-type', ''); 4387 $('#rule-pass-view li[data-id="4"] i').hide(); 4388 $('#rule-pass-view li[data-id="4"]').addClass('invalid').removeClass('valid'); 4389 isValid = false; 4390 } 4391 return isValid; 4392 } 4393 function GuiZaloOTPView(phone) { 4394 openDirectRegisterPasswordStepView(phone); 4395 } 4396 function GuiSMSOTPView(phone) { 4397 openDirectRegisterPasswordStepView(phone); 4398 } 4399 var timerInterval = null; 4400</script>
vendor: 2 bytes, line 4400
4400
4401<script src="/Scripts/Users/register.js?v=1.0.90"></script>
vendor: 2 bytes, line 4401
4401
4402<script src="/Scripts/Common/Site.js?v=1.0.90"></script>
vendor: 2 bytes, line 4402
4402
4403<script src="/Scripts/Common/CommonModule.js?v=1.0.90"></script>
4403 4404 4405 4406 4407<link href="/Content/shared.footer.css?v=1.0.90" rel="stylesheet" /> 4408 4409 <div class="ads_admicro_bottom ui container" style="margin-bottom:25px; margin-top: 25px"> 4410 <zone id="mfktrjj0"></zone> 4411
4411<script type="text/javascript" src="https://media1.admicro.vn/cms/arf-mfktrjj0.min.js"></script>
4411 4412 </div> 4413 4414<footer class="footer" style="background-color: #f9f9f9; width: 100%; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);"> 4415 <div class="ui grid container stackable content-footer" style="margin-top:0 !important"> 4416 <div class="sixteen wide column stackable" style="padding-left: 0; padding-right: 0;"> 4417 <div class="ui segment" style="background-color: #f9f9f9; border: none;"> 4418 <div class="ui grid wide stackable column"> 4419 <section class="eight wide column content-left" style="padding-top: 0;"> 4420 <div class="mobile-logo-footer" style="padding-bottom: 10px; display: flex; align-items:center;"> 4421 <a title="Logo" href="/"> 4422 <img id="logo-img" alt="Logo" src="https://cdn.thuviennhadat.vn/upload/images/logo/Logo-TVND.png" class="img-fluid" width="48" height="48"> 4423 </a> 4424 <div style="display:flex; flex-direction:column;"> 4425 <a class="logo" href="/" style="margin-right: 10px; margin-left: 5px; font-size: 22px;"> 4426 <span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viá»n</span> <span class="br-2">Nhà Äất</span></span> 4427 4428<style> 4429 .brand-name { 4430 font-family: Times New Roman !important; 4431 } 4432</style> 4433 </a> 4434 </div> 4435 </div> 4436 4437 <div class="ui grid"> 4438 <div class="sixteen wide column item-footer text-primary mobile-px-0" style="padding-top: 4px !important; padding-bottom: 2px !important;"><i class="grey map marker alternate icon no-mobile-display"></i>Trụ sá»: Sá» 15 ÄÆ°á»ng 32, Khu Vạn Phúc, P. Hiá»p Bình, TP. HCM</div> 4439 <div class="sixteen wide column item-footer text-primary mobile-px-0" style="padding-top: 2px !important; padding-bottom: 2px !important;"><i class="grey map marker alternate icon no-mobile-display"></i>Äá»a Äiá»m KD: Sá» 63, ÄÆ°á»ng 10, Khu Sala, P. An Khánh, TP. HCM</div> 4440 4441 4442 <div class="sixteen wide column item-footer text-primary mobile-px-0 mobile-item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><i class="grey envelope outline icon no-mobile-display"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="561f38303916023e23003f3338183e37123722782038">[email protected]</a></div> 4443 4444 4445 <div class="sixteen wide column item-footer text-primary mobile-item-center no-mobile-display item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/phone-call-black.png" width="13" style="margin-right:5px" alt="phone-call-black" />Hotline: (028) 36.22.4363 <span style="font-size: 10px; font-weight: 600;"> (06 lines) (Từ 7g30 - 19g30)</span></div> 4446 <div class="sixteen wide column item-footer text-primary mobile-item-center no-mobile-display item-center" style="padding-top: 2px !important; padding-bottom: 2px !important; font-size:12px !important; font-weight:600;"><img src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/phone-call-black.png" width="13" style="margin-right:5px" alt="phone-call-black" />Há» trợ pháp luáºt: (028) 3930 3279 <span style="font-size: 10px; font-weight: 600;"> (06 lines)</span></div> 4447 <div class="sixteen wide column item-footer text-primary mobile-px-0 mobile-btn-center"> 4448 <div style="display: flex; font-weight: 600;">Hotline: <a class="mobile-display" style="font-size: 12px; font-weight: 600;" onclick="window.location.href='tel:02836224363'">(028) 36.22.4363</a> <span style="font-size: 10px; font-weight: 600;">(06 lines) (Từ 7g30 - 19g30 )</span></div> 4449 </div> 4450 <div class="sixteen wide column item-footer text-primary mobile-px-0 mobile-btn-center"> 4451 <div style="display: flex; font-weight: 600;">Há» trợ pháp luáºt: <a class="mobile-display" style="font-size: 12px; font-weight: 600;" onclick="window.location.href='tel:02836224363'">(028) 3930 3279</a> <span style="font-size: 10px; font-weight: 600;">(06 lines)</span></div> 4452 </div> 4453 4454 <div class="sixteen wide column item-footer text-primary mobile-px-0"> 4455 <a target="_blank" href="http://online.gov.vn/Website/chi-tiet-128145"><img width="140" height="52" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/logoCCDV.png" /></a> 4456 <a target="_blank" href="https://giayphep.abei.gov.vn/i/132364"><img width="140" height="52" src="https://giayphep.abei.gov.vn/images/license/information.svg" /></a> 4457 4458 </div> 4459 4460 4461 4462 4463 4464 4465 </div> 4466 </section> 4467 <section class="four wide column content-right no-mobile-display"> 4468 <div class="ui grid"> 4469 <div class="sixteen wide column content-right-column"> 4470 <a class="link item-footer" href="/gioi-thieu">Giá»i thiá»u</a> 4471 </div> 4472 4473 <div class="sixteen wide column content-right-column"> 4474 <a class="link item-footer" href="/site-map.html">SiteMap</a> 4475 </div> 4476 4477 <div class="sixteen wide column content-right-column"> 4478 <a class="link item-footer" href="/huong-dan-su-dung/bang-gia-dang-tin.html">Báo giá và hươÌng dâÌn</a> 4479 </div> 4480 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4481 <a class="link item-footer text-primary" href="/phap-luat">Pháp luáºt</a> 4482 </div> 4483 <div class="sixteen wide column content-right-column"> 4484 <a class="link item-footer text-primary" href="/van-ban-phap-luat-viet-nam">VÄn bản pháp luáºt Việt Nam</a> 4485 </div> 4486 <div class="sixteen wide column content-right-column"> 4487 <a class="link item-footer" href="/thi-truong-bat-dong-san">ThiÌ£ trươÌng bâÌt Äộng saÌn</a> 4488 </div> 4489 <div class="sixteen wide column content-right-column"> 4490 <a class="link item-footer" href="/tai-chinh-bat-dong-san">Tà i chÃnh bất Äá»ng sản</a> 4491 </div> 4492 <div class="sixteen wide column content-right-column"> 4493 <a class="link item-footer" href="/phap-ly-nha-dat">Pháp lý nhà Äất</a> 4494 </div> 4495 <div class="sixteen wide column content-right-column"> 4496 <a class="link item-footer" href="/nha-moi-gioi">Danh bạ môi giá»i</a> 4497 </div> 4498 </div> 4499 </section> 4500 <section class="four wide column content-right no-mobile-display"> 4501 <div class="ui grid"> 4502 <div class="sixteen wide column content-right-column"> 4503 <a class="link item-footer" href="/lien-he.html">Liên há»</a> 4504 </div> 4505 <div class="sixteen wide column content-right-column"> 4506 <a class="link item-footer" href="/huong-dan-su-dung/quy-che-hoat-d
4506ong.html">Quy chế hoạt Äá»ng</a> 4507 </div> 4508 <div class="sixteen wide column content-right-column"> 4509 <a class="link item-footer" href="/huong-dan-su-dung/quy-trinh-giai-quyet-khieu-nai.html">Quy trình giải quyết khiếu nại</a> 4510 </div> 4511 <div class="sixteen wide column content-right-column"> 4512 <a class="link item-footer" href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html">Quy chế bảo máºt thông tin</a> 4513 </div> 4514 <div class="sixteen wide column content-right-column"> 4515 <a class="link item-footer" href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html">Quy chế bảo vá» DLCN</a> 4516 </div> 4517 4518 4519 4520 <div class="sixteen wide column content-right-column"> 4521 <a class="link item-footer" href="/tiep-nhan-danh-gia.html">Tiếp nháºn Äánh giá cá»§a khách hà ng và tá» chức xã há»i</a> 4522 </div> 4523 <div class="sixteen wide column content-right-column"> 4524 <a class="link item-footer" href="/danh-sach-danh-gia.html">Danh sách Äánh giá cá»§a khách hà ng và tá» chức xã há»i</a> 4525 </div> 4526 4527 </div> 4528 </section> 4529 </div> 4530 </div> 4531 4532 <div class="ui grid wide stackable column mobile-display"> 4533 <section class="sixteen wide column" style="padding: 7px !important;"> 4534 <div class="ui accordion footer-accordion"> 4535 <div class="title mobile-font-weight-5"> 4536 <i class="dropdown icon"></i> 4537 HƯá»NG DẪN 4538 </div> 4539 <div class="content"> 4540 <div class="ui grid mobile-margin-left"> 4541 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4542 <a class="link item-footer text-primary" href="/gioi-thieu">Giá»i thiá»u</a> 4543 </div> 4544 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4545 <a class="link item-footer text-primary" href="/huong-dan-su-dung/bang-gia-dang-tin.html">Báo giá và hươÌng dâÌn</a> 4546 </div> 4547 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;"> 4548 <div class="link item-footer text-primary" onclick="openTawkChat()">Góp ý báo lá»i</div> 4549 </div> 4550 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;"> 4551 <a class="link item-footer text-primary" href="/lien-he.html">Liên há»</a> 4552 </div> 4553 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;"> 4554 <a class="link item-footer text-primary" href="/tiep-nhan-danh-gia.html">Tiếp nháºn Äánh giá cá»§a khách hà ng và tá» chức xã há»i</a> 4555 </div> 4556 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;"> 4557 <a class="link item-footer text-primary" href="/danh-sach-danh-gia.html">Danh sách Äánh giá cá»§a khách hà ng và tá» chức xã há»i</a> 4558 </div> 4559 4560 </div> 4561 </div> 4562 </div> 4563 </section> 4564
4565 <div class="ui divider" style="margin: 0;"></div> 4566 4567 <section class="sixteen wide column" style="padding: 7px !important;"> 4568 <div class="ui accordion footer-accordion"> 4569 <div class="title mobile-font-weight-5"> 4570 <i class="dropdown icon"></i> 4571 QUY Äá»NH 4572 </div> 4573 <div class="content"> 4574 <div class="ui grid mobile-margin-left"> 4575 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4576 <a class="link item-footer text-primary" href="/site-map.html">SiteMap</a> 4577 </div> 4578 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4579 <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-hoat-dong.html">Quy chế hoạt Äá»ng</a> 4580 </div> 4581 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4582 <a class="link item-footer text-primary" href="/quy-trinh-giai-quyet-khieu-nai.html">Quy trình giải quyết khiếu nại</a> 4583 </div> 4584 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4585 <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-bao-mat-thong-tin.html">Quy chế bảo máºt thông tin</a> 4586 </div> 4587 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4588 <a class="link item-footer text-primary" href="/huong-dan-su-dung/quy-che-bao-ve-du-lieu-ca-nhan.html">Quy chế bảo vá» DLCN</a> 4589 </div> 4590 4591 4592 4593 </div> 4594 </div> 4595 </div> 4596 </section> 4597 4598 <div class="ui divider" style="margin: 0;"></div> 4599 4600 <section class="sixteen wide column" style="padding: 7px !important;"> 4601 <div class="ui accordion footer-accordion"> 4602 <div class="title mobile-font-weight-5"> 4603 <i class="dropdown icon"></i> 4604 TIá»N ÃCH KHÃC 4605 </div> 4606 <div class="content"> 4607 <div class="ui grid mobile-margin-left"> 4608 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4609 <a class="link item-footer text-primary" href="/phap-luat">Pháp luáºt</a> 4610 </div> 4611 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4612 <a class="link item-footer text-primary" href="/van-ban-phap-luat-viet-nam">VÄn bản pháp luáºt Việt Nam</a> 4613 </div> 4614 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4615 <a class="link item-footer text-primary" href="/thi-truong-bat-dong-san">Thá» trưá»ng bất Äá»ng sản</a> 4616 </div> 4617 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4618 <a class="link item-footer text-primary" href="/tai-chinh-bat-dong-san">Tà i chÃnh bất Äá»ng sản</a> 4619 </div> 4620 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 4px;"> 4621 <a class="link item-footer text-primary" href="/phap-ly-nha-dat">Pháp lý nhà Äất</a> 4622 </div> 4623 <div class="sixteen wide column" style="padding-top: 4px; padding-bottom: 8px;"> 4624 <a class="link item-footer text-primary" href="/nha-moi-gioi">Danh bạ môi giá»i</a> 4625 </div> 4626 </div> 4627 </div> 4628 </div> 4629 </section> 4630
4631 <div class="ui divider" style="margin: 0;"></div> 4632 4633 <section class="sixteen wide column text-primary" style="display: flex;"> 4634 <a title="THƯ VIá»N PHÃP LUẬT" href="https://thuvienphapluat.vn/" target="_blank"> 4635 <div class="row" style="display:flex; flex-direction:row;"> 4636 <div> 4637 <img alt="THƯ VIá»N PHÃP LUẬT" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" class="img-fluid" width="40"> 4638 </div> 4639 <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;"> 4640 <div style="display: flex; flex-direction: column; align-items: center; margin-left: 5px;"> 4641 <div class="text-tvpl font-12">THƯ VIá»N PHÃP LUẬT</div> 4642 4643 </div> 4644 </div> 4645 </div> 4646 </a> 4647 <a title="Nhân Sá»±" href="https://nhansu.vn/" target="_blank" style="margin-left:4%;"> 4648 <div class="row" style="display:flex; flex-direction:row; align-items:center;"> 4649 <div> 4650 <img alt="NHÃN Sá»°" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/image_logo_NS-1.png" class="img-fluid" width="40"> 4651 </div> 4652 <div> 4653 <div class="row" style="display: flex; flex-direction: column; margin-left: 5px;"> 4654 <div class="text-nhansu font-12">NhanSu.vn</div> 4655 </div> 4656 </div> 4657 </div> 4658 </a> 4659 </section> 4660 </div> 4661 </div> 4662 </div> 4663</footer> 4664 4665<div class="footer footer-company" style="position: relative; background-color: #eaeaea; width: 100%; box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1); padding-bottom: 1rem;"> 4666 <div class="ui container"> 4667 <div class="ui stackable grid" style="margin-top: 10px; padding-top: 10px; padding-bottom: 10px; "> 4668 <div class="eight wide column text-primary"> 4669 <div class="sixteen wide column"> 4670 <div class="ui grid stackable phap-ly"> 4671 <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;"> 4672 Chá»§ quản: Công ty TNHH <span style="font-size: 12px;"><span class="brand-name" style="padding-top:0;"><span class="br-1">Thư Viá»n</span> <span class="br-2">Nhà Äất</span></span> 4673 4674<style> 4675 .brand-name { 4676 font-family: Times New Roman !important; 4677 } 4678</style></span> 4679 </span> 4680 <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;"> 4681 Mã sá» thuế: 0318679464, cấp ngà y: 20/09/2024, nÆ¡i cấp: Sá» Kế hoạch và Äầu tư TP HCM. Äại diá»n theo pháp luáºt: Ãng Bùi Tưá»ng VÅ© 4682 </span> 4683 <span class="sixteen wide column" style="padding-bottom: 0 !important; padding-top: 0 !important;"> 4684 Giấy phép Trang TTÄTTH sá» 03/GP-TTÄT, do Sá» TTTT TP. HCM cấp ngà y 06/02/2025. 4685 </span> 4686 4687 </div> 4688 </div> 4689 </div> 4690 <div class="eight wide column text-primary no-mobile-display" style="padding-bottom: 0 !important; padding-top: 0px !important;"> 4691 <div class="ui grid stackable" style="margin-top: 6px;"> 4692 <div class="ten wide column" style="padding-bottom: 0 !important;"> 4693 <a title="THƯ VIá»N PHÃP LUẬT" href="https://thuvienphapluat.vn/" target="_blank"> 4694 <div class="row" style="display:flex; flex-direction:row;"> 4695 <div> 4696 <img alt="THƯ VIá»N PHÃP LUẬT" src="https://cdn.thuvienphapluat.vn/images/logo-tvpl-small.png" class="img-fluid" width="40"> 4697 </div> 4698 <div> 4699 <div class="row" style="display:flex; flex-direction:column; margin-left:10px;"> 4700 <div class="text-tvpl">THƯ VIá»N PHÃP LUẬT</div> 4701 <div class="slogan-tvpl">...loại rá»§i ro pháp lý, nắm cÆ¡ há»i là m già u...</div> 4702 </div> 4703 </div> 4704 </div> 4705 </a> 4706 </div> 4707 <div class="six wide column pb-mobile-10"> 4708 <a title="Nhân Sá»±" href="https://nhansu.vn/" target="_blank"> 4709 <div class="row" style="display:flex; flex-direction:row; align-items:center;"> 4710 <div> 4711 <img alt="NHÃN Sá»°" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/image_logo_NS-1.png" class="img-fluid" width="40"> 4712 </div> 4713 <div> 4714 <div class="row" style="display:flex; flex-direction:column; margin-left:10px;"> 4715 <div class="text-nhansu">NhanSu.vn</div> 4716 </div> 4717 </div> 4718 </div> 4719 </a> 4720 </div> 4721 </div> 4722 </div> 4723 </div> 4724 </div> 4725 <div id="version-text">v1.0.90</div> 4726</div> 4727 4728 4729<div class="ui tiny modal khuyen-mai-nap-tien" style="background-color: transparent; box-shadow: none;"> 4730 <div style="position: relative;"> 4731 <div class="close-modal-btn" onclick="saveModalCookie(); $('.ui.modal.khuyen-mai-nap-tien').modal('hide'); location.reload();"> 4732 <i class="close icon"></i> 4733 </div> 4734 4735 <a href="javascript:void(0);" class="btn-km-banner"> 4736 <img style="width:100%; display: block;" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/BannerTetVuong31122025v4.png" /> 4737 </a> 4738 </div> 4739</div> 4740 4741 4742 4743<style> 4744 /* Là m má» trắng nhẹ và giảm Äá» nhòe cho duy nhất modal khuyen-mai-nap-tien */ 4745 .ui.dimmer.modals.page.transition.visible:has(.khuyen-mai-nap-tien) { 4746 /* Mà u trắng má» nhẹ 40% Äá» giữ ÄÆ°á»£c nét thanh thoát */ 4747 background-color: rgba(255, 255, 255, 0.4) !important; 4748 /* Giảm Äá» nhòe xuá»ng còn 2px - Äá»§ Äá» là m dá»u ná»n mà không gây nhức mắt */ 4749 backdrop-filter: blur(2px); 4750 /* Há» trợ cho trình duyá»t Safari */ 4751 -webkit-backdrop-filter: blur(2px); 4752 } 4753</style> 4754 4755 4756<style> 4757 .close-modal-btn { 4758 position: absolute; 4759 top: 10px; 4760 right: 10px; 4761 z-index: 101; 4762 background: rgba(0, 0, 0, 0.5); 4763 color: white; 4764 width: 30px; 4765 height: 30px; 4766 border-radius: 50%; 4767 /* CÄn giữa hiá»n Äại */ 4768 display: flex !important; 4769 align-items: center !important; 4770 justify-content: center !important; 4771 cursor: pointer; 4772 transition: background 0.3s; 4773 } 4774 4775 /* Quan trá»ng: Triá»t tiêu các Äá»nh dạng thừa cá»§a icon Semantic UI */ 4776 .close-modal-btn i.icon { 4777 margin: -3px -1px 0px 0px; 4778 padding: 0 !important; 4779 width: auto !important; 4780 height: auto !important; 4781 line-height: 1 !important; 4782 font-size: 17px; 4783 } 4784 4785 .close-modal-btn:hover { 4786 background: rgba(0, 0, 0, 0.8); 4787 } 4788</style>
vendor: 110 bytes, lines 4788-4789
4788 4789<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4789<script> 4790 $(document).ready(function () { 4791 const path = window.location.pathname; 4792 4793 const slug = path.split("/")[1] || ""; 4794 const match = path.match(/-([0-9]+)\.html$/); 4795 const postId = match ? match[1] : ""; 4796 4797 if (!slug || !postId) return; 4798 4799 const content = `tuganlink.${slug}.${postId}`; 4800 4801 document.querySelectorAll('#main-content a[href]').forEach(function (a) { 4802 // â Bá» qua nếu nằm trong .slide_inbv 4803 if (a.closest('.slide_inbv')) return; 4804 4805 const href = a.getAttribute('href'); 4806 if (!href) return; 4807 4808 if ( 4809 !href.includes('thuviennhadat.vn/ban-') && 4810 !href.includes('thuviennhadat.vn/cho-thue-') 4811 ) return; 4812 4813 const url = new URL(href, window.location.origin); 4814 4815 url.searchParams.set( 4816 "utm_source", 4817 "thuviennhadat_trangthongtin_noidung" 4818 ); 4819 url.searchParams.set("utm_medium", "internal"); 4820 url.searchParams.set("utm_campaign", "rao_vat_tu_trang_thong_tin"); 4821 url.searchParams.set("utm_content", content); 4822 4823 a.href = url.toString(); 4824 }); 4825 }); 4826</script>
4826 4827 4828 4829 4830 4831 4832<!--Start of Tawk.to Script--> 4833 4834<!--End of Tawk.to Script--> <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 4834-4835
4834 4835<script async src="https://www.googletagmanager.com/gtag/js?id=
4835G-XC2JKLEPJ4
vendor: 13 bytes, line 4835
4835"></script>
4836<script> 4837
vendor: 138 bytes, lines 4837-4841
4837window.dataLayer = window.dataLayer || []; 4838 function gtag(){dataLayer.push(arguments);} 4839 gtag('js', new Date()); 4840 4841 gtag('config', '
4841G-XC2JKLEPJ4
vendor: 5 bytes, line 4841
4841');
4842</script>
4842 4843 4844 <div class="cs-search-box__backdrop" style="display: none;"></div> 4845 </div> 4846 4847<style> 4848 4849 #navigation-bar-bottom { 4850 display: none; 4851 opacity: 0; 4852 } 4853 4854 .item-user { 4855 color: var(--text-primary); 4856 display: flex; 4857 flex-direction: column; 4858 justify-content: center; 4859 align-items: center; 4860 flex: 1; 4861 } 4862 4863 .item-user.active { 4864 color: var(--text-highlight); 4865 } 4866 4867 .item-user p { 4868 font-size: 12px; 4869 } 4870 4871 .img-icon-bar { 4872 width: 22px !important; 4873 margin-right: 0 !important; 4874 } 4875 4876 .mobile-show { 4877 display: none; 4878 } 4879 4880 /* The snackbar - position it at the bottom and in the middle of the screen */ 4881 #snackbar-user { 4882 display: none; 4883 visibility: hidden; 4884 width: 100%; 4885 background-color: rgba(0, 0, 0, 0.6); 4886 color: #fff; 4887 text-align: center; 4888 border-radius: 4px; 4889 padding: 6px 0; 4890 position: fixed; 4891 z-index: 90; 4892 bottom: 47px; 4893 height: 100%; 4894 } 4895 4896 /* Show the snackbar when clicking on a button (class added with JavaScript) */ 4897 #snackbar-user.show { 4898 visibility: visible; 4899 /*-webkit-animation: fadein 0.5s;*/ 4900 /*animation: fadein 0.5s;*/ 4901 } 4902 4903 /* Animations to fade the snackbar in and out */ 4904 @-webkit-keyframes fadein { 4905 from { 4906 bottom: 0; 4907 opacity: 0; 4908 } 4909 4910 to { 4911 bottom: 30px; 4912 opacity: 1; 4913 } 4914 } 4915 4916 @keyframes fadein { 4917 from { 4918 bottom: 0; 4919 opacity: 0; 4920 } 4921 4922 to { 4923 bottom: 30px; 4924 opacity: 1; 4925 } 4926 } 4927 4928 @-webkit-keyframes fadeout { 4929 from { 4930 bottom: 30px; 4931 opacity: 1; 4932 } 4933 4934 to { 4935 bottom: 0; 4936 opacity: 0; 4937 } 4938 } 4939 4940 @keyframes fadeout { 4941 from { 4942 bottom: 30px; 4943 opacity: 1; 4944 } 4945 4946 to { 4947 bottom: 0; 4948 opacity: 0; 4949 } 4950 } 4951 4952 @media (max-width: 768px) { 4953 #navigation-bar-bottom { 4954 display: block; 4955 opacity: 1; 4956 } 4957 4958 #snackbar-user { 4959 display: block; 4960 } 4961 4962 #avatar-left { 4963 width: 50px; 4964 } 4965 4966 .ui.vertical.menu.user-menu { 4967 text-align: start; 4968 padding-bottom: 100px; 4969 height: 100%; 4970 overflow-y: auto; 4971 margin-top: 39px !important; 4972 } 4973 4974 .ui.vertical.menu.user-menu { 4975 scrollbar-width: thin; /* Firefox */ 4976 scrollbar-color: #888 #f1f1f1; 4977 /* Webkit browsers (Chrome, Edge, Safari) */ 4978 } 4979 4980 .ui.vertical.menu.user-menu::-webkit-scrollbar { 4981 width: 4px; /* scroll má»ng lại */ 4982 } 4983 4984 .ui.vertical.menu.user-menu::-webkit-scrollbar-thumb { 4985 background: #888; 4986 border-radius: 2px; 4987 } 4988 4989 .ui.vertical.menu.user-menu::-webkit-scrollbar-track { 4990 background: #f1f1f1; 4991 } 4992 4993 .item.account-info .four.wide.column { 4994 display: flex; 4995 justify-content: center; 4996 } 4997 4998 .item.account-info .twelve.wide.column { 4999 justify-content: center; 5000 } 5001 5002 .mobile-show { 5003 display: block; 5004 } 5005 5006 .mobile-not-show { 5007 display: none !important; 5008 } 5009 5010 .content-mobile { 5011 padding: 10px; 5012 background-color: #eff1f5; 5013 border-radius: 20px; 5014 } 5015 } 5016</style> 5017 5018<div id="navigation-bar-bottom" style="width:100%; display:none;"> 5019 5020 <div style="display: flex; justify-content: space-around; position: fixed; bottom: 0%; width: 100%; z-index: 100; background-color: white; padding-bottom: 3%; padding-top: 3%; align-items: center; box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;"> 5021 <a class="item-user" id="tong-quan" href="/"> 5022 <div href="#"> 5023 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 15 15">
5023<path fill="currentColor" d="m7.5.5l.325-.38a.5.5 0 0 0-.65 0zm-7 6l-.325-.38L0 6.27v.23zm5 8v.5a.5.5 0 0 0 .5-.5zm4 0H9a.5.5 0 0 0 .5.5zm5-8h.5v-.23l-.175-.15zM1.5 15h4v-1h-4zm13.325-8.88l-7-6l-.65.76l7 6zm-7.65-6l-7 6l.65.76l7-6zM6 14.5v-3H5v3zm3-3v3h1v-3zm.5 3.5h4v-1h-4zm5.5-1.5v-7h-1v7zm-15-7v7h1v-7zM7.5 10A1.5 1.5 0 0 1 9 11.5h1A2.5 2.5 0 0 0 7.5 9zm0-1A2.5 2.5 0 0 0 5 11.5h1A1.5 1.5 0 0 1 7.5 10zm6 6a1.5 1.5 0 0 0 1.5-1.5h-1a.5.5 0 0 1-.5.5zm-12-1a.5.5 0 0 1-.5-.5H0A1.5 1.5 0 0 0 1.5 15z" /></svg> 5024 </div> 5025 <p>Trang chá»§</p> 5026 </a> 5027 5028 <a href="/tai-khoan/quan-ly-tin-dang" class="item-user" id="tin-dang"> 5029 <div href=""> 5030 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M23.25 6v14.25A2.25 2.25 0 0 1 21 22.5m0 0a2.25 2.25 0 0 1-2.25-2.25V3a1.5 1.5 0 0 0-1.5-1.5h-15A1.5 1.5 0 0 0 .75 3v17.25A2.25 2.25 0 0 0 3 22.5zM4.5 15H15M4.5 18h6" /><path d="M4.5 5.25H15v6H4.5z" /></g></svg> 5031 </div> 5032 <p>Quản lý tin</p> 5033 </a> 5034 5035 <a class="item-user" style="position: relative;" id="dang-tin" href="/dang-tin"> 5036 <div style="position: absolute; top: -55px; left: 50%; transform: translateX(-50%); text-align: center;"> 5037 <div style="width: 56px; height: 56px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;"> 5038 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 16 16"><path fill="#4CAF50" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m1.062 4.312a1 1 0 1 0-2 0v2.75h-2.75a1 1 0 0 0 0 2h2.75v2.75a1 1 0 1 0 2 0v-2.75h2.75a1 1 0 1 0 0-2h-2.75Z" /></svg> 5039 </div> 5040 <p style="margin-top: 4px;">ÄÄng tin</p> 5041 </div> 5042 </a> 5043 5044 <a class="item-user" id="khach-hang" href="/tai-khoan/quan-ly-khach-hang"> 5045 <div href="#"> 5046 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><rect width="17.5" height="20" x="4" y="2" rx="4" /><path d="M10.59 13.74c-.629.422-2.277 1.282-1.273 2.358c.49.526 1.037.902 1.723.902h3.92c.686 0 1.233-.376 1.723-.902c1.004-1.076-.644-1.936-1.273-2.357a4.29 4.29 0 0 0-4.82 0M15 9a2 2 0 1 1-4 0a2 2 0 0 1 4 0M5 6H2.5M5 12H2.5M5 18H2.5" /></g></svg> 5047 </div> 5048 <p>Khách hà ng</p> 5049 </a> 5050 5051 <div onclick="UserInformation(event)" class="item-user" id="tai-khoan"> 5052 <div> 5053 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 20 20"><path fill="currentColor" d="M9.993 10.573a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9M10 0a6 6 0 0 1 3.04 11.174c3.688 1.11 6.458 4.218 6.955 8.078c.047.367-.226.7-.61.745c-.383.045-.733-.215-.78-.582c-.54-4.19-4.169-7.345-8.57-7.345c-4.425 0-8.101 3.161-8.64 7.345c-.
5053047.367-.397.627-.78.582c-.384-.045-.657-.378-.61-.745c.496-3.844 3.281-6.948 6.975-8.068A6 6 0 0 1 10 0" /></svg> 5054 </div> 5055 <p>Tà i khoản</p> 5056 </div> 5057 </div> 5058</div> 5059 5060<div id="snackbar-user"> 5061 5062 5063<input type="hidden" id="hid_balanceUser" value="0" /> 5064<div class="ui vertical menu user-menu" style="width:100%;margin-top:0;"> 5065 <div class="item account-info" style=" display: flex; flex-wrap: nowrap; flex-direction: column; gap:10px;"> 5066 <div class="mobile-not-show"> 5067 <div class="ui grid stackable"> 5068 <div class="four wide column"> 5069 <a class="ui logo icon image" href="/"> 5070 <img class="ui large circular image" id="avatar-left" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/avatar_7610196.png"> 5071 </a> 5072 </div> 5073 <div class="twelve wide column" style="display: flex; align-items: center; padding-left:0;"> 5074 <div style="padding-left:0;"><b class="user-fullname-display"></b></div> 5075 </div> 5076 5077 </div> 5078 <div class="ui inverted divider mobile-not-show" style="margin-bottom:0;"></div> 5079 </div> 5080 5081 <div class="mobile-show"> 5082 <div style="display: flex; gap: 10px;"> 5083 <div> 5084 <a class="ui logo icon image" href="/"> 5085 <img class="ui large circular image" id="avatar-left" src=""> 5086 </a> 5087 </div> 5088 <div style="display: flex; align-items: center; padding-left:0;"> 5089 <div class="text-truncate-1" style="padding-left:0;"><b class="user-fullname-display"></b></div> 5090 </div> 5091 </div> 5092 </div> 5093 5094 <div class="content-mobile"> 5095 <div class="content"> 5096 <p class="pd-bottom-10 text-truncate-1">Tài khoản: <span id="user-balance-display" class="mobile-margin-auto" style="font-weight: bold;"></span></p> 5097 <p class="pd-bottom-10 text-truncate-1">Äiá»m thưá»ng: <span id="user-point-display" class="mobile-margin-auto" style="font-weight: bold;"></span></p> 5098 </div> 5099 <div class=" ui segment transfer-code"> 5100 <span>Mã khách hà ng</span> 5101 <div class="ui inline" style="display: flex; justify-content: space-between; align-items: center;"> 5102 <span class="text-truncate-1" style="font-weight: bold;" id="transfer-code"></span> 5103 <button class="ui icon button transfer-code-copy-button" onclick="copyClipboard(this)" data-clipboard="" style="background: none; margin-right:0; padding-right:0"> 5104 <i class="fa fa-clone" aria-hidden="true"></i> 5105 </button> 5106 </div> 5107 5108 </div> 5109 </div> 5110 5111 5112 <a class="ui button tvnd-btn-circle --button-deposit" style ="font-weight:500" href="/giao-dich/nap-tien"> 5113 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v8a2 2 0 0 0 2 2h6M3 9V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2M3 9h18m0 0v3M7 13h5m6 2v3m0 3v-3m0 0h-3m3 0h3" /></svg> 5114 Nạp tiá»n 5115 </a> 5116 5117 5118 </div> 5119 <a class="item" href="/tai-khoan/tong-quan"> 5120 <img class="img-icon-user" src="/Assets/img/pie-chart.svg" /> 5121 <span>TôÌng quan</span> 5122 </a> 5123 5124 <a class="item" href="/tai-khoan/quan-ly-tin-dang"> 5125 <img class="img-icon-user" src="/Assets/img/litsting.svg"> 5126 <span>Quản lý tin ÄÄng</span> 5127 </a> 5128 5129 <a class="item" href="/goi-hoi-vien/dang-ky" style="padding-right: 10px;"> 5130 <i class="users icon" style="margin: 0; width: 20px;margin-right: 8px;"></i> 5131 <span>Gói há»i viên</span> <span class="ui red label small pull-right package-member-label" style="margin: 0 0 0 4px; font-weight: 500; font-size:10px !important">Tiết kiá»m Äến 40%</span> 5132 </a> 5133 5134 <a class="item" href="/tai-khoan/quan-ly-khach-hang"> 5135 <img class="img-icon-user" src="/Assets/img/notebook.svg">
5136 <span>Quản lý khách hà ng</span> 5137 </a> 5138 5139 <div class="item "> 5140 <div class="header collapsible-header align-center-user"> 5141 <img class="img-icon-user" src="/Assets/img/office.svg"> 5142 <span>Môi giá»i chuyên nghiá»p</span> 5143 <i class="caret down icon"></i> 5144 </div> 5145 <div class="menu collapsible-content"> 5146 <a class="item" href="/chuyen-trang-moi-gioi">Chuyên trang môi giá»i</a> 5147 <a class="item" href="/moi-gioi">Danh bạ môi giá»i</a> 5148 <a class="item" href="/dich-vu-moi-gioi">Dá»ch vụ môi giá»i</a> 5149 </div> 5150 </div> 5151 5152 5153 <a class="item" href="/tai-khoan/lich-su-giao-dich"> 5154 <img class="img-icon-user" src="https://cdn.thuviennhadat.vn/upload/images/icon/payment_transaction_icon.png" 5155 alt="icon-payment_transaction" width="20" height="20" /> 5156 <span>Lá»ch sá» giao dá»ch</span> 5157 </a> 5158 <a class="item" href="/tai-khoan/quan-ly-khuyen-mai"> 5159 <img src="/Assets/img/ticket-voucher.svg" alt="icon-voucher" style="height: 25px; margin-left: -10px;" /> 5160 <span>Quản lý khuyến mãi</span> 5161 </a> 5162 5163 5164 5165 5166 <a class="item" href="/tai-khoan/danh-sach-tin-da-luu"> 5167 <img class="img-icon-user" src="/Assets/img/heart.svg"> 5168 <span>Tin ÄÄng Äã lưu</span> 5169 </a> 5170 <a class="item" href="/tai-khoan/quan-ly-thong-bao"> 5171 <img class="img-icon-user" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/notification_5744810.png"> 5172 <span>Thông báo cá»§a tôi</span> 5173 </a> 5174 <div class="item "> 5175 <div class="header collapsible-header align-center-user"> 5176 <img class="img-icon-user" src="https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png"> 5177 <span>Quản lý TK Cá nhân </span> 5178 <i class="caret down icon"></i> 5179 </div> 5180 <div class="menu collapsible-content"> 5181 <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=1" id="account-info-item">Chá»nh sá»a thông tin cá nhân</a> 5182 <a class="item" href="/tai-khoan/thong-tin-ca-nhan?type=2">Cà i Äặt tà i khoản</a> 5183 <a class="item" href="/tai-khoan/quyen-doi-voi-du-lieu-ca-nhan">Quyá»n Äá»i vá»i DLCN</a> 5184 <a class="item regist-broker-menu">Môi giá»i chuyên nghiá»p</a> 5185 </div> 5186 </div> 5187 5188 <div class="item "> 5189 <a class="align-center-user" href="/huong-dan-su-dung/bang-gia-dang-tin.html"> 5190 <img class="img-icon-user" src="https://cdn.thuviennhadat.vn//upload/bds/HomePage/paper_10901929.png"> 5191 <span style="color: #000000DE"> Báo giá vaÌ Hưá»ng dẫn </span> 5192 5193 </a> 5194 5195 5196 </div> 5197</div> 5198 5199<style> 5200 .collapsible-content { 5201 display: none; 5202 } 5203 5204 .item.active .collapsible-content { 5205 display: block; 5206 } 5207 5208 .collapsible-header { 5209 cursor: pointer; 5210 } 5211 5212 .margin-left-7 { 5213 margin-left: 7px !important; 5214 } 5215 5216 .ui.vertical.menu .item > .header:not(.ui) { 5217 margin: 0 !important; 5218 font-weight: normal !important; 5219 } 5220 5221 .menu .collapsible-content .item { 5222 font-size: 14px !important; 5223 } 5224 5225 .ui.vertical.menu .menu .item { 5226 margin-left: 20px; 5227 } 5228 5229 .img-icon-user { 5230 width: 20px !important; 5231 margin-right: 10px !important; 5232 } 5233 5234 .align-center-user { 5235 display: flex; 5236 align-items: center; 5237 } 5238 5239 .mobile-show { 5240 display: none; 5241 } 5242 5243 .package-member-label { 5244 font-size: 11px !important; 5245 } 5246 5247 @media (max-width: 768px) { 5248 .package-member-label { 5249 font-size: 12px !important; 5250 } 5251 } 5252 5253 @media (max-width: 480px) { 5254 .mobile-margin-auto { 5255 margin-left: auto; 5256 } 5257 5258 .mobile-show { 5259 display: block; 5260 } 5261 } 5262</style> 5263
5264<script> 5265 $(document).ready(function () { 5266 $('.collapsible-header').click(function (e) { 5267 e.stopPropagation(); 5268 5269 const parentItem = $(this).parent(); 5270 5271 // Kiá»m tra trạng thái 'active' 5272 const isActive = parentItem.hasClass('active'); 5273 5274 // Xóa class 'active' khá»i tất cả menu cha khác 5275 $('.item').not(parentItem).removeClass('active'); 5276 5277 // Toggle trạng thái active cho menu hiá»n tại 5278 parentItem.toggleClass('active', !isActive); 5279 }); 5280 5281 // NgÄn sá»± kiá»n click trên item con (các thẻ <a>) lan lên cha 5282 $('.collapsible-content .item').click(function (e) { 5283 e.stopPropagation(); // Chặn event truyá»n lên phần tá» cha 5284 }); 5285 }); 5286 5287 5288 $(document).on('click', '#copy-transfer-code', function (e) { 5289 e.stopPropagation(); // â NgÄn sá»± kiá»n lan ra ngoà i 5290 5291 var transferCode = $('#transfer-code').text(); 5292 var tempInput = $('<input>'); 5293 $('body').append(tempInput); 5294 tempInput.val(transferCode).select(); 5295 5296 try { 5297 document.execCommand('copy'); 5298 $(this).attr('data-tooltip', 'Äã sao chép').popup('hide').popup('show'); 5299 } catch (err) { 5300 console.error('Copy failed', err); 5301 } 5302 5303 tempInput.remove(); 5304 }); 5305 5306 $('#copy-transfer-code').on('mouseenter', function () { 5307 $(this).attr('data-tooltip', 'Sao chép').popup('hide').popup('show'); 5308 }); 5309 let currentUserViewUrl = window.location.pathname; 5310 5311 $('.user-menu .item:not(.account-info)').each(function () { 5312 const itemUrl = $(this).attr('href'); 5313 5314 if (itemUrl === currentUserViewUrl) { 5315 $(this).addClass('active'); 5316 } 5317 }); 5318 $('.user-menu .item:not(.account-info)').on('click', function () { 5319 $('.user-menu .item').removeClass('active'); 5320 $(this).addClass('active'); 5321 }); 5322 $('.regist-broker-menu').click(function () { 5323 if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) { 5324 window.location.href = "/chuyen-trang-moi-gioi" 5325 } 5326 else { 5327 $.ajax({
5328 url: '/Users/CheckIsBrokerUserLogin', 5329 type: 'GET', 5330 success: function (data) { 5331 if (data) { 5332 if (data.status) { 5333 if (data.url != "") { 5334 window.location.href = data.url 5335 } 5336 else { 5337 window.location.href = "/dang-ki-moi-gioi" 5338 } 5339 } 5340 else { 5341 window.location.href = "/chuyen-trang-moi-gioi" 5342 } 5343 } 5344 else { 5345 window.location.href = "/chuyen-trang-moi-gioi" 5346 } 5347 } 5348 }); 5349 } 5350 }); 5351 5352</script>
5352 5353 5354</div> 5355
5356<script> 5357 5358 $(document).ready(function () { 5359 if (isMobile_TabletMode) { 5360 $("#navigation-bar-bottom").fadeIn(200) 5361 } 5362 if ($('#navigation-bar-bottom').is(':visible')) { 5363 $('.footer-company').css('margin-bottom', '70px'); 5364 } else { 5365 $('.footer-company').css('margin-bottom', '0'); 5366 } 5367 5368 5369 5370 ItemFocus(); 5371 5372 $(document).on('click', function (e) { 5373 const $snackbar = $('#snackbar-user'); 5374 const $menu = $('.user-menu'); 5375 5376 if ($snackbar.hasClass('show')) { 5377 // Nếu click không nằm trong user-menu 5378 if (!$menu.is(e.target) && $menu.has(e.target).length === 0) { 5379 $snackbar.removeClass('show'); 5380 $('body').css('overflow', 'auto'); // Cho phép scroll lại 5381 } 5382 } 5383 }); 5384 5385 $('#copy-transfer-code').click(function () { 5386 var transferCode = $('#transfer-code').text(); 5387 var tempInput = $('<input>'); 5388 $('body').append(tempInput); 5389 tempInput.val(transferCode).select(); 5390 5391 try { 5392 document.execCommand('copy'); 5393 $(this).attr('data-tooltip', 'Äã sao chép').popup('hide').popup('show'); 5394 } catch (err) { 5395 console.error("Copy failed", err); 5396 } 5397 5398 tempInput.remove(); 5399 }); 5400 }); 5401 function ItemFocus() { 5402 const path = window.location.pathname; 5403 const segments = path.split('/').filter(Boolean); 5404 const lastSegment = segments[segments.length - 1]; 5405 5406 $('.item-user').removeClass('active'); 5407 5408 // Kiá»m tra nếu là trang chá»§ 5409 if (segments.length === 0) { 5410 $('.item-user:eq(0)').addClass('active'); 5411 $('.item-user:eq(0) img').attr('src', '/Assets/img/home-focus.svg'); 5412 } 5413 5414 switch (lastSegment) { 5415 case "quan-ly-tin-dang": 5416 $('.item-user:eq(1)').addClass('active'); 5417 $('.item-user:eq(1) img').attr('src', '/Assets/img/litsting-focus.svg'); 5418 break; 5419 5420 case "dang-tin": 5421 $('.item-user:eq(2)').addClass('active'); 5422 break; 5423 5424 case "quan-ly-khach-hang": 5425 $('.item-user:eq(3)').addClass('active'); 5426 $('.item-user:eq(3) img').attr('src', '/Assets/img/notebook-focus.svg'); 5427 break; 5428 5429 case "thong-tin-ca-nhan": 5430 $('.item-user:eq(4)').addClass('active'); 5431 $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_focus.png'); 5432 break; 5433 5434 default: 5435 break; 5436 } 5437 } 5438 5439 function UserInformation(event) { 5440 5441 event.stopPropagation(); 5442 5443 var x = document.getElementById("snackbar-user"); 5444 5445 if (x.classList.contains("show")) { 5446 // Nếu Äã hiá»n -> ẩn Äi 5447 x.classList.remove("show"); 5448 document.body.style.overflow = 'auto'; 5449 5450 ItemFocus(); 5451 $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_4032866.png'); 5452 5453 } else { 5454 // Nếu Äang ẩn -> hiá»n lên 5455 x.classList.add("show"); 5456 document.body.style.overflow = 'hidden'; 5457 ResetImgDefault(); 5458 5459 $('.item-user:eq(4)').addClass('active'); 5460 $('.item-user:eq(4) img').attr('src', 'https://cdn.thuviennhadat.vn/upload/bds/HomePage/user_focus.png'); 5461 } 5462 } 5463 5464 function ResetImgDefault() { 5465 $('.item-user').removeClass('active'); 5466 5467 $('.item-user:eq(0) img').attr('src', '/Assets/img/home.svg'); 5468 $('.item-user:eq(1) img').attr('src', '/Assets/img/litsting.svg'); 5469 $('.item-user:eq(3) img').attr('src', '/Assets/img/notebook.svg'); 5470 } 5471</script>
5471 5472 5473
5474<script> 5475 $(document).ready(function () { 5476 var regisStatus = localStorage.getItem("tvnd-register-requirement-status"); 5477 var regisShowDate = localStorage.getItem("tvnd-register-requirement-date"); 5478 5479 if (regisStatus == 'active') { 5480 activeContainerRegisterRequirement(); 5481 } 5482 else { 5483 hiddenContainerRegisterRequirement(); 5484 } 5485 5486 $('#container-register-requirement .btn-close').on('click', function () { 5487 deactiveContainerRegisterRequirement(); 5488 }); 5489 5490 $('#container-register-requirement .tag-name').on('click', function () { 5491 activeContainerRegisterRequirement(); 5492 }); 5493 5494 $('#modal-open-register-requirement .button').on('click', function () { 5495 deactiveContainerRegisterRequirement(); 5496 }); 5497 5498 setTimeout(() => { 5499 triggerActiveContainerRegisterRequirement(); 5500 }, 20000); 5501 }); 5502 5503 function triggerActiveContainerRegisterRequirement() { 5504 var regisShowDate = localStorage.getItem("tvnd-register-requirement-date"); 5505 if (!regisShowDate || parseInt(regisShowDate) <= Date.now()) { 5506 $('#container-register-requirement').addClass('active'); 5507 $('#container-register-requirement img').addClass('animation-zoom'); 5508 localStorage.setItem("tvnd-register-requirement-status", "active"); 5509 } 5510 } 5511 5512 function activeContainerRegisterRequirement() { 5513 $('#container-register-requirement').addClass('active'); 5514 $('#container-register-requirement img').addClass('animation-zoom'); 5515 localStorage.setItem("tvnd-register-requirement-status", "active"); 5516 } 5517 5518 function hiddenContainerRegisterRequirement() { 5519 $('#container-register-requirement').removeClass('active'); 5520 $('#container-register-requirement img').removeClass('animation-zoom'); 5521 localStorage.setItem("tvnd-register-requirement-status", "deactive"); 5522 } 5523 5524 function deactiveContainerRegisterRequirement() { 5525 $('#container-register-requirement').removeClass('active'); 5526 $('#container-register-requirement img').removeClass('animation-zoom'); 5527 localStorage.setItem("tvnd-register-requirement-status", "deactive"); 5528 5529 completedContainerRegisterRequirement(); 5530 } 5531 5532 function completedContainerRegisterRequirement() { 5533 let dateNow = new Date(); 5534 localStorage.setItem("tvnd-register-requirement-date", dateNow.setDate(dateNow.getDate() + 1)); 5535 } 5536 5537 function openModalRegisterRequirement() { 5538 $('#modal-open-register-requirement').modal({ 5539 inverted: true, 5540 //onHidden: function () { 5541 // deactiveContainerRegisterRequirement(); 5542 //} 5543 }).modal('show'); 5544 } 5545</script>
5545 5546 5547
5547<script src="/Scripts/Common/Site.js?v=1.0.90"></script>
5547 5548
5548<script src="/Scripts/Common/CommonModule.js?v=1.0.90"></script>
5548 5549
5549<script src="/Scripts/Users/register.js?v=1.0.90"></script>
5549 5550
5550<script src="/Scripts/ContentReport/index.js?v=1.0.90"></script>
5550 5551
5551<script src="/Plugins/SweetAlert/sweetalert2.all.min.js"></script>
5551 5552 5553 5554
5555<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"363101d6bcb94a30a7d2d3e443e0cc4e","spa":2}' crossorigin="anonymous"></script>
5555 5556</body> 5557 5558</html> 5559
5560<script> 5561 var apiGetwayUrl = `https://api.thuviennhadat.vn`; 5562</script>
vendor: 2 bytes, line 5562
5562
5563<script> 5564 $(document).ready(function () { 5565 5566 $('#main-content img').each(function () { 5567 var src = $(this).attr('src'); 5568 if (src && src.includes('luatnhadat.vn')) { 5569 $(this).attr('src', src.replace('luatnhadat.vn', 'thuviennhadat.vn')); 5570 } 5571 }); 5572 5573 $('#main-content a').each(function () { 5574 var href = $(this).attr('href'); 5575 if (href && href.includes('luatnhadat.vn')) { 5576 $(this).attr('href', href.replace('luatnhadat.vn', 'thuviennhadat.vn')); 5577 } 5578 }); 5579 5580 $('.lazy').lazy({ 5581 effect: "fadeIn", 5582 effectTime: 2000, 5583 threshold: 0 5584 }); 5585 $('#broker-now').click(function () { 5586 if (!CommonModule.isLoggedIn() || CommonModule.isLoggedInMobile()) { 5587 window.location.href = "/chuyen-trang-moi-gioi" 5588 } 5589 else { 5590 $.ajax({ 5591 url: '/Users/CheckIsBrokerUserLogin', 5592 type: 'GET', 5593 success: function (data) { 5594 if (data) { 5595 if (data.status) { 5596 if (data.url != "") { 5597 window.location.href = data.url 5598 } 5599 else { 5600 window.location.href = "/dang-ki-moi-gioi" 5601 } 5602 } 5603 else { 5604 window.location.href = "/chuyen-trang-moi-gioi" 5605 } 5606 } 5607 else { 5608 window.location.href = "/chuyen-trang-moi-gioi" 5609 } 5610 } 5611 }); 5612 } 5613 }); 5614 5615 //chá» cho zoom á» 1 sá» trang 5616 const flexibleZoomPages = [ 5617 '/huong-dan-dac-diem-dang-tin', 5618 '/chuyen-trang-moi-gioi', 5619 ]; 5620 5621 const path = window.location.pathname; 5622 5623 const allowZoom = flexibleZoomPages.some(url => path.startsWith(url)); 5624 5625 setZoom(allowZoom); 5626 }); 5627 5628 // Function to open Tawk.to chat 5629 function openTawkChat() { 5630 if (typeof Tawk_API !== 'undefined' && Tawk_API.maximize) { 5631 Tawk_API.maximize(); // Opens the Tawk.to chat 5632 } else { 5633 console.log("Tawk.to script is not loaded yet."); 5634 } 5635 } 5636 5637 function setZoom(enabled) { 5638 const meta = document.querySelector('meta[name="viewport"]'); 5639 if (!meta) return; 5640 5641 if (enabled) { 5642 meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes'); 5643 } else { 5644 meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'); 5645 } 5646 } 5647 5648 function openPopupNewUser() { 5649 if (!(window.location.pathname === "/tai-khoan/thong-tin-ca-nhan") && !isOnlyMobileMode) { 5650 Swal.fire({ 5651 position: "top-end", 5652 title: "<div style='font-size: 13px;'>Chà o mừng bạn Äến vá»i <span class='brand-name' style='padding-top:0; font-size: 14px;'><span class='br-1'>Thư Viá»n</span> <span class='br-2'>Nhà Äất</span></span></div>", 5653 html: "<div style='font-size: 12px;'>Quý khách vui lòng truy cáºp <span><a style='color: red;' href='/tai-khoan/thong-tin-ca-nhan?type=1'>tại Äây</a></span> Äá» cáºp nháºt thông tin cá nhân tà i khoản!</div>",
5654 showConfirmButton: false, 5655 focusConfirm: false, 5656 allowOutsideClick: true, 5657 timer: 10000, 5658 customClass: { 5659 popup: 'swal-small-newuser' 5660 } 5661 }); 5662 } 5663 } 5664 5665</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.