FE: Import project page - fix console warnings and errors
Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.
Various warnings and errors observed on master in console. on the page http://127.0.0.1:3000/projects/new#import_project
HTML warnings
[DOM] Found 4 elements with non-unique id #new_project: (More info: https://goo.gl/9p2vKq)
<form class="new_project gl-mt-3" id="new_project" action="/projects" accept-charset="UTF-8" method="post">…</form>
<form class="new_project" id="new_project" action="/projects" accept-charset="UTF-8" method="post">…</form> <form class="new_project" id="new_project" action="/projects" accept-charset="UTF-8" method="post">…</form>
<form class="new_project gl-show-field-errors js-project-import" id="new_project" action="/projects" accept-charset="UTF-8" method="post">…</form>
Found 4 elements with non-unique id #project_ci_cd_only: (More info: https://goo.gl/9p2vKq)
<input value="false" autocomplete="off" type="hidden" name="project[ci_cd_only]" id="project_ci_cd_only">
<input value="false" autocomplete="off" type="hidden" name="project[ci_cd_only]" id="project_ci_cd_only">
<input value="true" autocomplete="off" type="hidden" name="project[ci_cd_only]" id="project_ci_cd_only"> <input value="false" autocomplete="off" type="hidden" name="project[ci_cd_only]" id="project_ci_cd_only">
There are at least 10 warnings like the above regarding ids.
Vue warnings
Injection "identityVerificationRequired" not found
found in
---> <NewNamespacePage>
[Vue warn]: Property or method "identityVerificationRequired" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
Edited by 🤖 GitLab Bot 🤖