RubyGems - hyper-kitten-tables - Versions diffs - 0.1.0 - Mend

hyper-kitten-tables 0.1.0

Files changed (179) hide show

data/spec/dummy/tmp/capybara/screenshot_2022-10-04-17-03-57.376.html ADDED Viewed

@@ -0,0 +1,229 @@
+<html class="h-100"><head><style type="text/css" data-tag-name="trix-editor">trix-editor {
+    display: block;
+}
+trix-editor:empty:not(:focus)::before {
+    content: attr(placeholder);
+    color: graytext;
+    cursor: text;
+    pointer-events: none;
+    white-space: pre-line;
+}
+trix-editor a[contenteditable=false] {
+    cursor: text;
+}
+trix-editor img {
+    max-width: 100%;
+    height: auto;
+}
+trix-editor [data-trix-attachment] figcaption textarea {
+    resize: none;
+}
+trix-editor [data-trix-attachment] figcaption textarea.trix-autoresize-clone {
+    position: absolute;
+    left: -9999px;
+    max-height: 0px;
+}
+trix-editor [data-trix-attachment] figcaption[data-trix-placeholder]:empty::before {
+    content: attr(data-trix-placeholder);
+    color: graytext;
+}
+trix-editor [data-trix-cursor-target] {
+    display: inline-block !important;
+    width: 1px !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: none !important;
+}
+trix-editor [data-trix-cursor-target=left] {
+    vertical-align: top !important;
+    margin-left: -1px !important;
+}
+trix-editor [data-trix-cursor-target=right] {
+    vertical-align: bottom !important;
+    margin-right: -1px !important;
+}</style><style type="text/css" data-tag-name="trix-toolbar">trix-toolbar {
+  display: block;
+}
+trix-toolbar {
+  white-space: nowrap;
+}
+trix-toolbar [data-trix-dialog] {
+  display: none;
+}
+trix-toolbar [data-trix-dialog][data-trix-active] {
+  display: block;
+}
+trix-toolbar [data-trix-dialog] [data-trix-validate]:invalid {
+  background-color: #ffdddd;
+}</style>
+<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+<title>Meow</title>
+<link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.3.1/trix.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
+<script type="importmap" data-turbo-track="reload">{
+  "imports": {
+    "bootstrap": "https://ga.jspm.io/npm:bootstrap@5.2.2/dist/js/bootstrap.esm.js",
+    "@popperjs/core": "https://ga.jspm.io/npm:@popperjs/core@2.11.6/lib/index.js",
+    "@hotwired/stimulus": "/assets/stimulus.min-aab608fae21f2c1bac54028a5ea332762374c7d5.js",
+    "@hotwired/stimulus-loading": "/assets/stimulus-loading-e367296568a6df104dc84fcfe5d1aafae5076fc0.js",
+    "sortablejs": "https://ga.jspm.io/npm:sortablejs@1.15.0/modular/sortable.esm.js",
+    "trix": "https://ga.jspm.io/npm:trix@2.0.0-beta.0/dist/trix.js",
+    "hyper_kitten_meow/application": "/assets/hyper_kitten_meow/application-18cb6ca0cdc2dc660e6211a74b9c9fd90ee26b70.js",
+    "hyper_kitten_meow/controllers/application": "/assets/hyper_kitten_meow/controllers/application-a45fcffa4627508814a7727d04043357d1dcedbe.js",
+    "hyper_kitten_meow/controllers": "/assets/hyper_kitten_meow/controllers/index-75d6331f3e6ac38720595fca892d1179c84dd34e.js",
+    "hyper_kitten_meow/controllers/menu_items_form_controller": "/assets/hyper_kitten_meow/controllers/menu_items_form_controller-9e4fa509fa20341521d88013ccadc71fa8f4c00e.js"
+  }
+}</script>
+<link rel="modulepreload" href="/assets/stimulus.min-aab608fae21f2c1bac54028a5ea332762374c7d5.js">
+<link rel="modulepreload" href="/assets/stimulus-loading-e367296568a6df104dc84fcfe5d1aafae5076fc0.js">
+<script src="/assets/es-module-shims.min-f7a11f41d669b1f9ca6432c0ba58580ba2b4087a.js" async="async" data-turbo-track="reload"></script>
+<script type="module">import "application"</script>
+<script type="module">import "hyper_kitten_meow/application"</script>
+</head>
+<body class="h-100">
+<div class="container-fluid h-100">
+<div class="row h-100">
+<nav class="col-md-3 col-lg-2 d-md-block sidebar bg-dark text-white d-flex flex-column">
+<h2 class="mb-3 mt-3">Meow</h2>
+<hr>
+<ul class="nav nav-pills flex-column mb-auto">
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/posts">Posts</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/pages">Pages</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/menus">Menus</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/tags">Tags</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/users">Users</a></li>
+</ul>
+<hr>
+<a class="nav-link d-flex align-items-center text-white text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" href="#"><strong>Andrew</strong>
+</a><ul class="dropdown-menu dropdown-menu-dark text-small shadow">
+<li><a class="dropdown-item" href="/hyper-kitten-meow/admin/logout">Log Out</a></li>
+</ul>
+</nav>
+<div class="col-md-9 col-lg-10 mt-3 px-4">
+<section>
+<div class="d-flex justify-content-between">
+<h2>Edit My Menu</h2>
+<div class="action">
+<a class="btn btn-secondary" href="/hyper-kitten-meow/admin/menus">Back to Menus</a>
+</div>
+</div>
+<form class="simple_form edit_menu" id="edit_menu_29" novalidate="novalidate" action="/hyper-kitten-meow/admin/menus/29" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off"><div class="mb-3 string required menu_name"><label class="form-label string required" for="menu_name">Name <abbr title="required">*</abbr></label><input class="form-control is-valid string required" type="text" value="My Menu" name="menu[name]" id="menu_name"></div>
+<hr>
+<div class="card">
+<div class="card-body">
+<h4>Menu Items</h4>
+<div data-controller="menu-items-form">
+<template data-menu-items-form-target="template">
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_NEW_RECORD_page_id">Page <abbr title="required">*</abbr></label><select class="form-select select required" name="menu[menu_items_attributes][NEW_RECORD][page_id]" id="menu_menu_items_attributes_NEW_RECORD_page_id"><option value="" label=" "></option>
+<option value="27">My Page 1</option>
+<option value="28">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control hidden" autocomplete="off" type="hidden" name="menu[menu_items_attributes][NEW_RECORD][position]" id="menu_menu_items_attributes_NEW_RECORD_position"></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][NEW_RECORD][_destroy]" id="menu_menu_items_attributes_NEW_RECORD__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_NEW_RECORD_title">Title <abbr title="required">*</abbr></label><input class="form-control string required" type="text" name="menu[menu_items_attributes][NEW_RECORD][title]" id="menu_menu_items_attributes_NEW_RECORD_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_NEW_RECORD_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][NEW_RECORD][url]" id="menu_menu_items_attributes_NEW_RECORD_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+</template>
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_0_page_id">Page <abbr title="required">*</abbr></label><select class="form-select select required" name="menu[menu_items_attributes][0][page_id]" id="menu_menu_items_attributes_0_page_id"><option value="" label=" "></option>
+<option value="27">My Page 1</option>
+<option value="28">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control is-valid hidden" autocomplete="off" type="hidden" value="1" name="menu[menu_items_attributes][0][position]" id="menu_menu_items_attributes_0_position"></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][0][_destroy]" id="menu_menu_items_attributes_0__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_0_title">Title <abbr title="required">*</abbr></label><input class="form-control string required" type="text" name="menu[menu_items_attributes][0][title]" id="menu_menu_items_attributes_0_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_0_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][0][url]" id="menu_menu_items_attributes_0_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_1664903035345_page_id">Page <abbr title="required">*</abbr></label><select class="form-select select required" name="menu[menu_items_attributes][1664903035345][page_id]" id="menu_menu_items_attributes_1664903035345_page_id"><option value="" label=" "></option>
+<option value="27">My Page 1</option>
+<option value="28">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control hidden" autocomplete="off" type="hidden" name="menu[menu_items_attributes][1664903035345][position]" id="menu_menu_items_attributes_1664903035345_position"></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][1664903035345][_destroy]" id="menu_menu_items_attributes_1664903035345__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_1664903035345_title">Title <abbr title="required">*</abbr></label><input class="form-control string required" type="text" name="menu[menu_items_attributes][1664903035345][title]" id="menu_menu_items_attributes_1664903035345_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_1664903035345_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][1664903035345][url]" id="menu_menu_items_attributes_1664903035345_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+<div class="mb-3" data-menu-items-form-target="links" draggable="false">
+<a class="btn btn-success" data-action="click->menu-items-form#addMenuItem" href="#" draggable="false">Add Menu Item</a>
+</div>
+</div>
+</div>
+</div>
+<div class="action mt-3">
+<input type="submit" name="commit" value="Update Menu" class="btn btn-primary" data-disable-with="Update Menu">
+</div>
+</form></section>
+</div>
+</div>
+</div>
+</body></html>

