LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Add the option for consent form (#6511)

Browse Source 
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Muhsin Keloth
2023-02-28 13:57:05 +05:30
committed by GitHub
parent 42d9b6ffed
commit d5a2756462
5 changed files with 44 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/dashboard/i18n/locale/en/inboxMgmt.json
View File

@@ -476,7 +476,8 @@
"WHATSAPP_SECTION_TITLE": "API Key",
"WHATSAPP_SECTION_UPDATE_TITLE": "Update API Key",
"WHATSAPP_SECTION_UPDATE_PLACEHOLDER": "Enter the new API Key here",
"WHATSAPP_SECTION_UPDATE_BUTTON": "Update"
"WHATSAPP_SECTION_UPDATE_BUTTON": "Update",
"UPDATE_PRE_CHAT_FORM_SETTINGS": "Update Pre Chat Form Settings"
},
"AUTO_ASSIGNMENT": {
"MAX_ASSIGNMENT_LIMIT": "Auto assignment limit",

29
app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
View File

@@ -16,17 +16,19 @@
</select>
</label>
<div v-if="preChatFormEnabled">
<label class="medium-3 columns">
{{ $t('INBOX_MGMT.PRE_CHAT_FORM.PRE_CHAT_MESSAGE.LABEL') }}
<textarea
v-model.trim="preChatMessage"
type="text"
<label class="columns medium-8 large-8">
<label>
{{ $t('INBOX_MGMT.PRE_CHAT_FORM.PRE_CHAT_MESSAGE.LABEL') }}
</label>
<woot-message-editor
v-model="preChatMessage"
class="message-editor"
:placeholder="
$t('INBOX_MGMT.PRE_CHAT_FORM.PRE_CHAT_MESSAGE.PLACEHOLDER')
"
/>
</label>
<div class="medium-8 columns">
<div class="columns medium-8 large-8 pre-chat-fields">
<label>{{ $t('INBOX_MGMT.PRE_CHAT_FORM.SET_FIELDS') }}</label>
<table class="table table-striped w-full">
<thead class="thead-dark">
@@ -65,7 +67,10 @@
</div>
</div>
<woot-submit-button
:button-text="$t('INBOX_MGMT.SETTINGS_POPUP.UPDATE')"
class="submit-button"
:button-text="
$t('INBOX_MGMT.SETTINGS_POPUP.UPDATE_PRE_CHAT_FORM_SETTINGS')
"
:loading="uiFlags.isUpdating"
/>
</form>
@@ -76,10 +81,11 @@ import { mapGetters } from 'vuex';
import alertMixin from 'shared/mixins/alertMixin';
import PreChatFields from './PreChatFields.vue';
import { getPreChatFields, standardFieldKeys } from 'dashboard/helper/preChat';
import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor';
export default {
components: {
PreChatFields,
WootMessageEditor,
},
mixins: [alertMixin],
props: {
@@ -171,4 +177,11 @@ export default {
.pre-chat--title {
margin: var(--space-medium) 0 var(--space-slab);
}
.submit-button {
margin-top: var(--space-normal);
}
.pre-chat-fields {
margin-top: var(--space-normal);
}
</style>