public/front
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

company.magico: zmiany w menu, zakładka rozliczenia

Browse Source
This commit is contained in:
Magico3\Bartek
2022-03-09 14:12:12 +01:00
parent 5992f38bff
commit a4663d6968
9 changed files with 1460 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/.tmp/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

4
src/.tmp/magico-account-home.html
View File

@@ -123,7 +123,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
<a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -148,7 +148,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
<a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">

34
src/.tmp/magico-company-app-detail.html
View File

@@ -126,7 +126,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
<a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -151,7 +151,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
<a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -490,28 +490,40 @@
</li>
<li class="nav-item">
<a class="nav-link active" href="./magico-company-app.html">
<i class="bi-person-badge nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-security.html">
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
<i class="bi-grid-3x3-gap nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Rozliczenia
<i class="bi-cash-coin nav-icon"></i> Rozliczenia
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Informacje o firmie
<i class="bi-building nav-icon"></i> Informacje o firmie
</a>
</li>
</ul>
<!-- End List -->
<span class="text-cap">Zarządzanie zespołem</span>
<!-- List -->
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
<li class="nav-item">
<a class="nav-link " href="./magico-company-dashboard.html">
<i class="bi-people nav-icon"></i> Zespół
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./magico-company-app.html">
<i class="bi-person nav-icon"></i> Grupy
</a>
</li>
</ul>
<!-- End List -->
<div class="d-lg-none">
<div class="dropdown-divider"></div>

36
src/.tmp/magico-company-app.html
View File

@@ -126,7 +126,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
<a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -151,7 +151,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
<a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -489,28 +489,40 @@
</li>
<li class="nav-item">
<a class="nav-link active" href="./magico-company-app.html">
<i class="bi-person-badge nav-icon"></i> Usługi i aplikacje
<i class="bi-grid-3x3-gap nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-security.html">
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
<a class="nav-link " href="./magico-company-payments.html">
<i class="bi-cash-coin nav-icon"></i> Rozliczenia
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Rozliczenia
<i class="bi-building nav-icon"></i> Twoja firma
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Informacje o firmie
</a>
</li>
</ul>
<!-- End List -->
<span class="text-cap">Zarządzanie zespołem</span>
<!-- List -->
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
<li class="nav-item">
<a class="nav-link " href="./magico-company-dashboard.html">
<i class="bi-people nav-icon"></i> Zespół
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./magico-company-app.html">
<i class="bi-person nav-icon"></i> Grupy
</a>
</li>
</ul>
<!-- End List -->
<div class="d-lg-none">
<div class="dropdown-divider"></div>

34
src/.tmp/magico-company-dashboard.html
View File

@@ -126,7 +126,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
<a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -151,7 +151,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
<a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -489,28 +489,40 @@
</li>
<li class="nav-item">
<a class="nav-link " href="./magico-company-app.html">
<i class="bi-person-badge nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-security.html">
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
<i class="bi-grid-3x3-gap nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Rozliczenia
<i class="bi-cash-coin nav-icon"></i> Rozliczenia
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./account-notifications.html">
<i class="bi-bell nav-icon"></i> Informacje o firmie
<i class="bi-building nav-icon"></i> Informacje o firmie
</a>
</li>
</ul>
<!-- End List -->
<span class="text-cap">Zarządzanie zespołem</span>
<!-- List -->
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
<li class="nav-item">
<a class="nav-link active" href="./magico-company-dashboard.html">
<i class="bi-people nav-icon"></i> Zespół
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="./magico-company-app.html">
<i class="bi-person nav-icon"></i> Grupy
</a>
</li>
</ul>
<!-- End List -->
<div class="d-lg-none">
<div class="dropdown-divider"></div>

1082
src/.tmp/magico-company-payments.html Normal file
View File

File diff suppressed because it is too large Load Diff

282
src/magico-company-payments.html Normal file
View File

