2024-03-22 21:35:44 +01:00
|
|
|
@extends('frame')
|
|
|
|
|
|
|
|
@section('title', 'The Dash | Edit Navigation')
|
|
|
|
|
|
|
|
@section('main-content')
|
2024-03-25 20:36:58 +01:00
|
|
|
<article class="navigation">
|
2024-03-22 21:35:44 +01:00
|
|
|
<section id="nav-items">
|
|
|
|
@foreach($menu as $item)
|
|
|
|
<div id="{{ $item['id'] }}" class="nav-item" data-slug="{{ $item['slug'] }}" data-uuid="{{ $item['uuid'] }}" data-path="{{ $item['id'] }}">
|
2024-03-25 19:59:24 +01:00
|
|
|
<svg id="move-menu-item" class="icon">
|
2024-03-22 21:35:44 +01:00
|
|
|
<use id="move-menu-item" xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/>
|
|
|
|
</svg>
|
|
|
|
<label>{{ $item['title'] }}</label>
|
|
|
|
<div id="nav-btns">
|
|
|
|
<button id="edit-item" class="nav-btn" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" title="edit page">
|
2024-03-25 19:59:24 +01:00
|
|
|
<svg id="edit-item" class="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
2024-03-22 21:35:44 +01:00
|
|
|
<use id="edit-item" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" xlink:href="/assets/images/global/sprite.svg#entypo-edit"/>
|
|
|
|
</svg>
|
|
|
|
</button>
|
|
|
|
<button id="remove-item" class="nav-btn" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" title="delete from menu">
|
2024-03-25 19:59:24 +01:00
|
|
|
<svg id="remove-item" class="icon" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}">
|
2024-03-22 21:35:44 +01:00
|
|
|
<use id="remove-item" data-uuid="{{ $item['uuid'] }}" data-id="{{ $item['id'] }}" xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
|
|
|
|
</svg>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@endforeach
|
|
|
|
</section>
|
|
|
|
</article>
|
|
|
|
@endsection
|
|
|
|
@section('scripting')
|
|
|
|
<script type="module" src="/assets/scripts/dash/app/EditNav.js"></script>
|
|
|
|
@endsection
|