Skip to content

Commit 9f04169

Browse files
erikssoneriksson
committed
update web ui - add components to select the SIM card to use when sending a message.
1 parent 805f46d commit 9f04169

3 files changed

Lines changed: 49 additions & 4 deletions

File tree

‎web/pages/messages/index.vue‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,22 @@
2929
placeholder="Enter your message here"
3030
label="Content"
3131
></v-textarea>
32+
<div style="width: 175px">
33+
<v-select
34+
v-model="simSelected"
35+
:items="simOptions"
36+
item-text="title"
37+
item-value="code"
38+
persistent-hint
39+
return-object
40+
single-line
41+
solo
42+
>
43+
<template v-slot:append>
44+
<v-icon>{{ mdiSim }}</v-icon>
45+
</template>
46+
</v-select>
47+
</div>
3248
<v-btn
3349
type="submit"
3450
class="primary"
@@ -47,7 +63,7 @@
4763
</template>
4864

4965
<script>
50-
import { mdiArrowLeft, mdiSend } from '@mdi/js'
66+
import { mdiArrowLeft, mdiSend, mdiSim } from '@mdi/js'
5167
import axios from '@/plugins/axios'
5268
5369
export default {
@@ -57,6 +73,9 @@ export default {
5773
return {
5874
mdiArrowLeft,
5975
mdiSend,
76+
mdiSim,
77+
simOptions: [{ title: 'Default', code: 'DEFAULT' }, { title: 'SIM 1', code: 'ISMS' }, { title: 'SIM 2', code: 'ISMS2' }],
78+
simSelected: { title: 'Default', code: 'DEFAULT' },
6079
sending: false,
6180
formPhoneNumber: '',
6281
formContent: '',
@@ -78,6 +97,7 @@ export default {
7897
to: this.formPhoneNumber,
7998
from: this.$store.getters.getOwner,
8099
content: this.formContent,
100+
sim: this.simSelected.code,
81101
})
82102
.then(() => {
83103
this.$store.dispatch('addNotification', {

‎web/pages/threads/_id/index.vue‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -193,13 +193,30 @@
193193
lazy-validation
194194
@submit.prevent="sendMessage"
195195
>
196+
<div style="width: 150px">
197+
<v-select
198+
v-model="simSelected"
199+
:items="simOptions"
200+
item-text="title"
201+
item-value="code"
202+
persistent-hint
203+
return-object
204+
single-line
205+
rounded
206+
filled
207+
>
208+
<template v-slot:append>
209+
<v-icon>{{ mdiSim }}</v-icon>
210+
</template>
211+
</v-select>
212+
</div>
196213
<v-text-field
197214
ref="messageInput"
198215
v-model="formMessage"
199216
:disabled="submitting || !contactIsPhoneNumber"
200217
:rows="1"
201218
filled
202-
class="no-scrollbar"
219+
class="no-scrollbar ml-2"
203220
:rules="formMessageRules"
204221
:placeholder="
205222
contactIsPhoneNumber
@@ -249,9 +266,10 @@ import {
249266
mdiPackageDown,
250267
mdiAccount,
251268
mdiRefresh,
269+
mdiSim,
252270
} from '@mdi/js'
253271
import { Message } from '~/models/message'
254-
import { SendMessageRequest } from '~/store'
272+
import { SendMessageRequest, SIM } from '~/store'
255273
256274
export default Vue.extend({
257275
middleware: ['auth'],
@@ -276,6 +294,9 @@ export default Vue.extend({
276294
mdiPackageDown,
277295
mdiAccount,
278296
mdiRefresh,
297+
mdiSim,
298+
simOptions: [{ title: 'Default', code: 'DEFAULT' }, { title: 'SIM 1', code: 'ISMS' }, { title: 'SIM 2', code: 'ISMS2' }],
299+
simSelected: { title: 'Default', code: 'DEFAULT' },
279300
formMessage: '',
280301
formMessageRules,
281302
submitting: false,
@@ -419,6 +440,7 @@ export default Vue.extend({
419440
from: this.$store.getters.getOwner,
420441
to: this.$store.getters.getThread.contact,
421442
content: this.formMessage,
443+
sim: this.simSelected.code as SIM,
422444
}
423445
424446
await this.$store.dispatch('sendMessage', request)

‎web/store/index.ts‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -265,10 +265,13 @@ export const mutations = {
265265
},
266266
}
267267

268+
export type SIM = "ISMS" | "ISMS2" | "DEFAULT";
269+
268270
export type SendMessageRequest = {
269271
from: string
270272
to: string
271-
content: string
273+
content: string,
274+
sim: SIM
272275
}
273276

274277
export const actions = {

0 commit comments

Comments
 (0)