}
}
+.editview #form_shortcuts a.bold {
+ font-weight: bold;
+}
+
@import 'context-menu';
#tool{
padding-top: 30px;
+ &:not(.main) {
+ h2 {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ }
+ }
- h2{
+ .back {
+ display: inline-block;
padding-bottom: 20px;
+ margin-bottom: .5rem;
+ }
+ &:not(.main) h2 {
+ margin-bottom: 0;
+ }
+ .nav {
+ &-filter {
+ ul {
+ list-style: none;
+ display: flex;
+ padding: 0;
+ li {
+ padding: 0 0.5rem;
+ cursor: pointer;
+ color: #869ab8;
+ &:hover,
+ &.active {
+ color: #384c74;
+ }
+ }
+ }
+ }
+ &-dropdown-items {
+ padding: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ list-style: none;
+ gap: 27px;
+ @media (min-width: 1180px) {
+ grid-template-columns: repeat(4, 1fr);
+ }
+ @media (min-width: 1400px) {
+ grid-template-columns: repeat(6, 1fr);
+ }
+ }
+ &-item {
+ background-color: rgba(70, 127, 207, 0.1);
+ border-radius: 4px;
+ position: relative;
+ height: 20vh;
+ &.hide {
+ display: none;
+ }
+ }
+ &-link {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 20px;
+ height: 100%;
+ i {
+ font-size: 50px;
+ }
+ span {
+ width: 90%;
+ text-align: center;
+ }
+ }
}
}
-
--- /dev/null
+@extends(backpack_view('blank'))
+
+@section('after_styles')
+ <link rel="stylesheet" href="/packages/tools/css/style.css"/>
+@endsection
+
+@section('content')
+
+ <div id="tool" class="main">
+ <h2>Outils</h2>
+ <nav class="nav-filter navbar-expand-lg mb-0 pb-0 pt-0">
+ <ul class="list-none">
+ <li>
+ <a class="d-none d-lg-block"><span class="la la-filter"></span></a>
+ </li>
+ <li data-filter="fluidbook">Fluidbook</li>
+ <li data-filter="development">Développement</li>
+ <li data-filter="excel">Excel</li>
+ </ul>
+ </nav>
+ <div id="grid" class="d-grid gap-8 feature-grid">
+ @include('tools.sidebar')
+ </div>
+ </div>
+
+@endsection
+
+@push('after_scripts')
+ <script>
+ (function ($) {
+ $(document).on( 'click', '[data-filter]', function() {
+ var filterValue = $(this).attr('data-filter');
+ var split = filterValue.split(',')
+ $(".nav-dropdown-items .nav-item").removeClass("hide")
+ $(":not(."+split.join(' .')+")").addClass("hide")
+
+ $("[data-filter]").removeClass("active")
+ $(this).addClass("active")
+ });
+ })(jQuery);
+ </script>
+@endpush
@endcanany
@can('tools')
- <li {!! sidebarState('tools') !!}><a class='nav-link nav-dropdown-toggle' href='#'><i
+ <li class="nav-item"><a class='nav-link' href='{{ backpack_url('tools/all') }}'><i
class='nav-icon la la-tools'></i>{{__('Outils')}}</a>
- @include('tools.sidebar')
</li>
@endcan
@canany(['users:read','company:read','managerolesandpersmissions'])
-<input type="hidden" name="_http_referrer" value={{ session('referrer_url_override') ?? old('_http_referrer') ?? \URL::previous() ?? url($crud->route) }}>
+@if(Request::is('tools/*'))
+ <a href="{{ backpack_url("/tools/all") }}" class="back">
+ {{ __('Revenir sur la liste des outils') }}
+ </a>
+@endif
+<input type="hidden" name="_http_referrer" value={{ session('referrer_url_override') ?? old('_http_referrer') ?? \URL::previous() ?? url($crud->route) }}>
{{-- See if we're using tabs --}}
@if ($crud->tabsEnabled() && count($crud->getTabs()))
@include('crud::inc.show_tabbed_fields')