@@ -0,0 +1,282 @@
<!DOCTYPE html>
<html lang="@@languageDirection.lang" dir="@@if(languageDirection.isRTL){rtl}" class="h-100">
<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>Magico company payments</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">
<link rel="stylesheet" href="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
<link rel="stylesheet" href="@@autopath/node_modules/quill/dist/quill.snow.css">
<link rel="stylesheet" href="@@autopath/node_modules/tom-select/dist/css/tom-select.bootstrap5.css">
<!-- CSS Front Template -->
<!-- bundlecss:theme [@@autopath] @@vars.version -->
<link rel="stylesheet" href="@@autopath/assets/css/theme.css">
</head>
<body class="h-100">
<!-- ========== HEADER ========== -->
@@include("@@autopath/magico_partials/magico-topbar.html", {
"topbarcategory": "demos",
"topbarlink": "main",
"category": "account",
"subcategory": "",
"link": "account-overview.html",
"logo": "magico-company"
})
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main id="content" role="main" class="bg-light company">
<!-- Breadcrumb -->
<div class="navbar-dark bg-dark" style="background-image: url(@@autopath/assets/svg/components/wave-pattern-light.svg);">
<div class="container container-big content-space-1 content-space-b-lg-3">
<div class="row align-items-center">
<div class="col">
<div class="d-none d-lg-block">
<h1 class="h2 text-white">Karczma Biesiada</h1>
</div>
<!-- Breadcrumb -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-light mb-0">
<li class="breadcrumb-item">company.magico</li>
<li class="breadcrumb-item active" aria-current="page">Rozliczenia</li>
</ol>
</nav>
<!-- End Breadcrumb -->
</div>
<!-- End Col -->
<div class="col-auto">
<!-- Responsive Toggle Button -->
<button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Responsive Toggle Button -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Breadcrumb -->
<!-- Content -->
<div class="container container-big content-space-1 content-space-t-lg-0 content-space-b-lg-2 mt-lg-n10">
<div class="row h-100">
<div class="col-lg-3 col-xxl-2">
<!-- Navbar -->
<div class="navbar-expand-lg navbar-light">
<div id="sidebarNav" class="collapse navbar-collapse navbar-vertical">
<!-- Card -->
<div class="card flex-grow-1 mb-5">
<div class="card-body">
<!-- Nav -->
@@include("@@autopath/magico_partials/magico-company-menu.html", {
"link": "magico-company-payments.html"
})
<!-- End Nav -->
</div>
</div>
<!-- End Card -->
</div>
</div>
<!-- End Navbar -->
</div>
<!-- End Col -->
<div class="col-lg-9 col-xxl-10 comapny-dashboard">
<div class="d-grid gap-3 gap-lg-5">
<!-- Card -->
<div class="card">
<div class="card-header border-bottom">
<h4 class="card-header-title">Rozliczenia</h4>
</div>
<!-- Body -->
<div class="card-body">
<div class="row">
<div class="col-md mb-4 mb-md-0">
<div class="mb-4">
<span class="card-subtitle">Aktualny okres rozliczeniowy:</span>
<h5>1-31 marca 2022</h5>
</div>
<div>
<span class="card-subtitle">Szacowane rozliczenie</span>
<h3 class="text-primary">250 zł</h3>
<small class="d-block text-muted">Następna płatność: 01.04.2022</small>
</div>
</div>
<!-- End Col -->
<div class="col-md-auto">
<div class="d-grid d-md-flex gap-3">
<a class="btn btn-white btn-sm" href="#">Cancel subscription</a>
<a class="btn btn-primary btn-sm btn-transition" href="@@autopath/page-pricing.html">Update plan</a>
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Body -->
</div>
<!-- End Card -->
</div>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Content -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== FOOTER ========== -->
@@include("@@autopath/magico_partials/magico-footer.html")
<!-- ========== END FOOTER ========== -->
<!-- ========== SECONDARY CONTENTS ========== -->
<!-- Sign Up -->
@@include("@@autopath/partials/modal/signup.html")
<!-- Go To -->
@@include("@@autopath/partials/layouts-components/go-to.html")
<!-- ========== END SECONDARY CONTENTS ========== -->
<!-- JS Global Compulsory @@deleteLine:build -->
<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-header/dist/hs-header.min.js"></script>
<script src="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
<script src="@@autopath/assets/vendor/hs-show-animation/dist/hs-show-animation.min.js"></script>
<script src="@@autopath/assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
<script src="@@autopath/assets/vendor/hs-file-attach/dist/hs-file-attach.min.js"></script>
<script src="@@autopath/assets/vendor/hs-add-field/dist/hs-add-field.min.js"></script>
<script src="@@autopath/node_modules/imask/dist/imask.min.js"></script>
<script src="@@autopath/node_modules/quill/dist/quill.min.js"></script>
<script src="@@autopath/node_modules/tom-select/dist/js/tom-select.complete.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>
<script src="@@autopath/assets/js/hs.bs-validation.js"></script>
<script src="@@autopath/assets/js/hs.imask.js"></script>
<script src="@@autopath/assets/js/hs.quill.js"></script>
<script src="@@autopath/assets/js/hs.tom-select.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF HEADER
// =======================================================
new HSHeader('#header').init()
// INITIALIZATION OF MEGA MENU
// =======================================================
new HSMegaMenu('.js-mega-menu', {
desktop: {
position: 'left'
}
})
// INITIALIZATION OF SHOW ANIMATIONS
// =======================================================
new HSShowAnimation('.js-animation-link')
// INITIALIZATION OF BOOTSTRAP VALIDATION
// =======================================================
HSBsValidation.init('.js-validate', {
onSubmit: data => {
data.event.preventDefault()
alert('Submited')
}
})
// INITIALIZATION OF BOOTSTRAP DROPDOWN
// =======================================================
HSBsDropdown.init()
// INITIALIZATION OF GO TO
// =======================================================
new HSGoTo('.js-go-to')
// INITIALIZATION OF FILE ATTACH
// =======================================================
new HSFileAttach('.js-file-attach')
// INITIALIZATION OF ADD FIELD
// =======================================================
new HSAddField('.js-add-field', {
addedField: el => {
el.querySelectorAll('.js-select-dynamic').forEach(item => {
HSCore.components.HSTomSelect.init(item)
})
HSCore.components.HSMask.init('.js-input-mask-dynamic')
}
})
// INITIALIZATION OF INPUT MASK
// =======================================================
HSCore.components.HSMask.init('.js-input-mask')
// INITIALIZATION OF QUILLJS EDITOR
// =======================================================
HSCore.components.HSQuill.init('.js-quill')
// INITIALIZATION OF SELECT
// =======================================================
HSCore.components.HSTomSelect.init('.js-select', {
render: {
'option': function(data, escape) {
return data.optionTemplate || `<div>${data.text}</div>>`
},
'item': function(data, escape) {
return data.optionTemplate || `<div>${data.text}</div>>`
}
}
})
})()
</script>
</body>
</html>

