Formularz rejestracji firmy
This commit is contained in:
@@ -595,10 +595,14 @@
|
||||
<hr />
|
||||
|
||||
<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>
|
||||
|
||||
<!-- 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="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="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>
|
||||
|
||||
<!-- Responsive Toggle Button -->
|
||||
|
||||
@@ -143,10 +143,14 @@
|
||||
<hr />
|
||||
|
||||
<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>
|
||||
|
||||
<!-- 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="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="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>
|
||||
|
||||
<!-- Responsive Toggle Button -->
|
||||
|
||||
Reference in New Issue
Block a user