<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>initializing of reloaded html fields #210</title>
    <script src="./210.mjs" type="module"></script>
</head>
<body>
<h1>initializing of reloaded html fields #210</h1>
<p></p>
<ul>
    <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/210">Issue #210</a></li>
    <li><a href="/">Back to overview</a></li>
</ul>
<main>

    <monster-datasource-rest id="ds210"
                             data-monster-option-read-url="/issue-210.json"
                             data-monster-option-write-url="/issue-210"
                             data-monster-option-write-acceptedstatus="400::200"                             
                             data-monster-option-features-autoinit="true">
    </monster-datasource-rest>

    <monster-dataset data-monster-option-index="0"
                     data-monster-option-datasource-selector="#ds210"
                     data-monster-option-mapping-data="">
        ID:
        <div data-monster-replace="path:data.id"></div>
        <div data-monster-replace="path:data.name"></div>
    </monster-dataset>


    <monster-form data-monster-option-datasource-selector="#ds210"
                  data-monster-option-mapping-data=""
                  data-monster-option-features-mutationobserver="true"
    >

        <monster-field-set data-monster-option-labels-title="my title">

            <label for="id">field id</label><input id="id" type="number"
                                                   data-monster-attributes="value path:data.id"
                                                   data-monster-bind="path:data.id">

            <label for="name">field name</label><input id="name" data-monster-attributes="value path:data.name">
        </monster-field-set>
        <monster-field-set data-monster-option-labels-title="">

            <monster-datasource-save-button data-monster-option-datasource-selector="#ds210">ok
            </monster-datasource-save-button>

        </monster-field-set>


    </monster-form>

</main>
</body>
</html>