Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <div>
- <div
- class="MuiContainer-root MuiContainer-maxWidthLg"
- >
- <div
- class="MuiBox-root MuiBox-root-2"
- >
- <h3
- class="MuiTypography-root MuiTypography-h3"
- >
- New Book
- </h3>
- </div>
- <div
- class="makeStyles-returnLink-1"
- >
- <a
- class="MuiTypography-root MuiLink-root MuiLink-underlineHover MuiTypography-body1 MuiTypography-colorPrimary"
- href="/books"
- >
- all books
- </a>
- </div>
- <div />
- <form>
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <h4
- class="MuiTypography-root MuiTypography-h4"
- >
- Basic Data
- </h4>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-8"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
- data-shrink="true"
- for="name"
- id="name-label"
- >
- Name
- </label>
- <div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiInput-input"
- id="name"
- name="name"
- type="text"
- value=""
- />
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
- data-shrink="true"
- for="wordCount"
- id="wordCount-label"
- >
- Word Count
- </label>
- <div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiInput-input"
- id="wordCount"
- name="wordCount"
- type="number"
- value=""
- />
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
- data-shrink="true"
- for="level"
- id="level-label"
- >
- Level
- </label>
- <div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
- >
- <input
- aria-describedby="level-helper-text"
- aria-invalid="false"
- class="MuiInputBase-input MuiInput-input"
- id="level"
- name="level"
- type="number"
- value=""
- />
- </div>
- <p
- class="MuiFormHelperText-root MuiFormHelperText-filled"
- id="level-helper-text"
- >
- Corresponds (mostly) to ORT level.
- </p>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
- data-shrink="true"
- for="order"
- id="order-label"
- >
- Order
- </label>
- <div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
- >
- <input
- aria-describedby="order-helper-text"
- aria-invalid="false"
- class="MuiInputBase-input MuiInput-input"
- id="order"
- name="order"
- type="number"
- value=""
- />
- </div>
- <p
- class="MuiFormHelperText-root MuiFormHelperText-filled"
- id="order-helper-text"
- >
- Defines a book's order within a level.
- </p>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-4"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink"
- data-shrink="true"
- >
- Part (optional)
- </label>
- <div
- class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiInput-input"
- name="part"
- type="number"
- value=""
- />
- </div>
- <p
- class="MuiFormHelperText-root"
- >
- Used to split books into multiple parts.
- </p>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <h4
- class="MuiTypography-root MuiTypography-h4"
- >
- Key Words
- </h4>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Key Word 1
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordWord0"
- name="keyWords.0.word"
- type="text"
- value="keyWord1"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Key Word 1
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordPage0"
- name="keyWords.0.page"
- type="text"
- value="page"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Key Word 2
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordWord1"
- name="keyWords.1.word"
- type="text"
- value="keyWord2"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Key Word 2
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordPage1"
- name="keyWords.1.page"
- type="text"
- value="page"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Key Word 3
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordWord2"
- name="keyWords.2.word"
- type="text"
- value="keyWord3"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Key Word 3
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordPage2"
- name="keyWords.2.page"
- type="text"
- value="page"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Key Word 4
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordWord3"
- name="keyWords.3.word"
- type="text"
- value="keyWord4"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Key Word 4
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordPage3"
- name="keyWords.3.page"
- type="text"
- value="page"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Key Word 5
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordWord4"
- name="keyWords.4.word"
- type="text"
- value="keyWord5"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Key Word 5
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="keyWordPage4"
- name="keyWords.4.page"
- type="text"
- value="page"
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <h4
- class="MuiTypography-root MuiTypography-h4"
- >
- Questions
- </h4>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Question 1
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionQuestion0"
- name="questions.0.question"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Question 1
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionPage0"
- name="questions.0.page"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- name="questions.0.hint"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1"
- >
- <button
- class="MuiButtonBase-root MuiIconButton-root"
- data-testid="deleteIcon0"
- tabindex="0"
- type="button"
- >
- <span
- class="MuiIconButton-label"
- >
- <svg
- aria-hidden="true"
- class="MuiSvgIcon-root"
- focusable="false"
- viewBox="0 0 24 24"
- >
- <path
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
- />
- </svg>
- </span>
- <span
- class="MuiTouchRipple-root"
- />
- </button>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Question 2
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionQuestion1"
- name="questions.1.question"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Question 2
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionPage1"
- name="questions.1.page"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- name="questions.1.hint"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1"
- >
- <button
- class="MuiButtonBase-root MuiIconButton-root"
- data-testid="deleteIcon1"
- tabindex="0"
- type="button"
- >
- <span
- class="MuiIconButton-label"
- >
- <svg
- aria-hidden="true"
- class="MuiSvgIcon-root"
- focusable="false"
- viewBox="0 0 24 24"
- >
- <path
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
- />
- </svg>
- </span>
- <span
- class="MuiTouchRipple-root"
- />
- </button>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12"
- >
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1"
- >
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled"
- data-shrink="true"
- >
- Question 3
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionQuestion2"
- name="questions.2.question"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Question 3
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-2"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-outlined MuiFormLabel-filled Mui-focused Mui-focused"
- data-shrink="true"
- >
- Page
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth Mui-focused Mui-focused MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- data-testid="questionPage2"
- name="questions.2.page"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5 PrivateNotchedOutline-legendNotched-6"
- >
- <span>
- Page
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3"
- >
- <div
- class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth"
- >
- <label
- class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-outlined"
- data-shrink="false"
- >
- Hint (optional)
- </label>
- <div
- class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-fullWidth MuiInputBase-formControl"
- >
- <input
- aria-invalid="false"
- class="MuiInputBase-input MuiOutlinedInput-input"
- name="questions.2.hint"
- type="text"
- value=""
- />
- <fieldset
- aria-hidden="true"
- class="PrivateNotchedOutline-root-3 MuiOutlinedInput-notchedOutline"
- >
- <legend
- class="PrivateNotchedOutline-legendLabelled-5"
- >
- <span>
- Hint (optional)
- </span>
- </legend>
- </fieldset>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-1"
- >
- <button
- class="MuiButtonBase-root MuiIconButton-root"
- data-testid="deleteIcon2"
- tabindex="0"
- type="button"
- >
- <span
- class="MuiIconButton-label"
- >
- <svg
- aria-hidden="true"
- class="MuiSvgIcon-root"
- focusable="false"
- viewBox="0 0 24 24"
- >
- <path
- d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"
- />
- </svg>
- </span>
- <span
- class="MuiTouchRipple-root"
- />
- </button>
- </div>
- </div>
- </div>
- <div
- class="MuiGrid-root MuiGrid-item"
- >
- <button
- class="MuiButtonBase-root MuiButton-root MuiButton-outlined"
- tabindex="0"
- type="button"
- >
- <span
- class="MuiButton-label"
- >
- add question
- </span>
- <span
- class="MuiTouchRipple-root"
- />
- </button>
- </div>
- <div
- class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-justify-xs-space-between"
- >
- <div
- class="MuiGrid-root MuiGrid-item"
- >
- <button
- class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary"
- data-testid="submit-button"
- tabindex="0"
- type="submit"
- >
- <span
- class="MuiButton-label"
- >
- submit
- </span>
- <span
- class="MuiTouchRipple-root"
- />
- </button>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement