itepechi
/
akkoma-fe
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

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.
This commit is contained in:
Ilja 2022-03-20 09:31:36 +01:00
parent c9e4b6e7a1
commit 1d42d05c1f
2 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/report/report.js
View File

@ -1,3 +1,4 @@
import Select from '../select/select.vue'
import StatusContent from '../status_content/status_content.vue' import StatusContent from '../status_content/status_content.vue'
import Timeago from '../timeago/timeago.vue' import Timeago from '../timeago/timeago.vue'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator' import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@ -7,6 +8,7 @@ const Report = {
'reportId' 'reportId'
], ],
components: { components: {
Select,
StatusContent, StatusContent,
Timeago Timeago
}, },

31
src/components/report/report.vue
View File

@ -14,28 +14,19 @@
</div> </div>
<div class="report-state"> <div class="report-state">
<span>{{ $t('report.state') }}</span> <span>{{ $t('report.state') }}</span>
<label <Select
for="report-state" :id="report-state"
class="select" v-model="state"
class="form-control"
> >
<select <option
id="report-state" v-for="state in ['open', 'closed', 'resolved']"
v-model="state" :key="state"
class="form-control" :value="state"
> >
<option {{ $t('report.state_' + state) }}
v-for="state in ['open', 'closed', 'resolved']" </option>
:key="state" </Select>
:value="state"
>
{{ $t('report.state_' + state) }}
</option>
</select>
<FAIcon
class="select-down-icon"
icon="chevron-down"
/>
</label>
</div> </div>
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<div <div