data/spec/dummy/tmp/capybara/screenshot_2022-10-04-17-07-53.996.html ADDED Viewed

@@ -0,0 +1,232 @@
+<html class="h-100"><head><style type="text/css" data-tag-name="trix-editor">trix-editor {
+    display: block;
+}
+trix-editor:empty:not(:focus)::before {
+    content: attr(placeholder);
+    color: graytext;
+    cursor: text;
+    pointer-events: none;
+    white-space: pre-line;
+}
+trix-editor a[contenteditable=false] {
+    cursor: text;
+}
+trix-editor img {
+    max-width: 100%;
+    height: auto;
+}
+trix-editor [data-trix-attachment] figcaption textarea {
+    resize: none;
+}
+trix-editor [data-trix-attachment] figcaption textarea.trix-autoresize-clone {
+    position: absolute;
+    left: -9999px;
+    max-height: 0px;
+}
+trix-editor [data-trix-attachment] figcaption[data-trix-placeholder]:empty::before {
+    content: attr(data-trix-placeholder);
+    color: graytext;
+}
+trix-editor [data-trix-cursor-target] {
+    display: inline-block !important;
+    width: 1px !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: none !important;
+}
+trix-editor [data-trix-cursor-target=left] {
+    vertical-align: top !important;
+    margin-left: -1px !important;
+}
+trix-editor [data-trix-cursor-target=right] {
+    vertical-align: bottom !important;
+    margin-right: -1px !important;
+}</style><style type="text/css" data-tag-name="trix-toolbar">trix-toolbar {
+  display: block;
+}
+trix-toolbar {
+  white-space: nowrap;
+}
+trix-toolbar [data-trix-dialog] {
+  display: none;
+}
+trix-toolbar [data-trix-dialog][data-trix-active] {
+  display: block;
+}
+trix-toolbar [data-trix-dialog] [data-trix-validate]:invalid {
+  background-color: #ffdddd;
+}</style>
+<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+<title>Meow</title>
+<link rel="stylesheet" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.3.1/trix.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
+<script type="importmap" data-turbo-track="reload">{
+  "imports": {
+    "bootstrap": "https://ga.jspm.io/npm:bootstrap@5.2.2/dist/js/bootstrap.esm.js",
+    "@popperjs/core": "https://ga.jspm.io/npm:@popperjs/core@2.11.6/lib/index.js",
+    "@hotwired/stimulus": "/assets/stimulus.min-aab608fae21f2c1bac54028a5ea332762374c7d5.js",
+    "@hotwired/stimulus-loading": "/assets/stimulus-loading-e367296568a6df104dc84fcfe5d1aafae5076fc0.js",
+    "sortablejs": "https://ga.jspm.io/npm:sortablejs@1.15.0/modular/sortable.esm.js",
+    "trix": "https://ga.jspm.io/npm:trix@2.0.0-beta.0/dist/trix.js",
+    "hyper_kitten_meow/application": "/assets/hyper_kitten_meow/application-18cb6ca0cdc2dc660e6211a74b9c9fd90ee26b70.js",
+    "hyper_kitten_meow/controllers/application": "/assets/hyper_kitten_meow/controllers/application-a45fcffa4627508814a7727d04043357d1dcedbe.js",
+    "hyper_kitten_meow/controllers": "/assets/hyper_kitten_meow/controllers/index-75d6331f3e6ac38720595fca892d1179c84dd34e.js",
+    "hyper_kitten_meow/controllers/menu_items_form_controller": "/assets/hyper_kitten_meow/controllers/menu_items_form_controller-9e4fa509fa20341521d88013ccadc71fa8f4c00e.js"
+  }
+}</script>
+<link rel="modulepreload" href="/assets/stimulus.min-aab608fae21f2c1bac54028a5ea332762374c7d5.js">
+<link rel="modulepreload" href="/assets/stimulus-loading-e367296568a6df104dc84fcfe5d1aafae5076fc0.js">
+<script src="/assets/es-module-shims.min-f7a11f41d669b1f9ca6432c0ba58580ba2b4087a.js" async="async" data-turbo-track="reload"></script>
+<script type="module">import "application"</script>
+<script type="module">import "hyper_kitten_meow/application"</script>
+</head>
+<body class="h-100">
+<div class="container-fluid h-100">
+<div class="row h-100">
+<nav class="col-md-3 col-lg-2 d-md-block sidebar bg-dark text-white d-flex flex-column">
+<h2 class="mb-3 mt-3">Meow</h2>
+<hr>
+<ul class="nav nav-pills flex-column mb-auto">
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/posts">Posts</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/pages">Pages</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/menus">Menus</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/tags">Tags</a></li>
+<li class="nav-item"><a class="nav-link text-white" href="/hyper-kitten-meow/admin/users">Users</a></li>
+</ul>
+<hr>
+<a class="nav-link d-flex align-items-center text-white text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" href="#"><strong>Andrew</strong>
+</a><ul class="dropdown-menu dropdown-menu-dark text-small shadow">
+<li><a class="dropdown-item" href="/hyper-kitten-meow/admin/logout">Log Out</a></li>
+</ul>
+</nav>
+<div class="col-md-9 col-lg-10 mt-3 px-4">
+<div class="alert alert-danger">There was a problem saving the menu.</div>
+<section>
+<div class="d-flex justify-content-between">
+<h2>Edit My Menu</h2>
+<div class="action">
+<a class="btn btn-secondary" href="/hyper-kitten-meow/admin/menus">Back to Menus</a>
+</div>
+</div>
+<form class="simple_form edit_menu" id="edit_menu_30" novalidate="novalidate" action="/hyper-kitten-meow/admin/menus/30" accept-charset="UTF-8" method="post"><input type="hidden" name="_method" value="patch" autocomplete="off"><div class="mb-3 string required menu_name"><label class="form-label string required" for="menu_name">Name <abbr title="required">*</abbr></label><input class="form-control is-valid string required" type="text" value="My Menu" name="menu[name]" id="menu_name"></div>
+<hr>
+<div class="card">
+<div class="card-body">
+<h4>Menu Items</h4>
+<div data-controller="menu-items-form">
+<template data-menu-items-form-target="template">
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_NEW_RECORD_page_id">Page <abbr title="required">*</abbr></label><select class="form-select select required" name="menu[menu_items_attributes][NEW_RECORD][page_id]" id="menu_menu_items_attributes_NEW_RECORD_page_id"><option value="" label=" "></option>
+<option value="29">My Page 1</option>
+<option value="30">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control hidden" autocomplete="off" type="hidden" name="menu[menu_items_attributes][NEW_RECORD][position]" id="menu_menu_items_attributes_NEW_RECORD_position"></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][NEW_RECORD][_destroy]" id="menu_menu_items_attributes_NEW_RECORD__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_NEW_RECORD_title">Title <abbr title="required">*</abbr></label><input class="form-control string required" type="text" name="menu[menu_items_attributes][NEW_RECORD][title]" id="menu_menu_items_attributes_NEW_RECORD_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_NEW_RECORD_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][NEW_RECORD][url]" id="menu_menu_items_attributes_NEW_RECORD_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+</template>
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_0_page_id">Page <abbr title="required">*</abbr></label><select class="form-select is-valid select required" name="menu[menu_items_attributes][0][page_id]" id="menu_menu_items_attributes_0_page_id"><option value="" label=" "></option>
+<option selected="selected" value="29">My Page 1</option>
+<option value="30">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control is-valid hidden" autocomplete="off" type="hidden" value="1" name="menu[menu_items_attributes][0][position]" id="menu_menu_items_attributes_0_position"></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][0][_destroy]" id="menu_menu_items_attributes_0__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_0_title">Title <abbr title="required">*</abbr></label><input class="form-control is-valid string required" type="text" value="First Item" name="menu[menu_items_attributes][0][title]" id="menu_menu_items_attributes_0_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_0_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][0][url]" id="menu_menu_items_attributes_0_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+<div class="mb-3" data-menu-items-form-target="links">
+<a class="btn btn-success" data-action="click->menu-items-form#addMenuItem" href="#">Add Menu Item</a>
+</div>
+<div class="card menu-item border mb-3" data-menu-items-target="menu-item" data-new-record="true" style="cursor: move">
+<div class="card-body">
+<div class="row">
+<div class="col-1 align-self-center">
+<i class="bi-grip-vertical fs-2"></i>
+</div>
+<div class="col-4">
+<div class="mb-3 select required menu_menu_items_page"><label class="form-label select required" for="menu_menu_items_attributes_1_page_id">Page <abbr title="required">*</abbr></label><select class="form-select is-valid select required" name="menu[menu_items_attributes][1][page_id]" id="menu_menu_items_attributes_1_page_id"><option value="" label=" "></option>
+<option value="29">My Page 1</option>
+<option selected="selected" value="30">My Page 2</option></select></div>
+<div class="mb-3 hidden menu_menu_items_position"><input class="form-control is-invalid hidden" aria-invalid="true" autocomplete="off" type="hidden" value="" name="menu[menu_items_attributes][1][position]" id="menu_menu_items_attributes_1_position"><div class="invalid-feedback">Position can't be blank</div></div>
+<div class="mb-3 hidden menu_menu_items__destroy"><input class="form-control hidden" autocomplete="off" type="hidden" value="false" name="menu[menu_items_attributes][1][_destroy]" id="menu_menu_items_attributes_1__destroy"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 string required menu_menu_items_title"><label class="form-label string required" for="menu_menu_items_attributes_1_title">Title <abbr title="required">*</abbr></label><input class="form-control is-valid string required" type="text" value="Second Item" name="menu[menu_items_attributes][1][title]" id="menu_menu_items_attributes_1_title"></div>
+</div>
+<div class="col-3">
+<div class="mb-3 url optional menu_menu_items_url"><label class="form-label url optional" for="menu_menu_items_attributes_1_url">Url</label><input class="form-control string url optional" type="url" name="menu[menu_items_attributes][1][url]" id="menu_menu_items_attributes_1_url"></div>
+</div>
+<div class="col-1 align-self-center">
+<a class="btn btn-danger" data-action="click->menu-items-form#removeMenuItem" href="#">Remove</a>
+</div>
+</div>
+</div>
+</div>
+<div class="mb-3" data-menu-items-form-target="links">
+<a class="btn btn-success" data-action="click->menu-items-form#addMenuItem" href="#">Add Menu Item</a>
+</div>
+</div>
+</div>
+</div>
+<div class="action mt-3">
+<input type="submit" name="commit" value="Update Menu" class="btn btn-primary" data-disable-with="Update Menu">
+</div>
+</form></section>
+</div>
+</div>
+</div>
+</body></html>