INIT
This commit is contained in:
483
src/project-activity.html
Normal file
483
src/project-activity.html
Normal file
@@ -0,0 +1,483 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="@@languageDirection.lang">
|
||||
<head>
|
||||
<!-- Required Meta Tags Always Come First -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Title -->
|
||||
<title>Activity | Front - Admin & Dashboard Template</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="@@autopath/favicon.ico">
|
||||
|
||||
<!-- Font -->
|
||||
<link href="@@vars.themeFont" rel="stylesheet">
|
||||
|
||||
<!-- CSS Implementing Plugins -->
|
||||
<!-- bundlecss:vendor [@@autopath] -->
|
||||
<link rel="stylesheet" href="@@autopath/node_modules/bootstrap-icons/font/bootstrap-icons.css">
|
||||
@@if(layoutBuilder.header.layoutMode !== 'default') {
|
||||
<link rel="stylesheet" href="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
|
||||
}
|
||||
|
||||
<!-- CSS Front Template -->
|
||||
<!-- bundlecss:theme [@@autopath] @@vars.version -->
|
||||
@@if(layoutBuilder.extend.switcherSupport === false) {
|
||||
<link rel="stylesheet" href="@@autopath/assets/css/theme@@if(themeAppearance.layoutSkin === 'dark'){-dark}.css">
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.extend.switcherSupport === true) {
|
||||
<link rel="preload" href="@@autopath/assets/css/theme.css" data-hs-appearance="default" as="style">
|
||||
<link rel="preload" href="@@autopath/assets/css/theme-dark.css" data-hs-appearance="dark" as="style">
|
||||
|
||||
<style data-hs-appearance-onload-styles>
|
||||
* {
|
||||
transition: unset !important;
|
||||
}
|
||||
|
||||
body {
|
||||
opacity: 0;
|
||||
}
|
||||
</style>
|
||||
}
|
||||
|
||||
</head>
|
||||
|
||||
<body class="@@if(layoutBuilder.header.layoutMode === 'default'){has-navbar-vertical-aside navbar-vertical-aside-show-xl} @@if(layoutBuilder.sidebarLayout === 'compact'){navbar-vertical-aside-compact-mode navbar-vertical-aside-compact-mini-mode} @@if(layoutBuilder.sidebarLayout === 'mini'){navbar-vertical-aside-mini-mode} footer-offset">
|
||||
@@if(layoutBuilder.extend.switcherSupport === true) {
|
||||
<script src="@@autopath/assets/js/hs.theme-appearance.js"></script>
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.sidebarLayout !== 'compact' && layoutBuilder.sidebarLayout !== 'mini') {
|
||||
<script src="@@autopath/assets/vendor/hs-navbar-vertical-aside/dist/hs-navbar-vertical-aside-mini-cache.js"></script>
|
||||
}
|
||||
|
||||
<!-- ========== HEADER ========== -->
|
||||
@@if(layoutBuilder.header.layoutMode === 'default') {
|
||||
@@include("@@autopath/partials/navbar/main.html")
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.header.layoutMode === 'single') {
|
||||
@@if(layoutBuilder.header.containerMode === 'container') {
|
||||
@@include("@@autopath/partials/navbar/main-container.html")
|
||||
}
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.header.layoutMode === 'double') {
|
||||
@@if(layoutBuilder.header.containerMode === 'container') {
|
||||
@@include("@@autopath/partials/navbar/double-line-container.html")
|
||||
}
|
||||
}
|
||||
<!-- ========== END HEADER ========== -->
|
||||
|
||||
<!-- ========== MAIN CONTENT ========== -->
|
||||
<!-- Navbar Vertical -->
|
||||
@@if(layoutBuilder.sidebarLayout !== 'compact' && layoutBuilder.header.layoutMode === 'default') {
|
||||
@@include("@@autopath/partials/sidebar/main.html", {
|
||||
"category": "project",
|
||||
"subcategory": "",
|
||||
"link": "project-activity.html"
|
||||
})
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.sidebarLayout === 'compact' && layoutBuilder.header.layoutMode === 'default') {
|
||||
@@include("@@autopath/partials/sidebar/compact.html", {
|
||||
"category": "project",
|
||||
"subcategory": "",
|
||||
"link": "project-activity.html"
|
||||
})
|
||||
}
|
||||
|
||||
<main id="content" role="main" class="main">
|
||||
<!-- Content -->
|
||||
<div class="content @@layoutBuilder.header.containerMode">
|
||||
<!-- Page Header -->
|
||||
<div class="page-header">
|
||||
<div class="row align-items-end mb-3">
|
||||
<div class="col-sm">
|
||||
<nav aria-label="breadcrumb">
|
||||
<ol class="breadcrumb breadcrumb-no-gutter">
|
||||
<li class="breadcrumb-item"><a class="breadcrumb-link" href="javascript:;">Pages</a></li>
|
||||
<li class="breadcrumb-item"><a class="breadcrumb-link" href="javascript:;">Project</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Activity</li>
|
||||
</ol>
|
||||
</nav>
|
||||
|
||||
<h1 class="page-header-title">Activity</h1>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
|
||||
<!-- Nav -->
|
||||
@@include("@@autopath/partials/layouts-components/nav-menu-project.html", {
|
||||
"link": "project-activity.html"
|
||||
})
|
||||
<!-- End Nav -->
|
||||
</div>
|
||||
<!-- End Page Header -->
|
||||
|
||||
<div class="row justify-content-lg-center">
|
||||
<div class="col-lg-9">
|
||||
<!-- Alert -->
|
||||
<div class="alert alert-soft-dark mb-5 mb-lg-7" role="alert">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-xl" src="@@autopath/assets/svg/illustrations/oc-megaphone.svg" alt="Image Description" data-hs-theme-appearance="default">
|
||||
<img class="avatar avatar-xl" src="@@autopath/assets/svg/illustrations-light/oc-megaphone.svg" alt="Image Description" data-hs-theme-appearance="dark">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h3 class="alert-heading mb-1">Attention!</h3>
|
||||
<p class="mb-0">Hi! This project is due for an update. The last update was published 2 days ago.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Alert -->
|
||||
|
||||
<!-- Step -->
|
||||
<ul class="step">
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<small class="step-divider">Today</small>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<div class="step-avatar">
|
||||
<img class="step-avatar" src="@@autopath/assets/img/160x160/img9.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">Iana Robinson</h5>
|
||||
|
||||
<p class="fs-5 mb-1">Uploaded weekly reports to the task <a class="text-uppercase" href="#"><i class="bi-journal-bookmark-fill"></i> Fd-7</a></p>
|
||||
|
||||
<ul class="list-group list-group-sm">
|
||||
<!-- List Item -->
|
||||
<li class="list-group-item list-group-item-light">
|
||||
<div class="row gx-1">
|
||||
<div class="col-sm-4">
|
||||
<!-- Media -->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-xs" src="@@autopath/assets/svg/brands/excel-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="flex-grow-1 text-truncate ms-2">
|
||||
<span class="d-block fs-6 text-dark text-truncate" title="weekly-reports.xls">weekly-reports.xls</span>
|
||||
<span class="d-block small text-muted">12kb</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-4">
|
||||
<!-- Media -->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-xs" src="@@autopath/assets/svg/brands/word-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="flex-grow-1 text-truncate ms-2">
|
||||
<span class="d-block fs-6 text-dark text-truncate" title="weekly-reports.xls">weekly-reports.xls</span>
|
||||
<span class="d-block small text-muted">4kb</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-4">
|
||||
<!-- Media -->
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-xs" src="@@autopath/assets/svg/brands/word-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="flex-grow-1 text-truncate ms-2">
|
||||
<span class="d-block fs-6 text-dark text-truncate" title="monthly-reports.xls">monthly-reports.xls</span>
|
||||
<span class="d-block small text-muted">8kb</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</li>
|
||||
<!-- End List Item -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<span class="step-icon step-icon-soft-dark">B</span>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">Bob Dean</h5>
|
||||
|
||||
<p class="fs-5 mb-1">Marked project status as <span class="badge bg-soft-primary text-primary rounded-pill"><span class="legend-indicator bg-primary"></span>"In progress"</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<small class="step-divider">Yesterday</small>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<div class="step-avatar">
|
||||
<img class="step-avatar-img" src="@@autopath/assets/img/160x160/img3.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="h5 mb-1">Crane</h5>
|
||||
|
||||
<p class="fs-5 mb-1">Added 5 card to <a href="#">Payments</a></p>
|
||||
|
||||
<ul class="list-group list-group-sm">
|
||||
<li class="list-group-item list-group-item-light">
|
||||
<div class="row gx-1">
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded" src="@@autopath/assets/svg/components/card-1.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded" src="@@autopath/assets/svg/components/card-2.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="col">
|
||||
<img class="img-fluid rounded" src="@@autopath/assets/svg/components/card-3.svg" alt="Image Description">
|
||||
</div>
|
||||
<div class="col-auto align-self-center">
|
||||
<div class="text-center">
|
||||
<a href="#">+2</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<span class="step-icon step-icon-soft-info">D</span>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">David Lidell</h5>
|
||||
|
||||
<p class="fs-5 mb-1">Added a new member to Front Dashboard</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<div class="step-avatar">
|
||||
<img class="step-avatar-img" src="@@autopath/assets/img/160x160/img7.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">Rachel King</h5>
|
||||
|
||||
<p class="fs-5 mb-1">Earned a "Top endorsed" <i class="bi-patch-check-fill text-primary"></i> badge</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<small class="step-divider">Last week</small>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<div class="step-avatar">
|
||||
<img class="step-avatar-img" src="@@autopath/assets/img/160x160/img6.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">
|
||||
<a class="text-dark" href="#">Mark Williams</a>
|
||||
</h5>
|
||||
|
||||
<p class="fs-5">Attached two files.</p>
|
||||
|
||||
<ul class="list-group list-group-sm">
|
||||
<!-- List Item -->
|
||||
<li class="list-group-item list-group-item-light">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="bi-paperclip"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 text-truncate ms-2">
|
||||
<span class="d-block text-dark text-truncate">Requirements.figma</span>
|
||||
<span class="d-block small">8mb</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End List Item -->
|
||||
|
||||
<!-- List Item -->
|
||||
<li class="list-group-item list-group-item-light">
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="bi-paperclip"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 text-truncate ms-2">
|
||||
<span class="d-block text-dark text-truncate">Requirements.sketch</span>
|
||||
<span class="d-block small">4mb</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End List Item -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
|
||||
<!-- Step Item -->
|
||||
<li class="step-item">
|
||||
<div class="step-content-wrapper">
|
||||
<span class="step-icon step-icon-soft-primary">C</span>
|
||||
|
||||
<div class="step-content">
|
||||
<h5 class="mb-1">
|
||||
<a class="text-dark" href="#">Costa Quinn</a>
|
||||
</h5>
|
||||
|
||||
<p class="fs-5">Marked project status as <span class="badge bg-soft-primary text-primary rounded-pill"><span class="legend-indicator bg-primary"></span>"In progress"</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<!-- End Step Item -->
|
||||
</ul>
|
||||
<!-- End Step -->
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="d-grid">
|
||||
<a class="btn btn-white" href="javascript:;">
|
||||
<i class="bi-arrow-clockwise me-1"></i> Load more activities
|
||||
</a>
|
||||
</div>
|
||||
<!-- End Footer -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</div>
|
||||
<!-- End Content -->
|
||||
|
||||
<!-- Footer -->
|
||||
@@if(layoutBuilder.header.containerMode === 'container-fluid') {
|
||||
@@include("@@autopath/partials/footer/main.html")
|
||||
}
|
||||
|
||||
@@if(layoutBuilder.header.containerMode === 'container') {
|
||||
@@include("@@autopath/partials/footer/container.html")
|
||||
}
|
||||
<!-- End Footer -->
|
||||
</main>
|
||||
<!-- ========== END MAIN CONTENT ========== -->
|
||||
|
||||
<!-- ========== SECONDARY CONTENTS ========== -->
|
||||
<!-- Keyboard Shortcuts -->
|
||||
@@include("@@autopath/partials/layouts-components/offcanvas-shortcuts.html")
|
||||
<!-- End Keyboard Shortcuts -->
|
||||
|
||||
<!-- Activity -->
|
||||
@@include("@@autopath/partials/layouts-components/offcanvas-activity.html")
|
||||
<!-- End Activity -->
|
||||
|
||||
<!-- Welcome Message Modal -->
|
||||
@@include("@@autopath/partials/modals/welcome-message.html")
|
||||
<!-- End Welcome Message Modal -->
|
||||
<!-- ========== END SECONDARY CONTENTS ========== -->
|
||||
|
||||
<!-- JS Global Compulsory @@deleteLine:build -->
|
||||
<script src="@@autopath/node_modules/jquery/dist/jquery.min.js"></script>
|
||||
<script src="@@autopath/node_modules/jquery-migrate/dist/jquery-migrate.min.js"></script>
|
||||
<script src="@@autopath/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- JS Implementing Plugins -->
|
||||
<!-- bundlejs:vendor [@@autopath] -->
|
||||
<script src="@@autopath/assets/vendor/hs-navbar-vertical-aside/dist/hs-navbar-vertical-aside.min.js"></script>
|
||||
<script src="@@autopath/assets/vendor/hs-form-search/dist/hs-form-search.min.js"></script>
|
||||
@@if(layoutBuilder.header.layoutMode !== 'default') {
|
||||
<script src="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
|
||||
}
|
||||
<script src="@@autopath/assets/vendor/hs-nav-scroller/dist/hs-nav-scroller.min.js"></script>
|
||||
|
||||
<!-- JS Front -->
|
||||
<!-- bundlejs:theme [@@autopath] -->
|
||||
<script src="@@autopath/assets/js/hs.core.js"></script>
|
||||
<script src="@@autopath/assets/js/hs.bs-dropdown.js"></script>
|
||||
|
||||
|
||||
<!-- JS Plugins Init. -->
|
||||
<script>
|
||||
(function() {
|
||||
window.onload = function () {
|
||||
@@if(layoutBuilder.header.layoutMode !== 'default') {
|
||||
// INITIALIZATION OF MEGA MENU
|
||||
// =======================================================
|
||||
new HSMegaMenu('.js-mega-menu', {
|
||||
desktop: {
|
||||
position: 'left'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// INITIALIZATION OF NAVBAR VERTICAL ASIDE
|
||||
// =======================================================
|
||||
new HSSideNav('.js-navbar-vertical-aside').init()
|
||||
|
||||
|
||||
// INITIALIZATION OF FORM SEARCH
|
||||
// =======================================================
|
||||
new HSFormSearch('.js-form-search')
|
||||
|
||||
|
||||
// INITIALIZATION OF BOOTSTRAP DROPDOWN
|
||||
// =======================================================
|
||||
HSBsDropdown.init()
|
||||
|
||||
|
||||
// INITIALIZATION OF NAV SCROLLER
|
||||
// =======================================================
|
||||
new HsNavScroller('.js-nav-scroller')
|
||||
}
|
||||
})()
|
||||
</script>
|
||||
|
||||
<!-- Style Switcher JS -->
|
||||
@@if(layoutBuilder.extend.switcherSupport === true) {
|
||||
@@include("@@autopath/partials/layouts-components/darkmode-switcher-js.html")
|
||||
}
|
||||
<!-- End Style Switcher JS -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user