Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/public/html/leases.html

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <link rel="stylesheet" href="./css/main.css"> <title>SOMNI</title> </head> <style> .ls-search-options { display: flex; justify-content: space-between; margin-bottom: 30px; } .per-page-selection .select2-container { display: flex; width: 44px !important; background-color: #fff; justify-content: center; align-items: center; gap: 10px; border-radius: 3px; padding: 2px 0px; } .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; } .per-page-selection .select2-container--default .select2-selection--single { background-color: transparent; border: 0; border-radius: 0px; color: #3155F4; text-align: center; font-family: 'Proxima-Nova-Medium'; font-size: 14px; } .per-page-selection .select2-container--default .select2-selection--single .select2-selection__rendered { color: #3155F4; line-height: 28px; font-family: 'Proxima-Nova-Medium'; font-size: 14px; } .select2-container--default .select2-selection--single .select2-selection__arrow { background: url(./images/sl2arrow.svg) no-repeat center center; background-size: contain; height: 10px; top: 11px; right: 4px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .ls-search input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-clear-button { -webkit-appearance: none; appearance: none; display: none; } .ls-search input { width: 600px; outline: none; border: 0; background-color: #fff; border-radius: 30px; font-size: 16px; font-family: "ProximaNova-Regular"; padding: 13px 60px; color: #000; } .ls-search input::placeholder { color: #38445F66; } input[type="search"] { -moz-appearance: none; appearance: none; } .ls-search { position: relative; } .ls-sc-icon { position: absolute; padding-left: 25px; top: 11px; z-index: 1; } .ls-select select { width: 130px; background-color: transparent; border: 0; padding: 0px 0px; -webkit-appearance: none; appearance: none; outline: none; } .ls-select select { width: 100px; background-color: transparent; border: 0; padding: 0px 0px; -webkit-appearance: none; appearance: none; outline: none; font-family: 'Proxima-Nova-Semibold'; color: #3155F4; background-image: url(../images/opt-arrow.svg); background-repeat: no-repeat; background-position: 100%; } .ls-select { display: flex; gap: 10px; border-radius: 4px; border: 1px solid rgba(173, 184, 204, 0.50); background: #FFF; border-radius: 4px; padding: 12px 27px; } .ls-select select option { color: #3155F4; background-color: #fff; } .lease-box { border-radius: 20px; background-color: #fff; box-shadow: 0px 60px 120px 0px rgba(38, 51, 77, 0.05); /* padding: 40px 25px 40px 60px; / } .ls-hding h4 { color: #003797; font-family: 'ProximaNova-Bold'; font-size: 22px; line-height: normal; } .sort-toolbar { display: flex; gap: 35px; } .toolbar-list { display: flex; list-style: none; padding: 0; margin: 0; gap: 15px; } .sort-select select { width: 75px; background-color: transparent; border: 0; padding: 0px 0px; -webkit-appearance: none; appearance: none; outline: none; font-family: 'Proxima-Nova-Semibold'; color: #3155F4; background-image: url(../images/opt-arrow.svg); background-repeat: no-repeat; background-position: 100%; } .sort-select select option { color: #3155F4; background-color: #fff; } .fill svg path { fill: #3155F4; } .pdf-box { border: 1px solid #A6CCF480; border-radius: 20px; padding: 10px 0px; width: 209px; overflow: hidden; position: relative; } .pdf-thumb { display: flex; justify-content: center; align-items: center; } .d-toggle { background-color: transparent; outline: 0; border: 0; font-family: "Proxima-Nova-Semibold"; color: #3155F4; font-size: 16px; display: flex; gap: 25px; } .d-toggle p { margin-bottom: 0px; } .d-toggle::after { content: none; } .pdf-view-main { display: flex; gap: 25px; justify-content: space-between; padding-right: 65px; padding-left: 60px; } .pdf-link a { font-size: 13px; color: #3155F4; text-decoration: none; font-family: 'Proxima-Nova-Medium'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .pdf-link { display: flex; justify-content: center; gap: 5px; align-items: center; padding: 10px; } .view-grid { display: flex; flex-direction: column; gap: 25px; padding: 50px 0px 90px; } .column-grid { flex-direction: column; } .column-grid .pdf-box { width: 100%; } .pdf-box input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 18px; height: 18px; background-color: transparent; border: 1px solid #3155F4CC; background-repeat: no-repeat; background-size: 10px; border-radius: 4px; cursor: pointer; padding: 0; margin: 10px 0px 0px 20px; position: absolute; top: 10px; } .pdf-box input[type="checkbox"]:checked { background-color: transparent; background-image: url(../images/plan-select.svg); background-repeat: no-repeat; background-size: 10px; background-position: center; background-color: #3155F4; } .pdf-thumb img { cursor: pointer; } .options-menu { padding: 0; border: 1px solid transparent; box-shadow: unset; inset: 15px -32px auto auto !important; transition: 0.6s all ease-in-out; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; width: 248px; padding: 25px 25px; filter: drop-shadow(0px 3px 20px rgba(38, 51, 77, 0.17)); } .options-menu.show { display: flex !important; flex-direction: column; gap: 15px; } .options-menu .dropdown-item { padding: 0; background-color: transparent; color: #020202; display: flex; gap: 10px; font-size: 16px; font-family: 'Proxima-Nova-Medium'; } .options-menu .dropdown-item img { width: 22px; } .options-menu .dropdown-item:focus, .dropdown-item:hover { background-color: transparent; } .op-arrow { transition: 0.6s all ease-in-out; } .d-toggle.show .op-arrow { transform: rotate(-180deg); } .sort-drop { width: 191px; } .sort-drop .dropdown-item { gap: 20px; } .s-toggle { gap: 10px; } .toolbar-list li { cursor: pointer; } .cd-parent { display: none; } .cncl-btn { border-radius: 4px; border: 1px solid rgba(173, 184, 204, 0.50); background: #FFF; width: 123px; padding: 15px 0px; color: #3155F4; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; font-style: normal; line-height: 18px; display: flex; justify-content: center; } .cancel-delete { display: flex; align-items: center; gap: 15px; } .ds-btn { border-radius: 4px; border: 1px solid rgba(49, 85, 244, 0.25); background-color: #3155F4; display: flex; justify-content: center; width: 182px; gap: 10px; font-family: 'ProximaNova-Bold'; padding: 12px 0px; color: #FFF; font-size: 14px; line-height: 18px; align-items: center; } .pdf-box label { width: 100%; } .lease-head { display: flex; justify-content: space-between; padding: 40px 25px 0px 60px; } .pagination_pdf { background-color: #00379708; } .per-page-pagination { display: flex; justify-content: flex-end; padding: 15px 64px; gap: 23px; } .per-page-selection { display: flex; align-items: center; gap: 8px; } .per-page-selection p { color: #020202; font-family: 'Proxima-Nova-Semibold'; font-size: 14px; margin: 0; } .arrws-pages { display: flex; align-items: center; gap: 8px; } .pages-number p { color: #3155F4; text-align: center; font-family: 'Proxima-Nova-Medium'; font-size: 14px; cursor: pointer; margin-bottom: 0px; } .pages-number { width: 52px; } .prev-arrows svg { cursor: pointer; } .next-arrows svg { cursor: pointer; } .pd-listing-main { padding: 0px 60px 0px; list-style: none; display: flex; flex-direction: column; gap: 20px; } .pd-listing-main li a { color: #020202; text-decoration: none; / display: flex; */ font-size: 18px; gap: 10px; font-family: 'Proxima-Nova-Medium'; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .pd-listing-main li { display: flex; gap: 8px; } @media only screen and (min-width: 320px) and (max-width: 529px) { .lease-head { padding: 40px 30px; flex-direction: column; gap: 40px; } .ls-search-options { flex-direction: column; gap: 25px; } .ls-search input { width: 100%; } .options-menu { inset: 0px auto auto 0px !important; } .d-toggle { width: 100%; justify-content: space-between; } .pdf-view-main { flex-direction: column; padding: 0px 30px; } .pdf-box { width: 100%; } .pd-listing-main { padding: 0px 30px 0px; } .per-page-pagination { flex-direction: column; justify-content: center; align-items: center; } } @media only screen and (min-width: 530px) and (max-width: 767px) { .lease-head { padding: 40px 30px; } .ls-search-options { flex-direction: column; gap: 25px; } .ls-search input { width: 100%; } .options-menu { inset: 0px auto auto 0px !important; } .d-toggle { width: 100%; justify-content: space-between; } .pdf-view-main { flex-direction: column; padding: 0px 30px; } .pdf-box { width: 100%; } .pd-listing-main { padding: 0px 30px 0px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .lease-head { padding: 40px 30px; } .ls-search-options { flex-direction: column; gap: 25px; } .ls-search input { width: 100%; } .options-menu { inset: 0px auto auto 0px !important; } .d-toggle { width: 100%; justify-content: space-between; } .pdf-view-main { flex-wrap: wrap; padding: 0px 30px; } .pdf-box { width: 100%; flex: 0 0 48%; } .pd-listing-main { padding: 0px 30px 0px; } } @media only screen and (min-width: 1500px) and (max-width: 2500px) { .pdf-box { width: 100%; } .pdf-box label { width: 100%; } } </style> <body class="dashboard-body"> <header class="dashboard-header"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="db-lg-nav"> <div class="db-logo"> <img src="./images/nav-logo.svg" alt="" class="img-fluid"> </div> <div class="db-toggle"><img src="./images/menu-buton.svg" alt=""></div> <div class="db-nav mobile-hidden"> <ul> <li><a href="javascript:void(0)" class="active">Home</a></li> <li><a href="javascript:void(0)">All Properties</a></li> <li><a href="javascript:void(0)">Add Property</a></li> </ul> </div> <div class="notification-user mobile-hidden"> <ul> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/bell.svg" alt="" class="img-fluid"> <span class="message-counter bell-counter">19</span> </button> <ul class="dropdown-menu d-menu"> <div class="drop-header"> <div class="notifications"> <h6>Notifications</h6> </div> <div class="mark-as-read"> <p><a href="">Mark All Read</a></p> </div> </div> <div class="notify-columns"> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-1.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="bold-text">Fringilla morbi 5 dignissim </strong> volutpat scelerisque non molestie malesuad mollis <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)">Euismod malesuada <strong class="bold-text">malesuad mollis</strong> <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-3.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">902 molestie</strong> curabitur scelerisque fringilla arcu integer arcu adipiscing massa. <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">10 morbi dignissim</strong> volutpat scelerisque non molestie <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">1 Elementum</strong> ipsum fermentum conse <span class="nft-timing">24 mins ago</span> </a> </p> </div> </div> </div> <div class="drop-footer"> <p><a href="javascript:void(0)"><img src="./images/notif-al.png" alt="" class="img-fluid">View All Notifications</a></p> </div> </ul> </div> </li> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/user.svg" alt=""> </button> <ul class="dropdown-menu user-menu"> <div class="user-header"> <h5>Ramone Rogers</h5> <p>ramones.the.rogers100@gmail.com</p> </div> <div class="user-listing"> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ep.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Edit Profile</a></p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/cp.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Change Password</a></p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ntfic.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Notifications <span>View your alerts all in one place</span></a></p> </div> </div> </div> <div class="user-footer"> <a href="javascript:void(0)"><img src="./images/lg-out.svg" alt="" class="img-fluid">Log Out</a> </div> </ul> </div> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="main-section"> <div class="aside-main"> <div class="l-sidebar"> <div class="logo-link-wrapper"> <div class="l-sidebar__content"> <div class="side-bar-links"> <ul class="main-links"> <li class=""><a href="javascript:void(0)"><img src="./images/overview.svg" alt="" class="img-fluid">Overview</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/message.svg" alt="" class="img-fluid">Messages <span class="message-counter">4</span></a></li> <li class=""><a href="javascript:void(0)"><img src="./images/wallet.svg" alt="" class="img-fluid">Wallet</a></li> <li class="active"><a href="javascript:void(0)"><img src="./images/message.svg" alt="" class="img-fluid">Leases</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/units.svg" alt="" class="img-fluid">Units</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/finance.svg" alt="" class="img-fluid">Finance</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/maintenance.svg" alt="" class="img-fluid">Maintenance</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/calendar.svg" alt="" class="img-fluid">Calendar</a></li> <li class=""><a href="javascript:void(0)"><img src="./images/settings.svg" alt="" class="img-fluid">Settings</a></li> </ul> <div class="logout-side-button"> <button class="logout-btn"> Log Out </button> </div> </div> </div> </div> </div> </div> <main class="layout-main"> <div class="content-wrapper"> <section class="profile-edit"> <div class="container-fluid custom-container"> <div class="row "> <div class="col-md-12"> <div class="main-db-layout"> <div class="mobile-nav-view"> <div class="db-nav"> <ul> <!-- <li><a href="javascript:void(0)" class="active">Home</a></li> --> <li><a href="javascript:void(0)">All Properties</a></li> <li><a href="javascript:void(0)">Add Property</a></li> </ul> </div> <div class="notification-user"> <ul> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/bell.svg" alt="" class="img-fluid"> <span class="message-counter bell-counter">19</span> </button> <ul class="dropdown-menu d-menu"> <div class="drop-header"> <div class="notifications"> <h6>Notifications</h6> </div> <div class="mark-as-read"> <p><a href="">Mark All Read</a></p> </div> </div> <div class="notify-columns"> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-1.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="bold-text">Fringilla morbi 5 dignissim </strong> volutpat scelerisque non molestie malesuad mollis <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)">Euismod malesuada <strong class="bold-text">malesuad mollis</strong> <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-3.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">902 molestie</strong> curabitur scelerisque fringilla arcu integer arcu adipiscing massa. <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">10 morbi dignissim</strong> volutpat scelerisque non molestie <span class="nft-timing">24 mins ago</span></a> </p> </div> </div> <div class="notificationcontent-main"> <div class="nft-thumb"><img src="./images/nft-2.png" alt="" class="img-fluid"></div> <div class="nft-content"> <p><a href="javascript:void(0)"><strong class="text-bold">1 Elementum</strong> ipsum fermentum conse <span class="nft-timing">24 mins ago</span> </a> </p> </div> </div> </div> <div class="drop-footer"> <p><a href="javascript:void(0)"><img src="./images/notif-al.png" alt="" class="img-fluid">View All Notifications</a> </p> </div> </ul> </div> </li> <li> <div class="dropdown"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="./images/user.svg" alt=""> </button> <ul class="dropdown-menu user-menu"> <div class="user-header"> <h5>Ramone Rogers</h5> <p>ramones.the.rogers100@gmail.com</p> </div> <div class="user-listing"> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ep.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Edit Profile</a> </p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/cp.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Change Password</a> </p> </div> </div> <div class="us-listing-main"> <div class="listing-thumbs"><img src="./images/ntfic.svg" alt="" class="img-fluid"></div> <div class="listing-user-content"> <p><a href="javascript:void(0)">Notifications <span>View your alerts all in one place</span></a> </p> </div> </div> </div> <div class="user-footer"> <a href="javascript:void(0)"><img src="./images/lg-out.svg" alt="" class="img-fluid">Log Out</a> </div> </ul> </div> </li> </ul> </div> </div> <div class="ls-search-options"> <div class="ls-search"> <input type="search" placeholder="Search"> <div class="ls-sc-icon"> <img src="./images/scc-icon.svg" alt="" class="img-fluid"> </div> </div> <div class="ls-options dropdown"> <div class="ls-select"> <div class="ls-opt"> <img src="./images/ls-opt.svg" alt="" class="img-fluid"> </div> <button class="dropdown-toggle d-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Options <p class="op-arrow"><img src="./images/opt-arrow.svg" alt="" class="img-fluid"></p> </button> <ul class="dropdown-menu options-menu"> <li><a class="dropdown-item" href="#"><img src="./images/ntl.svg" alt="" class="img-fluid">New Template Lease</a></li> <li><a class="dropdown-item" href="#"> <img src="./images/upl.svg" alt="" class="img-fluid">Upload A File</a></li> <li><a class="dropdown-item select-all" href="#"><img src="./images/sall.svg" alt="" class="img-fluid">Select All</a></li> </ul> </div> </div> <div class="cd-parent"> <div class="cancel-delete"> <button type="button" class="cncl-btn">Cancel</button> <button type="button" class="ds-btn"><img src="./images/dlt-icon.svg" alt="" class="img-fluid">Delete Selected</button> </div> </div> </div> <div class="lease-box"> <div class="lease-head"> <div class="ls-hding"> <h4>All Leases</h4> </div> <div class="sort-toolbar"> <div class="sort-select"> <div class="dropdown"> <button class="dropdown-toggle d-toggle s-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Sort By <p class="op-arrow"><img src="./images/opt-arrow.svg" alt="" class="img-fluid"></p> </button> <ul class="dropdown-menu options-menu sort-drop"> <li><a class="dropdown-item" href="#"><img src="./images/rcnt.svg" alt="" class="img-fluid">Recent</a></li> <li><a class="dropdown-item" href="#"> <img src="./images/srtt1.svg" alt="" class="img-fluid">Alphabetical</a></li> <li><a class="dropdown-item" href="#"><img src="./images/sze.svg" alt="" class="img-fluid">Size </a></li> </ul> </div> </div> <ul class="toolbar-list"> <li class="fill four-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <g clip-path="url(#clip0_4032_42415)"> <path d="M6.75 0H1.6875C0.756956 0 0 0.756956 0 1.6875V6.75C0 7.68054 0.756956 8.4375 1.6875 8.4375H6.75C7.68054 8.4375 8.4375 7.68054 8.4375 6.75V1.6875C8.4375 0.756956 7.68054 0 6.75 0ZM7.3125 6.75C7.3125 7.06009 7.06037 7.3125 6.75 7.3125H1.6875C1.37714 7.3125 1.125 7.06009 1.125 6.75V1.6875C1.125 1.37741 1.37714 1.125 1.6875 1.125H6.75C7.06037 1.125 7.3125 1.37741 7.3125 1.6875V6.75Z" fill="#ADB8CC" /> <path d="M16.3125 0H11.25C10.3195 0 9.5625 0.756956 9.5625 1.6875V6.75C9.5625 7.68054 10.3195 8.4375 11.25 8.4375H16.3125C17.243 8.4375 18 7.68054 18 6.75V1.6875C18 0.756956 17.243 0 16.3125 0ZM16.875 6.75C16.875 7.06009 16.6229 7.3125 16.3125 7.3125H11.25C10.9396 7.3125 10.6875 7.06009 10.6875 6.75V1.6875C10.6875 1.37741 10.9396 1.125 11.25 1.125H16.3125C16.6229 1.125 16.875 1.37741 16.875 1.6875V6.75Z" fill="#ADB8CC" /> <path d="M16.3125 9.5625H11.25C10.3195 9.5625 9.5625 10.3195 9.5625 11.25V16.3125C9.5625 17.243 10.3195 18 11.25 18H16.3125C17.243 18 18 17.243 18 16.3125V11.25C18 10.3195 17.243 9.5625 16.3125 9.5625ZM16.875 16.3125C16.875 16.6226 16.6229 16.875 16.3125 16.875H11.25C10.9396 16.875 10.6875 16.6226 10.6875 16.3125V11.25C10.6875 10.9399 10.9396 10.6875 11.25 10.6875H16.3125C16.6229 10.6875 16.875 10.9399 16.875 11.25V16.3125Z" fill="#ADB8CC" /> <path d="M6.75 9.5625H1.6875C0.756956 9.5625 0 10.3195 0 11.25V16.3125C0 17.243 0.756956 18 1.6875 18H6.75C7.68054 18 8.4375 17.243 8.4375 16.3125V11.25C8.4375 10.3195 7.68054 9.5625 6.75 9.5625ZM7.3125 16.3125C7.3125 16.6226 7.06037 16.875 6.75 16.875H1.6875C1.37714 16.875 1.125 16.6226 1.125 16.3125V11.25C1.125 10.9399 1.37714 10.6875 1.6875 10.6875H6.75C7.06037 10.6875 7.3125 10.9399 7.3125 11.25V16.3125Z" fill="#ADB8CC" /> </g> <defs> <clipPath id="clip0_4032_42415"> <rect width="18" height="18" fill="white" /> </clipPath> </defs> </svg> </li> <li class="one-grid"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <g clip-path="url(#clip0_4032_42409)"> <path d="M16.3125 0H2.25C1.31946 0 0.5625 0.756956 0.5625 1.6875V6.75C0.5625 7.68054 1.31946 8.4375 2.25 8.4375H16.3125C17.243 8.4375 18 7.68054 18 6.75V1.6875C18 0.756956 17.243 0 16.3125 0ZM16.875 6.75C16.875 7.06009 16.6229 7.3125 16.3125 7.3125H2.25C1.93964 7.3125 1.6875 7.06009 1.6875 6.75V1.6875C1.6875 1.37741 1.93964 1.125 2.25 1.125H16.3125C16.6229 1.125 16.875 1.37741 16.875 1.6875V6.75Z" fill="#ADB8CC" /> <path d="M16.3096 9.5H2.24707C1.31653 9.5 0.55957 10.257 0.55957 11.1875V16.25C0.55957 17.1805 1.31653 17.9375 2.24707 17.9375H16.3096C17.2401 17.9375 17.9971 17.1805 17.9971 16.25V11.1875C17.9971 10.257 17.2401 9.5 16.3096 9.5ZM16.8721 16.25C16.8721 16.5601 16.6199 16.8125 16.3096 16.8125H2.24707C1.93671 16.8125 1.68457 16.5601 1.68457 16.25V11.1875C1.68457 10.8774 1.93671 10.625 2.24707 10.625H16.3096C16.6199 10.625 16.8721 10.8774 16.8721 11.1875V16.25Z" fill="#ADB8CC" /> </g> <defs> <clipPath id="clip0_4032_42409"> <rect width="18" height="18" fill="white" /> </clipPath> </defs> </svg> </li> <li class="list-view-tool"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"> <path d="M23.75 9.63291V21.6154L25.1825 20.1817C25.2999 20.0643 25.459 19.9984 25.625 19.9984C25.791 19.9984 25.9502 20.0643 26.0675 20.1817C26.1849 20.299 26.2508 20.4582 26.2508 20.6242C26.2508 20.7901 26.1849 20.9493 26.0675 21.0667L23.5675 23.5667C23.5095 23.6249 23.4405 23.671 23.3645 23.7026C23.2886 23.7341 23.2072 23.7503 23.125 23.7503C23.0428 23.7503 22.9614 23.7341 22.8855 23.7026C22.8095 23.671 22.7406 23.6249 22.6825 23.5667L20.1825 21.0667C20.0651 20.9493 19.9992 20.7901 19.9992 20.6242C19.9992 20.4582 20.0651 20.299 20.1825 20.1817C20.2999 20.0643 20.459 19.9984 20.625 19.9984C20.791 19.9984 20.9501 20.0643 21.0675 20.1817L22.5 21.6154V9.63291L21.0675 11.0667C20.9501 11.184 20.791 11.25 20.625 11.25C20.459 11.25 20.2999 11.184 20.1825 11.0667C20.0651 10.9493 19.9992 10.7901 19.9992 10.6242C19.9992 10.4582 20.0651 10.299 20.1825 10.1817L22.6825 7.68166C22.7406 7.62346 22.8095 7.57728 22.8855 7.54577C22.9614 7.51426 23.0428 7.49805 23.125 7.49805C23.2072 7.49805 23.2886 7.51426 23.3645 7.54577C23.4405 7.57728 23.5095 7.62346 23.5675 7.68166L26.0675 10.1817C26.1849 10.299 26.2508 10.4582 26.2508 10.6242C26.2508 10.7901 26.1849 10.9493 26.0675 11.0667C25.9502 11.184 25.791 11.25 25.625 11.25C25.459 11.25 25.2999 11.184 25.1825 11.0667L23.75 9.63291ZM5.625 12.4992H15.625C15.7908 12.4992 15.9497 12.4333 16.0669 12.3161C16.1842 12.1989 16.25 12.0399 16.25 11.8742C16.25 11.7084 16.1842 11.5494 16.0669 11.4322C15.9497 11.315 15.7908 11.2492 15.625 11.2492H5.625C5.45924 11.2492 5.30027 11.315 5.18306 11.4322C5.06585 11.5494 5 11.7084 5 11.8742C5 12.0399 5.06585 12.1989 5.18306 12.3161C5.30027 12.4333 5.45924 12.4992 5.625 12.4992ZM5.625 8.74916H15.625C15.7908 8.74916 15.9497 8.68332 16.0669 8.56611C16.1842 8.4489 16.25 8.28992 16.25 8.12416C16.25 7.9584 16.1842 7.79943 16.0669 7.68222C15.9497 7.56501 15.7908 7.49916 15.625 7.49916H5.625C5.45924 7.49916 5.30027 7.56501 5.18306 7.68222C5.06585 7.79943 5 7.9584 5 8.12416C5 8.28992 5.06585 8.4489 5.18306 8.56611C5.30027 8.68332 5.45924 8.74916 5.625 8.74916ZM5.625 16.2492H15.625C15.7908 16.2492 15.9497 16.1833 16.0669 16.0661C16.1842 15.9489 16.25 15.7899 16.25 15.6242C16.25 15.4584 16.1842 15.2994 16.0669 15.1822C15.9497 15.065 15.7908 14.9992 15.625 14.9992H5.625C5.45924 14.9992 5.30027 15.065 5.18306 15.1822C5.06585 15.2994 5 15.4584 5 15.6242C5 15.7899 5.06585 15.9489 5.18306 16.0661C5.30027 16.1833 5.45924 16.2492 5.625 16.2492ZM5.625 19.9992H15.625C15.7908 19.9992 15.9497 19.9333 16.0669 19.8161C16.1842 19.6989 16.25 19.5399 16.25 19.3742C16.25 19.2084 16.1842 19.0494 16.0669 18.9322C15.9497 18.815 15.7908 18.7492 15.625 18.7492H5.625C5.45924 18.7492 5.30027 18.815 5.18306 18.9322C5.06585 19.0494 5 19.2084 5 19.3742C5 19.5399 5.06585 19.6989 5.18306 19.8161C5.30027 19.9333 5.45924 19.9992 5.625 19.9992ZM5.625 23.7492H15.625C15.7908 23.7492 15.9497 23.6833 16.0669 23.5661C16.1842 23.4489 16.25 23.2899 16.25 23.1242C16.25 22.9584 16.1842 22.7994 16.0669 22.6822C15.9497 22.565 15.7908 22.4992 15.625 22.4992H5.625C5.45924 22.4992 5.30027 22.565 5.18306 22.6822C5.06585 22.7994 5 22.9584 5 23.1242C5 23.2899 5.06585 23.4489 5.18306 23.5661C5.30027 23.6833 5.45924 23.7492 5.625 23.7492Z" fill="#ADB8CC" /> </svg> </li> </ul> </div> </div> <form> <div class="view-grid"> <div class="pdf-view-main"> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd1"> <label for="pd1" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd2"> <label for="pd2" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd3"> <label for="pd3" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd4"> <label for="pd4" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> </div> <div class="pdf-view-main"> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd5"> <label for="pd5" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd6"> <label for="pd6" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd7"> <label for="pd7" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd8"> <label for="pd8" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> </div> <div class="pdf-view-main"> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd9"> <label for="pd9" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd10"> <label for="pd10" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd11"> <label for="pd11" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> <div class="pdf-box"> <input type="checkbox" name="pdfType" id="pd12"> <label for="pd12" class=""> <div class="pdf-thumb"> <img class="" data-pdf-thumbnail-file="somni.pdf" data-pdf-thumbnail-width="170" width="170" data-pdf-thumbnail-height="170" height="170" src="./images/pdf.png"> </div> <div class="pdf-link"> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="somni.pdf" target="_blank">Unit 304_Lease-Alex-Ste...</a> </div> </label> </div> </div> <div class="pdf-listing-view"> <ul class="pd-listing-main"> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> <li> <img src="./images/pdficon.svg" alt="" class="img-fluid"> <a href="#"> Unit 304_Lease-Alex-Ste... </a> </li> </ul> </div> </div> </form> <div class="pagination_pdf"> <div class="per-page-pagination"> <div class="per-page-selection"> <p>Per page</p> <select class="js-example-basic-single" name="state"> <option value="1">1</option> <option value="2">2</option> </select> </div> <div class="arrws-pages"> <div class="prev-arrows"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M13.5303 19.7803C13.8232 19.4874 13.8232 19.0126 13.5303 18.7197L6.81066 12L13.5303 5.2803C13.8232 4.9874 13.8232 4.5126 13.5303 4.2197C13.2374 3.9268 12.7626 3.9268 12.4697 4.2197L5.21967 11.4697C4.92678 11.7626 4.92678 12.2374 5.21967 12.5303L12.4697 19.7803C12.7626 20.0732 13.2374 20.0732 13.5303 19.7803Z" fill="#3155F4" fill-opacity="0.25" /> <path d="M18.7803 19.7803C19.0732 19.4874 19.0732 19.0126 18.7803 18.7197L12.0607 12L18.7803 5.2803C19.0732 4.9874 19.0732 4.5126 18.7803 4.2197C18.4874 3.9268 18.0126 3.9268 17.7197 4.2197L10.4697 11.4697C10.1768 11.7626 10.1768 12.2374 10.4697 12.5303L17.7197 19.7803C18.0126 20.0732 18.4874 20.0732 18.7803 19.7803Z" fill="#3155F4" fill-opacity="0.25" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M15.5303 19.7803C15.8232 19.4874 15.8232 19.0126 15.5303 18.7197L8.81066 12L15.5303 5.2803C15.8232 4.9874 15.8232 4.5126 15.5303 4.2197C15.2374 3.9268 14.7626 3.9268 14.4697 4.2197L7.21967 11.4697C6.92678 11.7626 6.92678 12.2374 7.21967 12.5303L14.4697 19.7803C14.7626 20.0732 15.2374 20.0732 15.5303 19.7803Z" fill="#3155F4" /> </svg> </div> <div class="pages-number"> <p>72</p> </div> <div class="next-arrows"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M8.4697 4.21967C8.1768 4.51256 8.1768 4.98744 8.4697 5.28033L15.1893 12L8.4697 18.7197C8.1768 19.0126 8.1768 19.4874 8.4697 19.7803C8.7626 20.0732 9.2374 20.0732 9.5303 19.7803L16.7803 12.5303C17.0732 12.2374 17.0732 11.7626 16.7803 11.4697L9.5303 4.21967C9.2374 3.92678 8.7626 3.92678 8.4697 4.21967Z" fill="#3155F4" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.4697 4.21967C10.1768 4.51256 10.1768 4.98744 10.4697 5.28033L17.1893 12L10.4697 18.7197C10.1768 19.0126 10.1768 19.4874 10.4697 19.7803C10.7626 20.0732 11.2374 20.0732 11.5303 19.7803L18.7803 12.5303C19.0732 12.2374 19.0732 11.7626 18.7803 11.4697L11.5303 4.21967C11.2374 3.92678 10.7626 3.92678 10.4697 4.21967Z" fill="#3155F4" fill-opacity="0.25" /> <path d="M5.2197 4.21967C4.9268 4.51256 4.9268 4.98744 5.2197 5.28033L11.9393 12L5.2197 18.7197C4.9268 19.0126 4.9268 19.4874 5.2197 19.7803C5.5126 20.0732 5.9874 20.0732 6.2803 19.7803L13.5303 12.5303C13.8232 12.2374 13.8232 11.7626 13.5303 11.4697L6.2803 4.21967C5.9874 3.92678 5.5126 3.92678 5.2197 4.21967Z" fill="#3155F4" fill-opacity="0.25" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <script src="./js/global.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.js"></script> <script src="./js/pdfThumbnails.js" data-pdfjs-src="pdf.js/build/pdf.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <script> $(function () { // Cache jQuery selectors var $toolbarListItems = $('.toolbar-list li'); var $pdfViewMain = $('.pdf-view-main'); var $pdfListingView = $('.pdf-listing-view'); var $pdfTypeInputs = $('input[name="pdfType"]'); var $lsOptions = $('.ls-options'); var $cdParent = $('.cd-parent'); $pdfListingView.hide(); // Toolbar item click handling $toolbarListItems.click(function () { $toolbarListItems.removeClass('fill'); $(this).toggleClass('fill'); }); // Initialize select2 plugin $('.js-example-basic-single').select2({ minimumResultsForSearch: -1 }); // Four-grid view click handling $('.four-grid').click(function () { $pdfViewMain.removeClass('column-grid').show(); $pdfListingView.hide(); }); // One-grid view click handling $('.one-grid').click(function () { $pdfViewMain.addClass('column-grid').show(); $pdfListingView.hide(); }); // Select-all click handling $('.select-all').click(function () { $pdfTypeInputs.prop('checked', true); $lsOptions.hide(); $cdParent.show(); }); // Individual PDF type input click handling $(document).on('click', 'input[name="pdfType"]', function () { var isChecked = $pdfTypeInputs.is(':checked'); $lsOptions.toggle(!isChecked); $cdParent.toggle(isChecked); }); // Cancel button click handling $('.cncl-btn').click(function () { $cdParent.hide(); $lsOptions.show(); $pdfTypeInputs.prop('checked', false); }); // List-view-tool click handling $('.list-view-tool').click(function () { $pdfViewMain.hide(); $pdfListingView.show(); }); }); </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0 | proxy | phpinfo | Настройка