diff --git a/app/Http/Controllers/Fo/StaticPageController.php b/app/Http/Controllers/Fo/StaticPageController.php index 8490373..b3a06ee 100644 --- a/app/Http/Controllers/Fo/StaticPageController.php +++ b/app/Http/Controllers/Fo/StaticPageController.php @@ -277,7 +277,7 @@ class StaticPageController extends Controller $paritySection = $sectionModels->where('section', PageSectionEnum::hire_parity)->first(); $findSection = $sectionModels->where('section', PageSectionEnum::hire_find)->first(); $carouselSectionParity = Carousel::query()->where('section_id', PageSectionEnum::hire_parity)->where('published', true)->get(); - $navLinks = Sticky::query()->where('type', StaticPageType::we_hire)->get(); + $navLinks = Sticky::query()->where('type', StaticPageType::we_hire)->get(); return view('fo.pages.hire', \compact( 'staticPageModel', diff --git a/resources/sass/fo/pages/_hire.scss b/resources/sass/fo/pages/_hire.scss index e36241e..2230e7c 100644 --- a/resources/sass/fo/pages/_hire.scss +++ b/resources/sass/fo/pages/_hire.scss @@ -47,4 +47,45 @@ filter: invert(1); } } + + .we-hire-navigation { + @include media-breakpoint-up(md) { + position: fixed; + z-index: 10; + bottom: 4rem; + left: 4rem; + max-width: 15rem; + + &-wrapper { + height: 0; + opacity: 0; + transform: translateY(25%); + transition: .3s; + visibility: hidden; + + &.show { + height: auto; + opacity: 1; + transform: translateY(0); + visibility: visible; + } + } + } + + .col-md-12 { + @include media-breakpoint-up(md) { + width: fit-content; + } + + .badge { + width: .5rem; + height: .5rem; + + @include media-breakpoint-up(md) { + width: 1rem; + height: 1rem; + } + } + } + } } diff --git a/resources/ts/fo/fo.ts b/resources/ts/fo/fo.ts index c1c5da6..72ab4c7 100644 --- a/resources/ts/fo/fo.ts +++ b/resources/ts/fo/fo.ts @@ -21,5 +21,9 @@ import "./base/sticky"; // PAGES import "./pages/unveil"; +<<<<<<< HEAD import "./pages/site"; +======= +import "./pages/we-hire"; +>>>>>>> ed349bc (feat: :sparkles: implement CRUD stickies) diff --git a/resources/ts/fo/pages/we-hire.ts b/resources/ts/fo/pages/we-hire.ts new file mode 100644 index 0000000..bbea9d7 --- /dev/null +++ b/resources/ts/fo/pages/we-hire.ts @@ -0,0 +1,17 @@ +document.addEventListener("DOMContentLoaded", function () { + const weHire = document.querySelector("section.we-hire"); + if (weHire === null) { + return; + } + + const button = document.querySelector(".we-hire-navigation .btn") as HTMLButtonElement; + const navWrapper = document.querySelectorAll(".we-hire-navigation-wrapper "); + button.addEventListener("click", () => { + navWrapper.forEach((element: Element) => { + element.classList.toggle("show"); + }); + document.querySelectorAll(".we-hire-navigation .btn svg").forEach(icon => { + icon.classList.toggle("d-none"); + }); + }); +}); diff --git a/resources/views/bo/pages/stickies/form.blade.php b/resources/views/bo/pages/stickies/form.blade.php index 42d5af4..6f2d9a1 100644 --- a/resources/views/bo/pages/stickies/form.blade.php +++ b/resources/views/bo/pages/stickies/form.blade.php @@ -53,7 +53,11 @@ {{-- ANCHOR --}} +<<<<<<< HEAD @can('create', \App\Models\Sticky::class) +======= + @can('view', \App\Models\Sticky::class) +>>>>>>> ed349bc (feat: :sparkles: implement CRUD stickies)
{{ Str::ucfirst(__('validation.custom.anchor')) }}