File manager

AAAA
AAAA

Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): Failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home2/techcff9/techcadd.com/wp-acc.php on line 90
File manager

File manager - Edit - /home2/techcff9/techcadd.com/.git/objects/06/ce3336bd1bc4251f4fdbb6e797296b851bc61b

Back
x�v��eblob 39531�<!doctype html> <html lang="en" class="semi-dark"> <!-- Mirrored from codervent.com/amdash/demo/vertical/app-to-do.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 25 Jul 2024 05:01:34 GMT --> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--favicon--> <link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" /> <!--plugins--> <link href="assets/plugins/simplebar/css/simplebar.css" rel="stylesheet" /> <link href="assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" /> <link href="assets/plugins/metismenu/css/metisMenu.min.css" rel="stylesheet" /> <!-- loader--> <link href="assets/css/pace.min.css" rel="stylesheet" /> <script src="assets/js/pace.min.js"></script> <!-- Bootstrap CSS --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <link href="assets/css/bootstrap-extended.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet"> <link href="assets/css/app.css" rel="stylesheet"> <link href="assets/css/icons.css" rel="stylesheet"> <!-- Theme Style CSS --> <link rel="stylesheet" href="assets/css/dark-theme.css" /> <link rel="stylesheet" href="assets/css/semi-dark.css" /> <link rel="stylesheet" href="assets/css/header-colors.css" /> <title>Amdash - Bootstrap 5 Admin Dashboard Template</title> </head> <body> <!--wrapper--> <div class="wrapper"> <!--sidebar wrapper --> <div class="sidebar-wrapper" data-simplebar="true"> <div class="sidebar-header"> <div> <img src="assets/images/logo-icon.png" class="logo-icon" alt="logo icon"> </div> <div> <h4 class="logo-text">Amdash</h4> </div> <div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i> </div> </div> <!--navigation--> <ul class="metismenu" id="menu"> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class='bx bx-home-circle'></i> </div> <div class="menu-title">Dashboard</div> </a> <ul> <li> <a href="index.html"><i class="bx bx-right-arrow-alt"></i>Default</a> </li> <li> <a href="index2.html"><i class="bx bx-right-arrow-alt"></i>Alternate</a> </li> </ul> </li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class="bx bx-category"></i> </div> <div class="menu-title">Application</div> </a> <ul> <li> <a href="app-emailbox.html"><i class="bx bx-right-arrow-alt"></i>Email</a> </li> <li> <a href="app-chat-box.html"><i class="bx bx-right-arrow-alt"></i>Chat Box</a> </li> <li> <a href="app-file-manager.html"><i class="bx bx-right-arrow-alt"></i>File Manager</a> </li> <li> <a href="app-contact-list.html"><i class="bx bx-right-arrow-alt"></i>Contatcs</a> </li> <li> <a href="app-to-do.html"><i class="bx bx-right-arrow-alt"></i>Todo List</a> </li> <li> <a href="app-invoice.html"><i class="bx bx-right-arrow-alt"></i>Invoice</a> </li> <li> <a href="app-fullcalender.html"><i class="bx bx-right-arrow-alt"></i>Calendar</a> </li> </ul> </li> <li class="menu-label">UI Elements</li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class="bx bx-cookie"></i> </div> <div class="menu-title">Widgets</div> </a> <ul> <li> <a href="widgets-static.html"><i class="bx bx-right-arrow-alt"></i>Static Widgets</a> </li> <li> <a href="widgets-data.html"><i class="bx bx-right-arrow-alt"></i>Data Widgets</a> </li> </ul> </li> <li> <a href="javascript:;" class="has-arrow"> <div class="parent-icon"><i class='bx bx-cart'></i> </div> <div class="menu-title">eCommerce</div> </a> <ul> <li> <a href="ecommerce-products.html"><i class="bx bx-right-arrow-alt"></i>Products</a> </li> <li> <a href="ecommerce-products-details.html"><i class="bx bx-right-arrow-alt"></i>Product Details</a> </li> <li> <a href="ecommerce-add-new-products.html"><i class="bx bx-right-arrow-alt"></i>Add New Products</a> </li> <li> <a href="ecommerce-orders.html"><i class="bx bx-right-arrow-alt"></i>Orders</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class='bx bx-bookmark-heart'></i> </div> <div class="menu-title">Components</div> </a> <ul> <li> <a href="component-alerts.html"><i class="bx bx-right-arrow-alt"></i>Alerts</a> </li> <li> <a href="component-accordions.html"><i class="bx bx-right-arrow-alt"></i>Accordions</a> </li> <li> <a href="component-badges.html"><i class="bx bx-right-arrow-alt"></i>Badges</a> </li> <li> <a href="component-buttons.html"><i class="bx bx-right-arrow-alt"></i>Buttons</a> </li> <li> <a href="component-cards.html"><i class="bx bx-right-arrow-alt"></i>Cards</a> </li> <li> <a href="component-carousels.html"><i class="bx bx-right-arrow-alt"></i>Carousels</a> </li> <li> <a href="component-list-groups.html"><i class="bx bx-right-arrow-alt"></i>List Groups</a> </li> <li> <a href="component-media-object.html"><i class="bx bx-right-arrow-alt"></i>Media Objects</a> </li> <li> <a href="component-modals.html"><i class="bx bx-right-arrow-alt"></i>Modals</a> </li> <li> <a href="component-navs-tabs.html"><i class="bx bx-right-arrow-alt"></i>Navs & Tabs</a> </li> <li> <a href="component-navbar.html"><i class="bx bx-right-arrow-alt"></i>Navbar</a> </li> <li> <a href="component-paginations.html"><i class="bx bx-right-arrow-alt"></i>Pagination</a> </li> <li> <a href="component-popovers-tooltips.html"><i class="bx bx-right-arrow-alt"></i>Popovers & Tooltips</a> </li> <li> <a href="component-progress-bars.html"><i class="bx bx-right-arrow-alt"></i>Progress</a> </li> <li> <a href="component-spinners.html"><i class="bx bx-right-arrow-alt"></i>Spinners</a> </li> <li> <a href="component-notifications.html"><i class="bx bx-right-arrow-alt"></i>Notifications</a> </li> <li> <a href="component-avtars-chips.html"><i class="bx bx-right-arrow-alt"></i>Avatrs & Chips</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-repeat"></i> </div> <div class="menu-title">Content</div> </a> <ul> <li> <a href="content-grid-system.html"><i class="bx bx-right-arrow-alt"></i>Grid System</a> </li> <li> <a href="content-typography.html"><i class="bx bx-right-arrow-alt"></i>Typography</a> </li> <li> <a href="content-text-utilities.html"><i class="bx bx-right-arrow-alt"></i>Text Utilities</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"> <i class="bx bx-donate-blood"></i> </div> <div class="menu-title">Icons</div> </a> <ul> <li> <a href="icons-line-icons.html"><i class="bx bx-right-arrow-alt"></i>Line Icons</a> </li> <li> <a href="icons-boxicons.html"><i class="bx bx-right-arrow-alt"></i>Boxicons</a> </li> <li> <a href="icons-feather-icons.html"><i class="bx bx-right-arrow-alt"></i>Feather Icons</a> </li> </ul> </li> <li class="menu-label">Forms & Tables</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class='bx bx-message-square-edit'></i> </div> <div class="menu-title">Forms</div> </a> <ul> <li> <a href="form-elements.html"><i class="bx bx-right-arrow-alt"></i>Form Elements</a> </li> <li> <a href="form-input-group.html"><i class="bx bx-right-arrow-alt"></i>Input Groups</a> </li> <li> <a href="form-layouts.html"><i class="bx bx-right-arrow-alt"></i>Forms Layouts</a> </li> <li> <a href="form-validations.html"><i class="bx bx-right-arrow-alt"></i>Form Validation</a> </li> <li> <a href="form-wizard.html"><i class="bx bx-right-arrow-alt"></i>Form Wizard</a> </li> <li> <a href="form-text-editor.html"><i class="bx bx-right-arrow-alt"></i>Text Editor</a> </li> <li> <a href="form-file-upload.html"><i class="bx bx-right-arrow-alt"></i>File Upload</a> </li> <li> <a href="form-date-time-pickes.html"><i class="bx bx-right-arrow-alt"></i>Date Pickers</a> </li> <li> <a href="form-select2.html"><i class="bx bx-right-arrow-alt"></i>Select2</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-grid-alt"></i> </div> <div class="menu-title">Tables</div> </a> <ul> <li> <a href="table-basic-table.html"><i class="bx bx-right-arrow-alt"></i>Basic Table</a> </li> <li> <a href="table-datatable.html"><i class="bx bx-right-arrow-alt"></i>Data Table</a> </li> </ul> </li> <li class="menu-label">Pages</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-lock"></i> </div> <div class="menu-title">Authentication</div> </a> <ul> <li> <a href="authentication-signin.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign In</a> </li> <li> <a href="authentication-signup.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign Up</a> </li> <li> <a href="authentication-signin-with-header-footer.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign In with Header & Footer</a> </li> <li> <a href="authentication-signup-with-header-footer.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Sign Up with Header & Footer</a> </li> <li> <a href="authentication-forgot-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Forgot Password</a> </li> <li> <a href="authentication-reset-password.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Reset Password</a> </li> <li> <a href="authentication-lock-screen.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Lock Screen</a> </li> </ul> </li> <li> <a href="user-profile.html"> <div class="parent-icon"><i class="bx bx-user-circle"></i> </div> <div class="menu-title">User Profile</div> </a> </li> <li> <a href="timeline.html"> <div class="parent-icon"> <i class="bx bx-video-recording"></i> </div> <div class="menu-title">Timeline</div> </a> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-error"></i> </div> <div class="menu-title">Errors</div> </a> <ul> <li> <a href="errors-404-error.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>404 Error</a> </li> <li> <a href="errors-500-error.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>500 Error</a> </li> <li> <a href="errors-coming-soon.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Coming Soon</a> </li> <li> <a href="error-blank-page.html" target="_blank"><i class="bx bx-right-arrow-alt"></i>Blank Page</a> </li> </ul> </li> <li> <a href="faq.html"> <div class="parent-icon"><i class="bx bx-help-circle"></i> </div> <div class="menu-title">FAQ</div> </a> </li> <li> <a href="pricing-table.html"> <div class="parent-icon"><i class="bx bx-diamond"></i> </div> <div class="menu-title">Pricing</div> </a> </li> <li class="menu-label">Charts & Maps</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-line-chart"></i> </div> <div class="menu-title">Charts</div> </a> <ul> <li> <a href="charts-apex-chart.html"><i class="bx bx-right-arrow-alt"></i>Apex</a> </li> <li> <a href="charts-chartjs.html"><i class="bx bx-right-arrow-alt"></i>Chartjs</a> </li> <li> <a href="charts-highcharts.html"><i class="bx bx-right-arrow-alt"></i>Highcharts</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-map-alt"></i> </div> <div class="menu-title">Maps</div> </a> <ul> <li> <a href="map-google-maps.html"><i class="bx bx-right-arrow-alt"></i>Google Maps</a> </li> <li> <a href="map-vector-maps.html"><i class="bx bx-right-arrow-alt"></i>Vector Maps</a> </li> </ul> </li> <li class="menu-label">Others</li> <li> <a class="has-arrow" href="javascript:;"> <div class="parent-icon"><i class="bx bx-menu"></i> </div> <div class="menu-title">Menu Levels</div> </a> <ul> <li> <a class="has-arrow" href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level One</a> <ul> <li> <a class="has-arrow" href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level Two</a> <ul> <li> <a href="javascript:;"><i class="bx bx-right-arrow-alt"></i>Level Three</a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a href="javascript:;"> <div class="parent-icon"><i class="bx bx-folder"></i> </div> <div class="menu-title">Documentation</div> </a> </li> <li> <a href="https://themeforest.net/user/codervent" target="_blank"> <div class="parent-icon"><i class="bx bx-support"></i> </div> <div class="menu-title">Support</div> </a> </li> </ul> <!--end navigation--> </div> <!--end sidebar wrapper --> <!--start header --> <header> <div class="topbar d-flex align-items-center"> <nav class="navbar navbar-expand"> <div class="mobile-toggle-menu"><i class='bx bx-menu'></i> </div> <div class="search-bar flex-grow-1"> <div class="position-relative search-bar-box"> <input type="text" class="form-control search-control" placeholder="Type to search..."> <span class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span> <span class="position-absolute top-50 search-close translate-middle-y"><i class='bx bx-x'></i></span> </div> </div> <div class="top-menu ms-auto"> <ul class="navbar-nav align-items-center"> <li class="nav-item mobile-search-icon"> <a class="nav-link" href="#"> <i class='bx bx-search'></i> </a> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class='bx bx-category'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <div class="row row-cols-3 g-3 p-3"> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-cosmic text-white"><i class='bx bx-group'></i> </div> <div class="app-title">Teams</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-burning text-white"><i class='bx bx-atom'></i> </div> <div class="app-title">Projects</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-lush text-white"><i class='bx bx-shield'></i> </div> <div class="app-title">Tasks</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-kyoto text-dark"><i class='bx bx-notification'></i> </div> <div class="app-title">Feeds</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-blues text-dark"><i class='bx bx-file'></i> </div> <div class="app-title">Files</div> </div> <div class="col text-center"> <div class="app-box mx-auto bg-gradient-moonlit text-white"><i class='bx bx-filter-alt'></i> </div> <div class="app-title">Alerts</div> </div> </div> </div> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">7</span> <i class='bx bx-bell'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a href="javascript:;"> <div class="msg-header"> <p class="msg-header-title">Notifications</p> <p class="msg-header-clear ms-auto">Marks all as read</p> </div> </a> <div class="header-notifications-list"> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-primary text-primary"><i class="bx bx-group"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Customers<span class="msg-time float-end">14 Sec ago</span></h6> <p class="msg-info">5 new user registered</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-danger text-danger"><i class="bx bx-cart-alt"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Orders <span class="msg-time float-end">2 min ago</span></h6> <p class="msg-info">You have recived new orders</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-success text-success"><i class="bx bx-file"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">24 PDF File<span class="msg-time float-end">19 min ago</span></h6> <p class="msg-info">The pdf files generated</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-warning text-warning"><i class="bx bx-send"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Time Response <span class="msg-time float-end">28 min ago</span></h6> <p class="msg-info">5.1 min avarage time response</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-info text-info"><i class="bx bx-home-circle"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Product Approved <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">Your new product has approved</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-danger text-danger"><i class="bx bx-message-detail"></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New Comments <span class="msg-time float-end">4 hrs ago</span></h6> <p class="msg-info">New customer comments recived</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-success text-success"><i class='bx bx-check-square'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Your item is shipped <span class="msg-time float-end">5 hrs ago</span></h6> <p class="msg-info">Successfully shipped your item</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-primary text-primary"><i class='bx bx-user-pin'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">New 24 authors<span class="msg-time float-end">1 day ago</span></h6> <p class="msg-info">24 new authors joined last week</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="notify bg-light-warning text-warning"><i class='bx bx-door-open'></i> </div> <div class="flex-grow-1"> <h6 class="msg-name">Defense Alerts <span class="msg-time float-end">2 weeks ago</span></h6> <p class="msg-info">45% less alerts last 4 weeks</p> </div> </div> </a> </div> <a href="javascript:;"> <div class="text-center msg-footer">View All Notifications</div> </a> </div> </li> <li class="nav-item dropdown dropdown-large"> <a class="nav-link dropdown-toggle dropdown-toggle-nocaret position-relative" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <span class="alert-count">8</span> <i class='bx bx-comment'></i> </a> <div class="dropdown-menu dropdown-menu-end"> <a href="javascript:;"> <div class="msg-header"> <p class="msg-header-title">Messages</p> <p class="msg-header-clear ms-auto">Marks all as read</p> </div> </a> <div class="header-message-list"> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-1.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Daisy Anderson <span class="msg-time float-end">5 sec ago</span></h6> <p class="msg-info">The standard chunk of lorem</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-2.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Althea Cabardo <span class="msg-time float-end">14 sec ago</span></h6> <p class="msg-info">Many desktop publishing packages</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-3.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Oscar Garner <span class="msg-time float-end">8 min ago</span></h6> <p class="msg-info">Various versions have evolved over</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-4.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Katherine Pechon <span class="msg-time float-end">15 min ago</span></h6> <p class="msg-info">Making this the first true generator</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-5.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Amelia Doe <span class="msg-time float-end">22 min ago</span></h6> <p class="msg-info">Duis aute irure dolor in reprehenderit</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-6.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Cristina Jhons <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">The passage is attributed to an unknown</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-7.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">James Caviness <span class="msg-time float-end">4 hrs ago</span></h6> <p class="msg-info">The point of using Lorem</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-8.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Peter Costanzo <span class="msg-time float-end">6 hrs ago</span></h6> <p class="msg-info">It was popularised in the 1960s</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-9.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">David Buckley <span class="msg-time float-end">2 hrs ago</span></h6> <p class="msg-info">Various versions have evolved over</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-10.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Thomas Wheeler <span class="msg-time float-end">2 days ago</span></h6> <p class="msg-info">If you are going to use a passage</p> </div> </div> </a> <a class="dropdown-item" href="javascript:;"> <div class="d-flex align-items-center"> <div class="user-online"> <img src="assets/images/avatars/avatar-11.png" class="msg-avatar" alt="user avatar"> </div> <div class="flex-grow-1"> <h6 class="msg-name">Johnny Seitz <span class="msg-time float-end">5 days ago</span></h6> <p class="msg-info">All the Lorem Ipsum generators</p> </div> </div> </a> </div> <a href="javascript:;"> <div class="text-center msg-footer">View All Messages</div> </a> </div> </li> </ul> </div> <div class="user-box dropdown"> <a class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <img src="assets/images/avatars/avatar-2.png" class="user-img" alt="user avatar"> <div class="user-info ps-3"> <p class="user-name mb-0">Pauline Seitz</p> <p class="designattion mb-0">Web Designer</p> </div> </a> <ul class="dropdown-menu dropdown-menu-end"> <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-user"></i><span>Profile</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class="bx bx-cog"></i><span>Settings</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-home-circle'></i><span>Dashboard</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-dollar-circle'></i><span>Earnings</span></a> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-download'></i><span>Downloads</span></a> </li> <li> <div class="dropdown-divider mb-0"></div> </li> <li><a class="dropdown-item" href="javascript:;"><i class='bx bx-log-out-circle'></i><span>Logout</span></a> </li> </ul> </div> </nav> </div> </header> <!--end header --> <!--start page wrapper --> <div class="page-wrapper"> <div class="page-content"> <!--breadcrumb--> <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3"> <div class="breadcrumb-title pe-3">Applications</div> <div class="ps-3"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a> </li> <li class="breadcrumb-item active" aria-current="page">To Do List</li> </ol> </nav> </div> <div class="ms-auto"> <div class="btn-group"> <button type="button" class="btn btn-primary">Settings</button> <button type="button" class="btn btn-primary split-bg-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown"> <span class="visually-hidden">Toggle Dropdown</span> </button> <div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-end"> <a class="dropdown-item" href="javascript:;">Action</a> <a class="dropdown-item" href="javascript:;">Another action</a> <a class="dropdown-item" href="javascript:;">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="javascript:;">Separated link</a> </div> </div> </div> </div> <!--end breadcrumb--> <div class="card"> <div class="card-body"> <h4 class="mb-0">To Do List</h4> <hr/> <div class="row gy-3"> <div class="col-md-10"> <input id="todo-input" type="text" class="form-control" value=""> </div> <div class="col-md-2 text-end d-grid"> <button type="button" onclick="CreateTodo();" class="btn btn-primary">Add todo</button> </div> </div> <div class="form-row mt-3"> <div class="col-12"> <div id="todo-container"></div> </div> </div> </div> </div> </div> </div> <!--end page wrapper --> <!--start overlay--> <div class="overlay toggle-icon"></div> <!--end overlay--> <!--Start Back To Top Button--> <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> <!--End Back To Top Button--> <footer class="page-footer"> <p class="mb-0">Copyright © 2021. All right reserved.</p> </footer> </div> <!--end wrapper--> <!--start switcher--> <div class="switcher-wrapper"> <div class="switcher-btn"> <i class='bx bx-cog bx-spin'></i> </div> <div class="switcher-body"> <div class="d-flex align-items-center"> <h5 class="mb-0 text-uppercase">Theme Customizer</h5> <button type="button" class="btn-close ms-auto close-switcher" aria-label="Close"></button> </div> <hr/> <h6 class="mb-0">Theme Styles</h6> <hr/> <div class="d-flex align-items-center justify-content-between"> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="lightmode"> <label class="form-check-label" for="lightmode">Light</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="darkmode"> <label class="form-check-label" for="darkmode">Dark</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="flexRadioDefault" id="semidark" checked> <label class="form-check-label" for="semidark">Semi Dark</label> </div> </div> <hr/> <div class="form-check"> <input class="form-check-input" type="radio" id="minimaltheme" name="flexRadioDefault"> <label class="form-check-label" for="minimaltheme">Minimal Theme</label> </div> <hr/> <h6 class="mb-0">Header Colors</h6> <hr/> <div class="header-colors-indigators"> <div class="row row-cols-auto g-3"> <div class="col"> <div class="indigator headercolor1" id="headercolor1"></div> </div> <div class="col"> <div class="indigator headercolor2" id="headercolor2"></div> </div> <div class="col"> <div class="indigator headercolor3" id="headercolor3"></div> </div> <div class="col"> <div class="indigator headercolor4" id="headercolor4"></div> </div> <div class="col"> <div class="indigator headercolor5" id="headercolor5"></div> </div> <div class="col"> <div class="indigator headercolor6" id="headercolor6"></div> </div> <div class="col"> <div class="indigator headercolor7" id="headercolor7"></div> </div> <div class="col"> <div class="indigator headercolor8" id="headercolor8"></div> </div> </div> </div> <hr/> <h6 class="mb-0">Sidebar Colors</h6> <hr/> <div class="header-colors-indigators"> <div class="row row-cols-auto g-3"> <div class="col"> <div class="indigator sidebarcolor1" id="sidebarcolor1"></div> </div> <div class="col"> <div class="indigator sidebarcolor2" id="sidebarcolor2"></div> </div> <div class="col"> <div class="indigator sidebarcolor3" id="sidebarcolor3"></div> </div> <div class="col"> <div class="indigator sidebarcolor4" id="sidebarcolor4"></div> </div> <div class="col"> <div class="indigator sidebarcolor5" id="sidebarcolor5"></div> </div> <div class="col"> <div class="indigator sidebarcolor6" id="sidebarcolor6"></div> </div> <div class="col"> <div class="indigator sidebarcolor7" id="sidebarcolor7"></div> </div> <div class="col"> <div class="indigator sidebarcolor8" id="sidebarcolor8"></div> </div> </div> </div> </div> </div> <!--end switcher--> <!-- Bootstrap JS --> <script src="assets/js/bootstrap.bundle.min.js"></script> <!--plugins--> <script src="assets/js/jquery.min.js"></script> <script src="assets/plugins/simplebar/js/simplebar.min.js"></script> <script src="assets/plugins/metismenu/js/metisMenu.min.js"></script> <script src="assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script> <!--app JS--> <script src="assets/js/app.js"></script> <script> // to do list var todos = [{ text: "take out the trash", done: false, id: 0 }]; var currentTodo = { text: "", done: false, id: 0 } document.getElementById("todo-input").oninput = function (e) { currentTodo.text = e.target.value; }; /* //jQuery Version $('#todo-input').on('input',function(e){ currentTodo.text = e.target.value; }); / function DrawTodo(todo) { var newTodoHTML = ` <div class="pb-3 todo-item" todo-id="${todo.id}"> <div class="input-group"> <div class="input-group-text"> <input type="checkbox" onchange="TodoChecked(${todo.id})" aria-label="Checkbox for following text input" ${todo.done&& "checked"}> </div> <input type="text" readonly class="form-control ${todo.done&&" todo-done "} " aria-label="Text input with checkbox" value="${todo.text}"> <button todo-id="${todo.id}" class="btn btn-outline-secondary bg-danger text-white" type="button" onclick="DeleteTodo(this);" id="button-addon2 ">X</button> </div> </div> `; var dummy = document.createElement("DIV"); dummy.innerHTML = newTodoHTML; document.getElementById("todo-container").appendChild(dummy.children[0]); / //jQuery version var newTodo = $.parseHTML(newTodoHTML); $("#todo-container").append(newTodo); / } function RenderAllTodos() { var container = document.getElementById("todo-container"); while (container.firstChild) { container.removeChild(container.firstChild); } / //jQuery version $("todo-container").empty(); / for (var i = 0; i < todos.length; i++) { DrawTodo(todos[i]); } } RenderAllTodos(); function DeleteTodo(button) { var deleteID = parseInt(button.getAttribute("todo-id")); / //jQuery version var deleteID = parseInt($(button).attr("todo-id")); */ for (let i = 0; i < todos.length; i++) { if (todos[i].id === deleteID) { todos.splice(i, 1); RenderAllTodos(); break; } } } function TodoChecked(id) { todos[id].done = !todos[id].done; RenderAllTodos(); } function CreateTodo() { newtodo = { text: currentTodo.text, done: false, id: todos.length } todos.push(newtodo); RenderAllTodos(); } </script> </body> <!-- Mirrored from codervent.com/amdash/demo/vertical/app-to-do.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 25 Jul 2024 05:01:34 GMT --> </html>��=��