32
src/magico_partials/magico-company-menu.html
View File

@@ -9,28 +9,40 @@
</li>
<li class="nav-item">
<a class="nav-link @@if(link=='magico-company-app.html'){active}" href="@@autopath/magico-company-app.html">
<i class="bi-person-badge nav-icon"></i> Usługi i aplikacje
<i class="bi-grid-3x3-gap nav-icon"></i> Usługi i aplikacje
</a>
</li>
<li class="nav-item">
<a class="nav-link @@if(link=='account-security.html'){active}" href="@@autopath/account-security.html">
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
<a class="nav-link @@if(link=='magico-company-payments.html'){active}" href="@@autopath/magico-company-payments.html">
<i class="bi-cash-coin nav-icon"></i> Rozliczenia
</a>
</li>
<li class="nav-item">
<a class="nav-link @@if(link=='account-notifications.html'){active}" href="@@autopath/account-notifications.html">
<i class="bi-bell nav-icon"></i> Rozliczenia
<i class="bi-building nav-icon"></i> Twoja firma
</a>
</li>
<li class="nav-item">
<a class="nav-link @@if(link=='account-notifications.html'){active}" href="@@autopath/account-notifications.html">
<i class="bi-bell nav-icon"></i> Informacje o firmie
</a>
</li>
</ul>
<!-- End List -->
<span class="text-cap">Zarządzanie zespołem</span>
<!-- List -->
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
<li class="nav-item">
<a class="nav-link @@if(link=='magico-company-dashboard.html'){active}" href="@@autopath/magico-company-dashboard.html">
<i class="bi-people nav-icon"></i> Zespół
</a>
</li>
<li class="nav-item">
<a class="nav-link @@if(link=='magico-company-app.html'){active}" href="@@autopath/magico-company-app.html">
<i class="bi-person nav-icon"></i> Grupy
</a>
</li>
</ul>
<!-- End List -->
<div class="d-lg-none">
<div class="dropdown-divider"></div>

4
src/magico_partials/magico-topbar.html
View File

@@ -105,7 +105,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link active" href="./index.html">
<a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">
@@ -130,7 +130,7 @@
<!-- Promo Item -->
<div class="navbar-dropdown-menu-promo-item">
<!-- Promo Link -->
<a class="navbar-dropdown-menu-promo-link " href="./demo-real-estate/index.html">
<a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
<div class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-sm text-primary">