From 66c7cfb7ae4ee4b5fb13b360a563e09d8074bb19 Mon Sep 17 00:00:00 2001
From: "J.-S. Caux" <J.S.Caux@uva.nl>
Date: Tue, 22 Jun 2021 08:33:44 +0200
Subject: [PATCH] Start removing b-form
---
.../assets/vue/components/MessageComposer.vue | 44 +++++++--------
.../assets/vue/components/TagListEditable.vue | 55 ++++++++-----------
2 files changed, 44 insertions(+), 55 deletions(-)
diff --git a/scipost_django/apimail/static/apimail/assets/vue/components/MessageComposer.vue b/scipost_django/apimail/static/apimail/assets/vue/components/MessageComposer.vue
index 739f01f82..80022f30f 100644
--- a/scipost_django/apimail/static/apimail/assets/vue/components/MessageComposer.vue
+++ b/scipost_django/apimail/static/apimail/assets/vue/components/MessageComposer.vue
@@ -71,32 +71,32 @@
<span
class="my-1 p-1 bg-info"
>Add an email address to your address book</span>
- <b-form
+ <form
@submit.prevent="addNewEmailToAddressBook(newEmail, newEmailDescription)"
>
- <b-input-group>
- <b-form-input
- v-model="newEmail"
- id="new-email-form"
- type="email"
+ <div class="input-group input-group-sm">
+ <input
+ v-model="newEmail"
+ type="text"
+ class="form-control"
placeholder="email"
- size="sm"
- >
- </b-form-input>
- <b-input-group-append>
- <button type="submit" class="btn btn-sm btn-primary">Add</button>
- </b-input-group-append>
- </b-input-group>
- <b-input-group>
- <b-form-input
- v-model="newEmailDescription"
- id="new-email-description"
+ >
+ <button
+ type="submit"
+ class="btn btn-sm btn-primary"
+ >
+ Add
+ </button>
+ </div>
+ <div class="input-group input-group-sm mb-3">
+ <input
+ v-model="newEmailDescription"
+ type="text"
+ class="form-control"
placeholder="description (optional)"
- size="sm"
- >
- </b-form-input>
- </b-input-group>
- </b-form>
+ >
+ </div>
+ </form>
<div v-if="addNewEmailResponse">
<ul class="mb-0">
<li>Added: {{ addNewEmailResponse.address }} <span v-if="addNewEmailResponse.can_send" class="text-success">Can send</span><span v-else><strong class="text-danger">Cannot send: {{ addNewEmailResponse.result }}</strong></span></li>
diff --git a/scipost_django/apimail/static/apimail/assets/vue/components/TagListEditable.vue b/scipost_django/apimail/static/apimail/assets/vue/components/TagListEditable.vue
index 55ca33bb5..46b5d7e2b 100644
--- a/scipost_django/apimail/static/apimail/assets/vue/components/TagListEditable.vue
+++ b/scipost_django/apimail/static/apimail/assets/vue/components/TagListEditable.vue
@@ -34,44 +34,33 @@
</ul>
</div>
</template>
- <b-form
- >
- <b-form-group
- id="label"
- label="Label:"
- label-for="input-label"
- >
- <b-form-input
- id="input-label"
+ <form>
+ <div class="input-group mb-3">
+ <span class="input-group-text">Label</span>
+ <input
+ type="text"
+ class="form-control"
v-model="newTagForm.label"
- required
placeholder="Up to 16 characters"
>
- </b-form-input>
- </b-form-group>
- <b-form-group
- id="text-color"
- label="Text color:"
- label-for="input-text-color"
- >
- <b-form-input
- id="input-text-color"
+ </div>
+ <div class="input-group mb-3">
+ <span class="input-group-text">Text color</span>
+ <input
+ type="color"
+ class="form-control"
v-model="newTagForm.textColor"
- type="color">
- </b-form-input>
- </b-form-group>
- <b-form-group
- id="bg-color"
- label="Background color:"
- label-for="input-bg-color"
- >
- <b-form-input
- id="input-bg-color"
+ >
+ </div>
+ <div class="input-group mb-3">
+ <span class="input-group-text">Background color</span>
+ <input
+ type="color"
+ class="form-control"
v-model="newTagForm.bgColor"
- type="color">
- </b-form-input>
- </b-form-group>
- </b-form>
+ >
+ </div>
+ </form>
<button
class="btn btn-success text-white"
@click.stop.prevent="createNewTag"
--
GitLab