Formularz rejestracji firmy
This commit is contained in:
@@ -595,10 +595,14 @@
|
|||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button type="button" class="btn btn-soft-primary">Jestem pracownikiem</button> lub <button type="button" class="btn btn-soft-primary">Jestem właścicielem</button>
|
<a href="#" class="btn btn-soft-primary">Jestem pracownikiem</a> lub <a href="#" class="btn btn-soft-primary">Jestem właścicielem</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- INFO
|
||||||
|
Jestem pracownikiem musi przejść do podstrony z opisem, że to właściciel musi dodać go do firmy
|
||||||
|
Jestem właścicielem - przechodzi od razu do formularza tworzenia nowej firmy -->
|
||||||
|
|
||||||
<div class="row mb-4">
|
<div class="row mb-4">
|
||||||
<div class="col-12 col-md-6">
|
<div class="col-12 col-md-6">
|
||||||
|
|
||||||
|
|||||||
1485
src/.tmp/magico-company-add.html
Normal file
1485
src/.tmp/magico-company-add.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -442,7 +442,7 @@
|
|||||||
|
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<div class="d-none d-lg-block">
|
<div class="d-none d-lg-block">
|
||||||
<a class="btn btn-soft-light btn-sm" href="#">Utwórz nową firmę</a>
|
<a class="btn btn-soft-light btn-sm" href="magico-company-add.html">Utwórz nową firmę</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Responsive Toggle Button -->
|
<!-- Responsive Toggle Button -->
|
||||||
|
|||||||
@@ -143,10 +143,14 @@
|
|||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<button type="button" class="btn btn-soft-primary">Jestem pracownikiem</button> lub <button type="button" class="btn btn-soft-primary">Jestem właścicielem</button>
|
<a href="#" class="btn btn-soft-primary">Jestem pracownikiem</a> lub <a href="#" class="btn btn-soft-primary">Jestem właścicielem</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- INFO
|
||||||
|
Jestem pracownikiem musi przejść do podstrony z opisem, że to właściciel musi dodać go do firmy
|
||||||
|
Jestem właścicielem - przechodzi od razu do formularza tworzenia nowej firmy -->
|
||||||
|
|
||||||
<div class="row mb-4">
|
<div class="row mb-4">
|
||||||
<div class="col-12 col-md-6">
|
<div class="col-12 col-md-6">
|
||||||
|
|
||||||
|
|||||||
740
src/magico-company-add.html
Normal file
740
src/magico-company-add.html
Normal file
@@ -0,0 +1,740 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="@@languageDirection.lang" dir="@@if(languageDirection.isRTL){rtl}">
|
||||||
|
<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>company.magico - nowa firma</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">
|
||||||
|
|
||||||
|
<!-- CSS Front Template -->
|
||||||
|
<!-- bundlecss:theme [@@autopath] @@vars.version -->
|
||||||
|
<link rel="stylesheet" href="@@autopath/assets/css/theme.css">
|
||||||
|
<link rel="stylesheet" href="@@autopath/node_modules/tom-select/dist/css/tom-select.bootstrap5.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- ========== HEADER ========== -->
|
||||||
|
@@include("@@autopath/magico_partials/magico-topbar.html", {
|
||||||
|
"topbarcategory": "demos",
|
||||||
|
"topbarlink": "main",
|
||||||
|
"category": "account",
|
||||||
|
"subcategory": "",
|
||||||
|
"link": "magico-account-home.html",
|
||||||
|
"logo": "magico-company"
|
||||||
|
})
|
||||||
|
<!-- ========== END HEADER ========== -->
|
||||||
|
|
||||||
|
<!-- ========== MAIN CONTENT ========== -->
|
||||||
|
<main id="content" role="main" class="bg-light">
|
||||||
|
|
||||||
|
<!-- Content -->
|
||||||
|
<div class="container content-space-2">
|
||||||
|
<!-- Step Form -->
|
||||||
|
<form class="js-step-form"
|
||||||
|
data-hs-step-form-options='{
|
||||||
|
"progressSelector": "#uploadResumeStepFormProgress",
|
||||||
|
"stepsSelector": "#uploadResumeStepFormContent",
|
||||||
|
"endSelector": "#uploadResumeFinishBtn",
|
||||||
|
"isValidate": false
|
||||||
|
}'>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<!-- Sticky Block -->
|
||||||
|
<div id="stickyBlockStartPoint">
|
||||||
|
<div class="js-sticky-block"
|
||||||
|
data-hs-sticky-block-options='{
|
||||||
|
"parentSelector": "#stickyBlockStartPoint",
|
||||||
|
"breakpoint": "lg",
|
||||||
|
"startPoint": "#stickyBlockStartPoint",
|
||||||
|
"endPoint": "#stickyBlockEndPoint",
|
||||||
|
"stickyOffsetTop": 20,
|
||||||
|
"stickyOffsetBottom": 0
|
||||||
|
}'>
|
||||||
|
<!-- Step -->
|
||||||
|
<ul id="uploadResumeStepFormProgress" class="js-step-progress step step-icon-xs step-border-last-0 mt-5">
|
||||||
|
<li class="step-item">
|
||||||
|
<a class="step-content-wrapper" href="javascript:;"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepBasics"
|
||||||
|
}'>
|
||||||
|
<span class="step-icon step-icon-soft-dark">1</span>
|
||||||
|
<div class="step-content">
|
||||||
|
<span class="step-title">Typ firmy</span>
|
||||||
|
<span class="step-title-description step-text">Wybierz Twoją branżę</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="step-item">
|
||||||
|
<a class="step-content-wrapper" href="javascript:;"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepEducation"
|
||||||
|
}'>
|
||||||
|
<span class="step-icon step-icon-soft-dark">2</span>
|
||||||
|
<div class="step-content">
|
||||||
|
<span class="step-title">Dane podstawowe</span>
|
||||||
|
<span class="step-title-description step-text">Informacje o firmie</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="step-item">
|
||||||
|
<a class="step-content-wrapper" href="javascript:;"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepWork"
|
||||||
|
}'>
|
||||||
|
<span class="step-icon step-icon-soft-dark">3</span>
|
||||||
|
<div class="step-content">
|
||||||
|
<span class="step-title">Profil firmy</span>
|
||||||
|
<span class="step-title-description step-text">Wygląd w aplikacjach magico</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="step-item">
|
||||||
|
<a class="step-content-wrapper" href="javascript:;"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepJobSkills"
|
||||||
|
}'>
|
||||||
|
<span class="step-icon step-icon-soft-dark">4</span>
|
||||||
|
<div class="step-content">
|
||||||
|
<span class="step-title">Zespół</span>
|
||||||
|
<span class="step-title-description step-text">Inne osoby w firmie</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="step-item">
|
||||||
|
<a class="step-content-wrapper" href="javascript:;"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepTypeOfJob"
|
||||||
|
}'>
|
||||||
|
<span class="step-icon step-icon-soft-dark">5</span>
|
||||||
|
<div class="step-content">
|
||||||
|
<span class="step-title">Gotowe</span>
|
||||||
|
<span class="step-title-description step-text">To już jest koniec!</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<!-- End Step -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Sticky Block -->
|
||||||
|
</div>
|
||||||
|
<!-- End Col -->
|
||||||
|
|
||||||
|
<div id="formContainer" class="col-lg-8">
|
||||||
|
<!-- Content Step Form -->
|
||||||
|
<div id="uploadResumeStepFormContent">
|
||||||
|
<!-- Card -->
|
||||||
|
<div id="uploadResumeStepBasics" class="card active">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<span class="d-lg-none">Krok 1 z 5</span>
|
||||||
|
<h3 class="card-header-title">Typ firmy</h3>
|
||||||
|
<p class="card-text">Te informacją pomogą nam odpowiednio poprowadzić Cię przez proces uruchamiania i konfiguracji usług. Bez obaw, będzie to można później zmienić.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Header -->
|
||||||
|
|
||||||
|
<!-- Body -->
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-6">
|
||||||
|
<!-- Card -->
|
||||||
|
<a class="card card-transition h-100" href="#">
|
||||||
|
<img class="card-img-top" src="../assets/img/500x280/img9.jpg" alt="Image Description">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-text lh-base">Gastronomia i Hotele</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- End Card -->
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<!-- Card -->
|
||||||
|
<a class="card card-transition h-100" href="#">
|
||||||
|
<img class="card-img-top" src="../assets/img/500x280/img9.jpg" alt="Image Description">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-text lh-base">Usługi</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- End Card -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-6">
|
||||||
|
<!-- Card -->
|
||||||
|
<a class="card card-transition h-100" href="#">
|
||||||
|
<img class="card-img-top" src="../assets/img/500x280/img9.jpg" alt="Image Description">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-text lh-base">Handel i sprzedaż</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- End Card -->
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<!-- Card -->
|
||||||
|
<a class="card card-transition h-100" href="#">
|
||||||
|
<img class="card-img-top" src="../assets/img/500x280/img9.jpg" alt="Image Description">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-text lh-base">Przemysł i produkcja</h5>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<!-- End Card -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- End Body -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="card-footer pt-0">
|
||||||
|
<div class="d-flex justify-content-end align-items-center">
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepEducation"
|
||||||
|
}'>
|
||||||
|
Zapisz i kontynuuj <i class="bi-chevron-right small ms-1"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
<!-- End Card -->
|
||||||
|
|
||||||
|
<div id="uploadResumeStepEducation" class="card" style="display: none;">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<span class="d-lg-none">Krok 2 z 5</span>
|
||||||
|
<h3 class="card-header-title">Dane firmy</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Header -->
|
||||||
|
|
||||||
|
<!-- Body -->
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="js-add-field"
|
||||||
|
data-hs-add-field-options='{
|
||||||
|
"template": "#addEducationFieldTemplate",
|
||||||
|
"container": "#addEducationFieldContainer",
|
||||||
|
"defaultCreated": 0
|
||||||
|
}'>
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label for="educationLabel" class="form-label">Kraj</label>
|
||||||
|
|
||||||
|
<!-- Select -->
|
||||||
|
<select id="educationLabel" class="form-select" name="educationSelect">
|
||||||
|
<option value="education1">Polska</option>
|
||||||
|
<option value="education2">Niemcy</option>
|
||||||
|
<option value="education3">Czechy</option>
|
||||||
|
<option value="education4">Słowacja</option>
|
||||||
|
<option value="education5">Ukraina</option>
|
||||||
|
<option value="education6">Stany Zjednaczone</option>
|
||||||
|
</select>
|
||||||
|
<!-- End Select -->
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label for="fieldOfStudyNameLabel" class="form-label">Numer NIP</label>
|
||||||
|
<input type="text" class="form-control" name="fieldOfStudyName" id="fieldOfStudyNameLabel" placeholder="___-___-__-__" aria-label="Accounting">
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
<!-- Po przejściu na kolejne pole szukamy w tle danych w GUS i uzupełniamy - bez klikania guzików -->
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label for="schoolNameLabel" class="form-label">Pełna nazwa firmy</label>
|
||||||
|
<input type="text" class="form-control" name="schoolName" id="schoolNameLabel" placeholder="" aria-label="">
|
||||||
|
<small class="text-muted">Do użytku w rozliczeniach i fakturach</small>
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<div class="row gx-2">
|
||||||
|
<div class="col-sm-4 mb-2 mb-sm-0">
|
||||||
|
<label for="schoolNameLabel" class="form-label">Kod pocztowy</label>
|
||||||
|
<input type="text" class="form-control" name="schoolName" id="schoolNameLabel" placeholder="__-___" aria-label="">
|
||||||
|
</div>
|
||||||
|
<!-- End Col -->
|
||||||
|
|
||||||
|
<div class="col-sm-8">
|
||||||
|
<label for="schoolNameLabel" class="form-label">Miasto</label>
|
||||||
|
<input type="text" class="form-control" name="schoolName" id="schoolNameLabel" placeholder="" aria-label="">
|
||||||
|
</div>
|
||||||
|
<!-- End Col -->
|
||||||
|
</div>
|
||||||
|
<!-- End Row -->
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label for="schoolNameLabel" class="form-label">Adres</label>
|
||||||
|
<input type="text" class="form-control" name="schoolName" id="schoolNameLabel" placeholder="Ulica i numer budynku/lokalu" aria-label="">
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Body -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="card-footer pt-0">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<button type="button" class="btn btn-ghost-secondary"
|
||||||
|
data-hs-step-form-prev-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepBasics"
|
||||||
|
}'>
|
||||||
|
<i class="bi-chevron-left small ms-1"></i> Poprzedni krok
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="ms-auto">
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepWork"
|
||||||
|
}'>
|
||||||
|
Zapisz i kontynuuj <i class="bi-chevron-right small ms-1"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="uploadResumeStepWork" class="card" style="display: none;">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<span class="d-lg-none">Krok 3 z 5</span>
|
||||||
|
<h3 class="card-header-title">Profil firmy</h3>
|
||||||
|
<p class="card-text">Dane, które wykorzystamy tylko wewnątrz aplikacji magico.<br> Zobaczysz je Ty i Twój zespół.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Header -->
|
||||||
|
|
||||||
|
<!-- Body -->
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="js-add-field"
|
||||||
|
data-hs-add-field-options='{
|
||||||
|
"template": "#addWorkFieldTemplate",
|
||||||
|
"container": "#addWorkFieldContainer",
|
||||||
|
"defaultCreated": 0
|
||||||
|
}'>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="row mb-4">
|
||||||
|
<label class="col-sm-3 col-form-label form-label">Logo firmy</label>
|
||||||
|
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<!-- Media -->
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<!-- Avatar -->
|
||||||
|
<label class="avatar avatar-xl avatar-circle" for="avatarUploader">
|
||||||
|
<img id="avatarImg" class="avatar-img" src="@@autopath/assets/img/160x160/img9.jpg" alt="Image Description">
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="d-grid d-sm-flex gap-2 ms-4">
|
||||||
|
<div class="form-attachment-btn btn btn-primary btn-sm">Przeglądaj
|
||||||
|
<input type="file" class="js-file-attach form-attachment-btn-label" id="avatarUploader"
|
||||||
|
data-hs-file-attach-options='{
|
||||||
|
"textTarget": "#avatarImg",
|
||||||
|
"mode": "image",
|
||||||
|
"targetAttr": "src",
|
||||||
|
"resetTarget": ".js-file-attach-reset-img",
|
||||||
|
"resetImg": "@@autopath/assets/img/160x160/img1.jpg",
|
||||||
|
"allowTypes": [".png", ".jpeg", ".jpg"]
|
||||||
|
}'>
|
||||||
|
</div>
|
||||||
|
<!-- End Avatar -->
|
||||||
|
|
||||||
|
<button type="button" class="js-file-attach-reset-img btn btn-white btn-sm">Usuń</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Media -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="row mb-4">
|
||||||
|
<label for="firstNameLabel" class="col-sm-3 col-form-label form-label">Krótka nazwa firmy <i class="bi-question-circle text-body ms-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Nazwa będzie widoczna tylko dla Ciebie i współpracowników. Wykorzystywana w aplikachach magico."></i></label>
|
||||||
|
|
||||||
|
<div class="col-sm-9">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" name="firstName" id="firstNameLabel" placeholder="" aria-label="Clarice" value="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Body -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="card-footer pt-0">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<button type="button" class="btn btn-ghost-secondary"
|
||||||
|
data-hs-step-form-prev-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepEducation"
|
||||||
|
}'>
|
||||||
|
<i class="bi-chevron-left small ms-1"></i> Poprzedni krok
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="ms-auto">
|
||||||
|
<a href="#" class="btn btn-ghost-secondary me-3">Pomiń <i class="bi-chevron-right small ms-1"></i></a>
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepJobSkills"
|
||||||
|
}'>
|
||||||
|
Zapisz i kontynuuj <i class="bi-chevron-right small ms-1"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="uploadResumeStepJobSkills" class="card" style="display: none;">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<span class="d-lg-none">Krok 4 z 5</span>
|
||||||
|
<h3 class="card-header-title">Zespół i pracownicy</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Header -->
|
||||||
|
|
||||||
|
<!-- Body -->
|
||||||
|
<div class="card-body">
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label">Dodaj innych właścicieli, managerów lub pracowników firmy. Wprowadź ich adres e-mail w poniższym polu. Możesz też pominać ten krok i zrobić to później.</label>
|
||||||
|
|
||||||
|
<!-- Search -->
|
||||||
|
<div class="mb-4 mt-4">
|
||||||
|
<form>
|
||||||
|
<!-- Input Card -->
|
||||||
|
<div class="input-card border">
|
||||||
|
<div class="input-card-form">
|
||||||
|
<label for="searchAppsForm" class="form-label visually-hidden">Wprowadź adres e-mail</label>
|
||||||
|
<div class="input-group input-group-merge">
|
||||||
|
<span class="input-group-prepend input-group-text">
|
||||||
|
<i class="bi-search"></i>
|
||||||
|
</span>
|
||||||
|
<input type="text" class="form-control" id="searchAppsForm" placeholder="Wprowadź adres e-mail" aria-label="Wprowadź adres e-mail">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-primary">
|
||||||
|
<i class="bi-arrow-right"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!-- End Input Card -->
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- End Search -->
|
||||||
|
</div>
|
||||||
|
<!-- End Form -->
|
||||||
|
</div>
|
||||||
|
<!-- End Body -->
|
||||||
|
|
||||||
|
<div class="table-responsive" style="padding-bottom: 120px;">
|
||||||
|
<table class="table table-borderless table-thead-bordered table-nowrap table-align-middle card-table">
|
||||||
|
<thead class="thead-light">
|
||||||
|
<tr>
|
||||||
|
<th>Użytkownik</th>
|
||||||
|
<th>Uprawnienia</th>
|
||||||
|
<th style="width: 5%;"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img class="avatar avatar-sm avatar-circle" src="./assets/img/160x160/img8.jpg" alt="Image Description">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-grow-1 ms-3">
|
||||||
|
<a class="d-inline-block link-dark" href="#">
|
||||||
|
<h6 class="text-hover-primary mb-0">Amanda Harvey <img class="avatar avatar-xss ms-1" src="./assets/svg/illustrations/top-vendor.svg" alt="Image Description" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Verified user" aria-label="Verified user"></h6>
|
||||||
|
</a>
|
||||||
|
<small class="d-block">amanda@example.com</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<!-- Select -->
|
||||||
|
<div class="tom-select-custom">
|
||||||
|
<select class="js-select form-select" autocomplete="off"
|
||||||
|
data-hs-tom-select-options='{
|
||||||
|
"placeholder": "Wybierz rolę",
|
||||||
|
"hideSearch": true
|
||||||
|
}'>
|
||||||
|
<option value="">Wybierz rolę</option>
|
||||||
|
<option value="4">Właściciel</option>
|
||||||
|
<option value="1">Manager</option>
|
||||||
|
<option value="3">Pracownik</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<!-- End Select -->
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a class="text-body" href="javascript:;" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Usuń użytkownika">
|
||||||
|
<i class="bi-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="card-footer pt-0">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<button type="button" class="btn btn-ghost-secondary"
|
||||||
|
data-hs-step-form-prev-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepWork"
|
||||||
|
}'>
|
||||||
|
<i class="bi-chevron-left small ms-1"></i> Poprzedni krok
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="ms-auto">
|
||||||
|
<button type="button" class="btn btn-primary"
|
||||||
|
data-hs-step-form-next-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepTypeOfJob"
|
||||||
|
}'>
|
||||||
|
Zapisz i zakończ <i class="bi-chevron-right small ms-1"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="uploadResumeStepTypeOfJob" class="card" style="display: none;">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="card-header bg-img-start" style="background-image: url(../assets/svg/components/card-1.svg);">
|
||||||
|
<div class="flex-grow-1">
|
||||||
|
<h3 class="card-header-title">Gotowe!</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Header -->
|
||||||
|
|
||||||
|
<!-- Body -->
|
||||||
|
<div class="card-body">
|
||||||
|
|
||||||
|
<!-- Form -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label">Profil Twojej firmy został stworzony. Za chwilę zostaniesz przekierowany do zarządzania aplikacjami. Jeśli to się nie stanie przejdź dalej.</label>
|
||||||
|
</div>
|
||||||
|
<!-- End Body -->
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<div class="card-footer pt-0">
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<button type="button" class="btn btn-ghost-secondary"
|
||||||
|
data-hs-step-form-prev-options='{
|
||||||
|
"targetSelector": "#uploadResumeStepJobSkills"
|
||||||
|
}'>
|
||||||
|
<i class="bi-chevron-left small ms-1"></i> Poprzedni krok
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="ms-auto">
|
||||||
|
<div class="d-flex gap-2">
|
||||||
|
<a href="magico-company-choose.html" class="btn btn-primary">Zakończ</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Footer -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Message Body -->
|
||||||
|
<div id="successMessageContent" style="display: none;">
|
||||||
|
<div class="text-center">
|
||||||
|
<img class="img-fluid mb-3" src="../assets/svg/illustrations/medal.svg" alt="Image Description" style="max-width: 15rem;">
|
||||||
|
|
||||||
|
<div class="mb-4">
|
||||||
|
<h2>Successful!</h2>
|
||||||
|
<p>Your resume job has been successfully created.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<a class="btn btn-primary" href="../demo-jobs/employee.html">
|
||||||
|
Go to profile <i class="bi-chevron-right small ms-1"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Message Body -->
|
||||||
|
|
||||||
|
<!-- Sticky Block End Point -->
|
||||||
|
<div id="stickyBlockEndPoint"></div>
|
||||||
|
</div>
|
||||||
|
<!-- End Col -->
|
||||||
|
</div>
|
||||||
|
<!-- End Row -->
|
||||||
|
</form>
|
||||||
|
<!-- End Step Form -->
|
||||||
|
</div>
|
||||||
|
<!-- End Content -->
|
||||||
|
<!-- 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-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-step-form/dist/hs-step-form.min.js"></script>
|
||||||
|
<script src="@@autopath/assets/vendor/hs-sticky-block/dist/hs-sticky-block.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.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 MEGA MENU
|
||||||
|
// =======================================================
|
||||||
|
new HSMegaMenu('.js-mega-menu', {
|
||||||
|
desktop: {
|
||||||
|
position: 'left'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF SHOW ANIMATIONS
|
||||||
|
// =======================================================
|
||||||
|
new HSShowAnimation('.js-animation-link')
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF BOOTSTRAP DROPDOWN
|
||||||
|
// =======================================================
|
||||||
|
HSBsDropdown.init()
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF GO TO
|
||||||
|
// =======================================================
|
||||||
|
new HSGoTo('.js-go-to')
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF STICKY BLOCKS
|
||||||
|
// =======================================================
|
||||||
|
new HSStickyBlock('.js-sticky-block', {
|
||||||
|
targetSelector: document.getElementById('header').classList.contains('navbar-fixed') ? '#header' : null
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF STEP FORM
|
||||||
|
// =======================================================
|
||||||
|
new HSStepForm('.js-step-form', {
|
||||||
|
finish: () => {
|
||||||
|
document.getElementById("uploadResumeStepFormProgress").style.display = 'none'
|
||||||
|
document.getElementById("uploadResumeStepFormContent").style.display = 'none'
|
||||||
|
document.getElementById("successMessageContent").style.display = 'block'
|
||||||
|
scrollToTop('#header');
|
||||||
|
const formContainer = document.getElementById('formContainer')
|
||||||
|
formContainer.classList.remove('col-lg-8')
|
||||||
|
formContainer.classList.add('col-lg-12')
|
||||||
|
},
|
||||||
|
onNextStep: function () {
|
||||||
|
scrollToTop()
|
||||||
|
},
|
||||||
|
onPrevStep: function () {
|
||||||
|
scrollToTop()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
function scrollToTop(el = '.js-step-form') {
|
||||||
|
el = document.querySelector(el)
|
||||||
|
window.scrollTo({
|
||||||
|
top: (el.getBoundingClientRect().top + window.scrollY) - 30,
|
||||||
|
left: 0,
|
||||||
|
behavior: 'smooth'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF ADD FIELD
|
||||||
|
// =======================================================
|
||||||
|
new HSAddField('.js-add-field', {
|
||||||
|
addedField: field => {
|
||||||
|
HSCore.components.HSQuill.init(field.querySelector('.js-quill-dynamic'))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF QUILLJS EDITOR
|
||||||
|
// =======================================================
|
||||||
|
HSCore.components.HSQuill.init('.js-quill')
|
||||||
|
|
||||||
|
|
||||||
|
// INITIALIZATION OF INPUT MASK
|
||||||
|
// =======================================================
|
||||||
|
HSCore.components.HSMask.init('.js-input-mask')
|
||||||
|
|
||||||
|
// INITIALIZATION OF SELECT
|
||||||
|
// =======================================================
|
||||||
|
HSCore.components.HSTomSelect.init('.js-select', {
|
||||||
|
hideSearch: true
|
||||||
|
})
|
||||||
|
})()
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
|
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<div class="d-none d-lg-block">
|
<div class="d-none d-lg-block">
|
||||||
<a class="btn btn-soft-light btn-sm" href="#">Utwórz nową firmę</a>
|
<a class="btn btn-soft-light btn-sm" href="magico-company-add.html">Utwórz nową firmę</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Responsive Toggle Button -->
|
<!-- Responsive Toggle Button -->
|
||||||
|
|||||||
Reference in New Issue
Block a user