expressCart/views/settings-menu.hbs

{{> partials/menu}}
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<div class="col-sm-9">
	<div class="row">
		<div class="col-sm-10">
			<h2>Menu</h2>
                <div class="row">
                    <div class="col-sm-2 offset-sm-1">Menu</div>
                    <div class="col-sm-9">link</div> 
                </div> 
                <div id="draggable_list">
                    {{#each menu.items}}
                        <div class="row drag-row" id="menuId-{{@key}}">
                            <input type="hidden" class="navId" value="{{title}}">
                            <div class="col-sm-1 dragable_item"><i class="fas fa-arrows-alt"></i></div>
                            <div class="col-sm-2 dragable_item">
                                <input type="text" class="form-control navMenu navItem" value="{{title}}">
                            </div>
                            <div class="col-sm-6 dragable_item">
                                <input type="text" class="form-control navLink navItem" value="{{link}}">
                            </div>
                            <div class="col-sm-3 dragable_item">
                                <a class="btn btn-outline-danger settings-menu-delete" data-id="{{@key}}">
                                    <i class="far fa-trash-alt"></i>
                                </a>
                                <button type="submit" class="btn btn-outline-success" id="settings-menu-update" data-id="{{@key}}">
                                    <i class="far fa-save"></i>
                                </button>
                            </div>
                        </div>
                    {{/each}}
                </div>
                <div class="row">
                    <div class="col-sm-2 offset-sm-1">
                        <input type="text" class="form-control" id="newNavMenu" placeholder="Contact Us">
                    </div>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" id="newNavLink" placeholder="/contact">
                    </div>
                    <div class="col-sm-3">
                        <button type="submit" id="settings-menu-new" class="btn btn-outline-success">
                            <i class="fas fa-plus"></i>
                        </button>
                    </div>
                </div>
                
            </div>
            <p class="text-muted">
                {{ @root.__ "Setting_menu_explain" }}
            </p>
		</div>
	</div>
</div>