company.magico: Widok app i app detail
This commit is contained in:
1539
src/.tmp/magico-company-app-detail.html
Normal file
1539
src/.tmp/magico-company-app-detail.html
Normal file
File diff suppressed because it is too large
Load Diff
1218
src/.tmp/magico-company-app.html
Normal file
1218
src/.tmp/magico-company-app.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -6,7 +6,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Title -->
|
||||
<title>Magico ID</title>
|
||||
<title>Magico company dashboard</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="./favicon.ico">
|
||||
@@ -477,76 +477,40 @@
|
||||
<!-- Card -->
|
||||
<div class="card flex-grow-1 mb-5">
|
||||
<div class="card-body">
|
||||
<!-- Avatar -->
|
||||
<div class="d-none d-lg-block text-center mb-5">
|
||||
<div class="avatar avatar-xxl avatar-circle mb-3">
|
||||
<img class="avatar-img" src="./assets/img/160x160/img9.jpg" alt="Image Description">
|
||||
<img class="avatar-status avatar-lg-status" src="./assets/svg/illustrations/top-vendor.svg" alt="Image Description" data-bs-toggle="tooltip" data-bs-placement="top" title="Verified user">
|
||||
</div>
|
||||
|
||||
<h4 class="card-title mb-0">Jan Kowalski</h4>
|
||||
<p class="card-text small">natalie@example.com</p>
|
||||
</div>
|
||||
<!-- End Avatar -->
|
||||
|
||||
<!-- Nav -->
|
||||
<span class="text-cap">Informacje o koncie</span>
|
||||
<span class="text-cap">Zarządzanie firmą</span>
|
||||
|
||||
<!-- List -->
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="./magico-account-home.html">
|
||||
<i class="bi-house-door nav-icon"></i> Strona główna
|
||||
<a class="nav-link active" href="./magico-company-dashboard.html">
|
||||
<i class="bi-house-door nav-icon"></i> Kokpit
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="./magico-account.html">
|
||||
<i class="bi-person-badge nav-icon"></i> Twoje dane
|
||||
<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> Bezpieczeństwo
|
||||
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="./account-notifications.html">
|
||||
<i class="bi-bell nav-icon"></i> Powiadomienia
|
||||
<span class="badge bg-soft-dark text-dark rounded-pill nav-link-badge">1</span>
|
||||
<i class="bi-bell nav-icon"></i> Rozliczenia
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="./account-preferences.html">
|
||||
<i class="bi-sliders nav-icon"></i> Ustawienia
|
||||
<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">Zespół</span>
|
||||
|
||||
<!-- List -->
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="./account-teams.html">
|
||||
<i class="bi-people nav-icon"></i> Znajomi
|
||||
<span class="badge bg-soft-dark text-dark rounded-pill nav-link-badge">+2</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List -->
|
||||
|
||||
<div class="dropdown-divider my-3"></div>
|
||||
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
<i class="bi-building nav-icon"></i> Firmy i organizacje <i class="bi-box-arrow-up-right ms-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="d-lg-none">
|
||||
<div class="dropdown-divider"></div>
|
||||
|
||||
@@ -580,28 +544,20 @@
|
||||
|
||||
<!-- Body -->
|
||||
<div class="card-body company-dashboard-container">
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam assumenda aperiam earum neque vitae, eius, asperiores, placeat iure quod, quam dolore quaerat necessitatibus! Laudantium ut nulla quo officiis rem, eveniet.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia reprehenderit magnam impedit, fugit architecto quo voluptates error ad odio quasi minus praesentium voluptate, nisi quae enim voluptatibus rerum, provident illum.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae laborum reprehenderit aperiam facilis nulla porro ad beatae repellat accusamus non, exercitationem velit perspiciatis magni saepe! Earum corrupti ipsa voluptas, sapiente.
|
||||
<!-- Card -->
|
||||
<div class="company-dashboard-widget card card-bordered h-100">
|
||||
<div class="card-body">
|
||||
<h3>Billing address #1</h3>
|
||||
|
||||
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Autem voluptatem, ab consequuntur quas, illum impedit ea natus, deleniti, eveniet officiis repellat deserunt et odit? Ipsa fuga nam atque illo molestias.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae laborum reprehenderit aperiam facilis nulla porro ad beatae repellat accusamus non, exercitationem velit perspiciatis magni saepe! Earum corrupti ipsa voluptas, sapiente.
|
||||
|
||||
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Autem voluptatem, ab consequuntur quas, illum impedit ea natus, deleniti, eveniet officiis repellat deserunt et odit? Ipsa fuga nam atque illo molestias.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<address class="text-body">
|
||||
45 Roker Terrace<br>
|
||||
Latheronwheel<br>
|
||||
KW5 8NW, London<br>
|
||||
UK <img class="avatar avatar-xss avatar-circle me-1" src="../node_modules/flag-icon-css/flags/1x1/gb.svg" alt="Great Britain Flag">
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
<!-- End Body -->
|
||||
</div>
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -12,6 +12,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
.col-big-2 {
|
||||
@media (min-width: 1650px) {
|
||||
flex: 0 0 auto;
|
||||
width: 16.66666667%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.company {
|
||||
.comapny-dashboard {
|
||||
@@ -19,19 +26,15 @@
|
||||
|
||||
.company-dashboard-container {
|
||||
width: 100%; height: 100%;
|
||||
background-color: yellow;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
|
||||
|
||||
|
||||
.company-dashboard-widget {
|
||||
width: 30%;
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
751
src/magico-company-app-detail.html
Normal file
751
src/magico-company-app-detail.html
Normal file
@@ -0,0 +1,751 @@
|
||||
<!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 app detail</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">Usługi i aplikacje</li>
|
||||
<li class="breadcrumb-item active" aria-current="page">Kalendarz urlopów</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-app.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">Informacje o aplikacji</h4>
|
||||
</div>
|
||||
|
||||
<!-- Body -->
|
||||
<div class="card-body mx-0 px-0">
|
||||
|
||||
|
||||
<!-- Content -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-lg-3 mb-9 mb-md-0">
|
||||
<div class="pe-lg-2">
|
||||
<div class="text-center mb-4">
|
||||
<img class="avatar avatar-xl avatar-4x3" src="../assets/svg/brands/google-drive-icon.svg" alt="Logo">
|
||||
</div>
|
||||
|
||||
<div class="d-grid mb-7">
|
||||
<a class="btn btn-sm btn-block btn-primary transition-3d-hover" href="#">Aktywuj</a>
|
||||
</div>
|
||||
|
||||
<div class="mb-7">
|
||||
<h1 class="h4">Kategorie</h1>
|
||||
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Zasoby ludzkie</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">File management</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Productivity</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Essential apps</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Free</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Paid</a>
|
||||
<a class="btn btn-soft-secondary btn-xs me-1 mb-2" href="#">Google</a>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-block mb-7">
|
||||
<h4>Dodatkowe informacje</h4>
|
||||
|
||||
<!-- List Pointer -->
|
||||
<ul class="list-unstyled list-pointer">
|
||||
<li class="list-pointer-item">
|
||||
<a class="link link-secondary" href="#">Pomoc</a>
|
||||
</li>
|
||||
<li class="list-pointer-item">
|
||||
<a class="link link-secondary" href="#">Dokumentacja</a>
|
||||
</li>
|
||||
<li class="list-pointer-item">
|
||||
<a class="link link-secondary" href="#">Rest API</a>
|
||||
</li>
|
||||
<li class="list-pointer-item">
|
||||
<a class="link link-secondary" href="#">Historia zmian</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List Pointer -->
|
||||
</div>
|
||||
|
||||
<a class="link-sm link-secondary" href="#">
|
||||
<i class="bi-flag me-2"></i> Zgłoś błąd
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-md-8 col-lg-9 column-divider-md">
|
||||
<div class="ps-lg-2">
|
||||
<div class="mb-5">
|
||||
<h2>Kalendarz Urlopów <img class="avatar avatar-xs" src="../assets/svg/illustrations/top-vendor.svg" alt="Image Description" title="Aplikacja bezpłatna"></h2>
|
||||
</div>
|
||||
|
||||
<!-- Nav Scroller -->
|
||||
<div class="js-nav-scroller hs-nav-scroller-horizontal">
|
||||
<span class="hs-nav-scroller-arrow-prev" style="display: none;">
|
||||
<a class="hs-nav-scroller-arrow-link" href="javascript:;">
|
||||
<i class="bi-chevron-left"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<span class="hs-nav-scroller-arrow-next" style="display: none;">
|
||||
<a class="hs-nav-scroller-arrow-link" href="javascript:;">
|
||||
<i class="bi-chevron-right"></i>
|
||||
</a>
|
||||
</span>
|
||||
|
||||
<!-- Nav -->
|
||||
<ul class="nav nav-segment nav-fill mb-7" id="featuresTab" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link active" href="#featuresOne" id="featuresOne-tab" data-bs-toggle="tab" data-bs-target="#featuresOne" role="tab" aria-controls="featuresOne" aria-selected="true" style="min-width: 7rem;">O aplikacji</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" href="#featuresTwo" id="featuresTwo-tab" data-bs-toggle="tab" data-bs-target="#featuresTwo" role="tab" aria-controls="featuresTwo" aria-selected="false" style="min-width: 7rem;">Opinie</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item" role="presentation">
|
||||
<a class="nav-link" href="#featuresThree" id="featuresThree-tab" data-bs-toggle="tab" data-bs-target="#featuresThree" role="tab" aria-controls="featuresThree" aria-selected="false" style="min-width: 7rem;">Ceny</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End Nav -->
|
||||
</div>
|
||||
<!-- End Nav Scroller -->
|
||||
|
||||
<!-- Tab Content -->
|
||||
<div class="tab-content" id="pills-tabContent">
|
||||
<div class="tab-pane fade show active" id="featuresOne" role="tabpanel" aria-labelledby="featuresOne-tab">
|
||||
<p>Use Google Drive within Slack to:</p>
|
||||
|
||||
<ul class="list-unstyled list-pointer mb-5">
|
||||
<li class="list-pointer-item">Create new Google Docs, Slides, and Sheets files</li>
|
||||
<li class="list-pointer-item">Import an existing file from Google Drive into a channel or direct message</li>
|
||||
<li class="list-pointer-item">Search directly within Google Drive files shared within Slack</li>
|
||||
<li class="list-pointer-item">Automatically grant access to the files you share with the right audience</li>
|
||||
<li class="list-pointer-item">Get updates in Slack on changes in Drive, like comments, access requests, and new files shared with you</li>
|
||||
<li class="list-pointer-item">Reply directly to comment notifications from within Slack and have them posted to the file</li>
|
||||
</ul>
|
||||
|
||||
<div class="d-grid gap-4">
|
||||
<img class="img-fluid rounded-2" src="../assets/img/900x450/img5.jpg" alt="Image Description">
|
||||
<img class="img-fluid rounded-2" src="../assets/img/900x450/img4.jpg" alt="Image Description">
|
||||
<img class="img-fluid rounded-2" src="../assets/img/900x450/img3.jpg" alt="Image Description">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="featuresTwo" role="tabpanel" aria-labelledby="featuresTwo-tab">
|
||||
<div class="row justify-content-sm-between align-items-sm-center border-bottom pb-3 mb-4">
|
||||
<div class="col-sm mb-2 mb-sm-0">
|
||||
<h4 class="mb-0">Reviews <small class="text-muted ms-1">(156)</small></h4>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-auto">
|
||||
<!-- Select -->
|
||||
<select class="form-select form-select-sm">
|
||||
<option value="showCategoryByFilterSelect1" selected>Newest first</option>
|
||||
<option value="showCategoryByFilterSelect2">Highest rated</option>
|
||||
<option value="showCategoryByFilterSelect3">Lowest rated</option>
|
||||
</select>
|
||||
<!-- End Select -->
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
|
||||
<!-- Comment -->
|
||||
<ul class="list-comment mb-7">
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-circle" src="../assets/img/160x160/img3.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>Dave Austin</h5>
|
||||
|
||||
<p>Just started using Front for Google Drive, and finding it to serve all my needs and it integrates perfectly with Front! Sharing diagrams is now much easier for our team.</p>
|
||||
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="small me-2">Was this helpful?</span>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-up me-1"></i> Yes <span>(45)</span>
|
||||
</a>
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-down me-1"></i> No <span>(21)</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<!-- Comment -->
|
||||
<ul class="list-comment">
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-sm" src="../assets/svg/brands/google-drive-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-0">Google Drive</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<p>Thanks for the review Maria! Let us know if you ever need anything.</p>
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
</ul>
|
||||
<!-- End Comment -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-circle" src="../assets/img/160x160/img8.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>Hanna Wolfe</h5>
|
||||
|
||||
<p>This is a pretty cool integration. It is fun and easy to use. I had to make a few sharing for work and Gliffy helped me get the job done. If I had a tablet or touch screen, I would use this more.</p>
|
||||
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="small me-2">Was this helpful?</span>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-up me-1"></i> Yes <span>(5)</span>
|
||||
</a>
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-down me-1"></i> No <span>(0)</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<!-- Comment -->
|
||||
<ul class="list-comment">
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-sm" src="../assets/svg/brands/google-drive-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-0">Google Drive</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<p>Love it Dave! We're all about keeping it fun and easy.</p>
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
</ul>
|
||||
<!-- End Comment -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-circle" src="../assets/img/160x160/img7.jpg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>Nika Mundada</h5>
|
||||
|
||||
<p>I love Google Drive! It's super easy to get started and works great with Front pages.</p>
|
||||
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="small me-2">Was this helpful?</span>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-up me-1"></i> Yes <span>(0)</span>
|
||||
</a>
|
||||
<a class="btn btn-white btn-xs" href="javascript:;">
|
||||
<i class="bi-hand-thumbs-down me-1"></i> No <span>(0)</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<!-- Comment -->
|
||||
<ul class="list-comment">
|
||||
<!-- Item -->
|
||||
<li class="list-comment-item">
|
||||
<!-- Media -->
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<img class="avatar avatar-sm" src="../assets/svg/brands/google-drive-icon.svg" alt="Image Description">
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5 class="mb-0">Google Drive</h5>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
|
||||
<p>Thanks for the feedback Nika!</p>
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
</ul>
|
||||
<!-- End Comment -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Media -->
|
||||
</li>
|
||||
<!-- End Item -->
|
||||
</ul>
|
||||
<!-- End Comment -->
|
||||
|
||||
<!-- Pagination -->
|
||||
<nav aria-label="Page navigation">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true">
|
||||
<i class="bi-chevron-double-left small"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item disabled"><a class="page-link" href="#">...</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">5</a></li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span aria-hidden="true">
|
||||
<i class="bi-chevron-double-right small"></i>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- End Pagination -->
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="featuresThree" role="tabpanel" aria-labelledby="featuresThree-tab">
|
||||
<h4 class="mb-3">Poznaj plany Kalendarza Urlopów</h4>
|
||||
|
||||
<!-- Form -->
|
||||
<form>
|
||||
<div class="d-grid gap-2 mb-5">
|
||||
<!-- Card -->
|
||||
<div class="card card-sm card-bordered shadow-none">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-sm-center">
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="svg-icon svg-icon-sm text-center text-primary" style="min-width: 3rem;">
|
||||
|
||||
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-4">
|
||||
<h4 class="card-title mb-0">Free</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-7 col-md-6">
|
||||
<p class="card-text small">do 3 pracowników</p>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-12 col-lg-2 mt-3 mt-lg-0">
|
||||
<div class="d-grid">
|
||||
<a class="btn btn-outline-primary" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">0zł</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
|
||||
<!-- Card -->
|
||||
<div class="card card-sm card-bordered shadow-none">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-sm-center">
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="svg-icon text-center text-primary" style="min-width: 3rem;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-4">
|
||||
<h4 class="card-title mb-0">Start</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-7 col-md-6">
|
||||
<p class="card-text small">do 10 pracowników</p>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-12 col-lg-2 mt-3 mt-lg-0">
|
||||
<div class="d-grid">
|
||||
<a class="btn btn-outline-primary" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">25zł</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
|
||||
<!-- Card -->
|
||||
<div class="card card-sm card-bordered shadow-none">
|
||||
<div class="card-body">
|
||||
<div class="row align-items-sm-center">
|
||||
<div class="col">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<span class="svg-icon text-center text-primary" style="min-width: 3rem;">
|
||||
|
||||
|
||||
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex-grow-1 ms-4">
|
||||
<h4 class="card-title mb-0">Enterprise</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-sm-7 col-md-6">
|
||||
<p class="card-text small">100TB storage in enterprise accounts</p>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
|
||||
<div class="col-12 col-lg-2 mt-3 mt-lg-0">
|
||||
<div class="d-grid">
|
||||
<a class="btn btn-outline-primary" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">$599</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
|
||||
<!-- Card Info -->
|
||||
<div class="text-center">
|
||||
<div class="card card-info-link card-sm">
|
||||
<div class="card-body">
|
||||
Need 100TB+ storage? <a class="card-link ms-2" href="#">Contact us <span class="bi-chevron-right small ms-1"></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card Info -->
|
||||
</form>
|
||||
<!-- End Form -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Tab Content -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Col -->
|
||||
</div>
|
||||
<!-- End Row -->
|
||||
</div>
|
||||
<!-- End Content -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
430
src/magico-company-app.html
Normal file
430
src/magico-company-app.html
Normal file
@@ -0,0 +1,430 @@
|
||||
<!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 apps</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">Usługi i aplikacje</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-app.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">Usługi i aplikacje</h4>
|
||||
</div>
|
||||
|
||||
<!-- Body -->
|
||||
<div class="card-body">
|
||||
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h4 class="mb-0">Firma i zasoby ludzkie</h4>
|
||||
<!-- <a class="link" href="#">View all <i class="bi-chevron-right small ms-1"></i></a> -->
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="magico-company-app-detail.html">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img5.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Kalendarz urlopów</h4>
|
||||
</div>
|
||||
<p class="card-text text-body">Wnioski urlopowe online zarządzane przez smartfona.</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img5.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Grafik pracy</h4>
|
||||
</div>
|
||||
<p class="card-text text-body">Układaj grafik online i udostępniaj w aplikacji mobilnej pracowników</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img5.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Pracownicy</h4>
|
||||
</div>
|
||||
<p class="card-text text-body">Przechowuj informacje i konfiguruj powiadomienia</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
Aktywna
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img5.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Faktury i magazyn</h4>
|
||||
</div>
|
||||
<p class="card-text text-body">Generuj dokumenty online oraz zarzadaj magazynem towarów</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img5.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Kontrahenci</h4>
|
||||
<img class="avatar avatar-xss ms-1" src="../assets/svg/illustrations/top-vendor.svg" alt="Image Description" title="Usługa bezpłatna">
|
||||
</div>
|
||||
<p class="card-text text-body">Wspólna baza kontrahentów dla wszystkich aplikacji</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
Aktywna
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center my-3">
|
||||
<h4 class="mb-0">Rozwiązania dla Gastronomii</h4>
|
||||
<a class="link" href="#">View all <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-xxl-3 col-lg-4 col-sm-6 col-md-4 mb-3 col-big-2">
|
||||
<!-- Card -->
|
||||
<div class="card card-bordered card-transition h-100" href="../demo-app-marketplace/app-overview.html">
|
||||
<a href="">
|
||||
<img class="card-img-top" src="../assets/img/400x200/img3.jpg" alt="Image Description">
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<h4 class="card-title mb-0">Dostawy i planowanie tras</h4>
|
||||
</div>
|
||||
<p class="card-text text-body">Organizuj zamówienia, planuj trasy i kontroluj dostawy posiłków</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="card-footer border-top row mx-0">
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-start">
|
||||
|
||||
</div>
|
||||
<div class="col-6 col-sm-12 col-xxl-6 px-0 text-sm-center text-xxl-end text-end">
|
||||
<a class="card-link" href="#">Więcej <i class="bi-chevron-right small ms-1"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</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>
|
||||
@@ -6,7 +6,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Title -->
|
||||
<title>Magico ID</title>
|
||||
<title>Magico company dashboard</title>
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon" href="@@autopath/favicon.ico">
|
||||
@@ -89,18 +89,6 @@
|
||||
<!-- Card -->
|
||||
<div class="card flex-grow-1 mb-5">
|
||||
<div class="card-body">
|
||||
<!-- Avatar -->
|
||||
<div class="d-none d-lg-block text-center mb-5">
|
||||
<div class="avatar avatar-xxl avatar-circle mb-3">
|
||||
<img class="avatar-img" src="@@autopath/assets/img/160x160/img9.jpg" alt="Image Description">
|
||||
<img class="avatar-status avatar-lg-status" src="@@autopath/assets/svg/illustrations/top-vendor.svg" alt="Image Description" data-bs-toggle="tooltip" data-bs-placement="top" title="Verified user">
|
||||
</div>
|
||||
|
||||
<h4 class="card-title mb-0">Jan Kowalski</h4>
|
||||
<p class="card-text small">natalie@example.com</p>
|
||||
</div>
|
||||
<!-- End Avatar -->
|
||||
|
||||
<!-- Nav -->
|
||||
@@include("@@autopath/magico_partials/magico-company-menu.html", {
|
||||
"link": "magico-company-dashboard.html"
|
||||
@@ -125,28 +113,20 @@
|
||||
|
||||
<!-- Body -->
|
||||
<div class="card-body company-dashboard-container">
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam assumenda aperiam earum neque vitae, eius, asperiores, placeat iure quod, quam dolore quaerat necessitatibus! Laudantium ut nulla quo officiis rem, eveniet.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officia reprehenderit magnam impedit, fugit architecto quo voluptates error ad odio quasi minus praesentium voluptate, nisi quae enim voluptatibus rerum, provident illum.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae laborum reprehenderit aperiam facilis nulla porro ad beatae repellat accusamus non, exercitationem velit perspiciatis magni saepe! Earum corrupti ipsa voluptas, sapiente.
|
||||
<!-- Card -->
|
||||
<div class="company-dashboard-widget card card-bordered h-100">
|
||||
<div class="card-body">
|
||||
<h3>Billing address #1</h3>
|
||||
|
||||
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Autem voluptatem, ab consequuntur quas, illum impedit ea natus, deleniti, eveniet officiis repellat deserunt et odit? Ipsa fuga nam atque illo molestias.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae laborum reprehenderit aperiam facilis nulla porro ad beatae repellat accusamus non, exercitationem velit perspiciatis magni saepe! Earum corrupti ipsa voluptas, sapiente.
|
||||
|
||||
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Autem voluptatem, ab consequuntur quas, illum impedit ea natus, deleniti, eveniet officiis repellat deserunt et odit? Ipsa fuga nam atque illo molestias.</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<div class="company-dashboard-widget">test</div>
|
||||
<address class="text-body">
|
||||
45 Roker Terrace<br>
|
||||
Latheronwheel<br>
|
||||
KW5 8NW, London<br>
|
||||
UK <img class="avatar avatar-xss avatar-circle me-1" src="../node_modules/flag-icon-css/flags/1x1/gb.svg" alt="Great Britain Flag">
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Card -->
|
||||
</div>
|
||||
<!-- End Body -->
|
||||
</div>
|
||||
|
||||
@@ -1,60 +1,36 @@
|
||||
<span class="text-cap">Informacje o koncie</span>
|
||||
<span class="text-cap">Zarządzanie firmą</span>
|
||||
|
||||
<!-- List -->
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical mb-4">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link @@if(link=='magico-account-home.html'){active}" href="@@autopath/magico-account-home.html">
|
||||
<i class="bi-house-door nav-icon"></i> Strona główna
|
||||
<a class="nav-link @@if(link=='magico-company-dashboard.html'){active}" href="@@autopath/magico-company-dashboard.html">
|
||||
<i class="bi-house-door nav-icon"></i> Kokpit
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link @@if(link=='magico-account.html'){active}" href="@@autopath/magico-account.html">
|
||||
<i class="bi-person-badge nav-icon"></i> Twoje dane
|
||||
<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
|
||||
</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> Bezpieczeństwo
|
||||
<i class="bi-shield-shaded nav-icon"></i> Użytkownicy
|
||||
</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> Powiadomienia
|
||||
<span class="badge bg-soft-dark text-dark rounded-pill nav-link-badge">1</span>
|
||||
<i class="bi-bell nav-icon"></i> Rozliczenia
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link @@if(link=='account-preferences.html'){active}" href="@@autopath/account-preferences.html">
|
||||
<i class="bi-sliders nav-icon"></i> Ustawienia
|
||||
<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">Zespół</span>
|
||||
|
||||
<!-- List -->
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link @@if(link=='account-teams.html'){active}" href="@@autopath/account-teams.html">
|
||||
<i class="bi-people nav-icon"></i> Znajomi
|
||||
<span class="badge bg-soft-dark text-dark rounded-pill nav-link-badge">+2</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End List -->
|
||||
|
||||
<div class="dropdown-divider my-3"></div>
|
||||
|
||||
<ul class="nav nav-sm nav-tabs nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
<i class="bi-building nav-icon"></i> Firmy i organizacje <i class="bi-box-arrow-up-right ms-2"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="d-lg-none">
|
||||
<div class="dropdown-divider"></div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user