Skip to content
Snippets Groups Projects
Commit 1d42d05c authored by Ilja's avatar Ilja
Browse files

Use Select component

After merging develop, the dropdown didn't format properly any more because selects have been made into a component. Here I turn the select into a component as well.
parent c9e4b6e7
No related branches found
No related tags found
2 merge requests!1711Update stable - 2.5.0 release,!1322#949 Feat/report notification
import Select from '../select/select.vue'
import StatusContent from '../status_content/status_content.vue'
import Timeago from '../timeago/timeago.vue'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
......@@ -7,6 +8,7 @@ const Report = {
'reportId'
],
components: {
Select,
StatusContent,
Timeago
},
......
......@@ -14,28 +14,19 @@
</div>
<div class="report-state">
<span>{{ $t('report.state') }}</span>
<label
for="report-state"
class="select"
<Select
:id="report-state"
v-model="state"
class="form-control"
>
<select
id="report-state"
v-model="state"
class="form-control"
<option
v-for="state in ['open', 'closed', 'resolved']"
:key="state"
:value="state"
>
<option
v-for="state in ['open', 'closed', 'resolved']"
:key="state"
:value="state"
>
{{ $t('report.state_' + state) }}
</option>
</select>
<FAIcon
class="select-down-icon"
icon="chevron-down"
/>
</label>
{{ $t('report.state_' + state) }}
</option>
</Select>
</div>
<!-- eslint-disable vue/no-v-html -->
<div
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment