Files
FE_CPONE/test/vuex/one-md-email-config/components/oneMdListing.vue
2026-04-27 10:13:31 +07:00

116 lines
3.0 KiB
Vue

<template>
<v-layout row>
<v-flex xs6 mr-1>
<v-card>
<v-card-title
class="headline grey darken-1 pt-2 pb-2"
primary-title
style="color:white"
>
<h4 >Email Konfigurasi</h4>
</v-card-title>
<v-card-text class="pt-2 pb-2">
<v-layout row>
<v-flex xs6 pa-2 d-flex>
<v-text-field
v-model="server"
label="Server"
></v-text-field>
</v-flex>
<v-flex xs6 pa-2 d-flex>
<v-text-field
v-model="sender"
label="Pengirim"
></v-text-field>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs6 pa-2 d-flex>
<v-text-field
v-model="emailcc"
label="Email CC"
></v-text-field>
</v-flex>
<v-flex xs6 pa-2 >
<v-text-field
v-model="maxretry"
label="Maksimal Pengulangan Pengiriman Otomatis"
></v-text-field>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs12 class="text-md-center" pa-2 d-flex>
<h4>FORMAT EMAIL</h4>
</v-flex>
</v-layout>
<v-layout row>
<v-flex xs12 pa-2 d-flex>
<v-textarea
filled
solo
background-color="amber lighten-4"
color="orange orange-darken-4"
label="Outline textarea"
v-model="formatemail"
rows="18"
></v-textarea>
</v-flex>
</v-layout>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="error" flat>Baca dong !</v-btn>
<v-btn color="black" flat>Tutup</v-btn>
</v-card-actions>
</v-card>
</v-flex>
<v-flex xs6 ml-1>
<v-card>
<v-card-title
class="headline grey darken-1 pt-2 pb-2"
primary-title
style="color:white"
>
<h4 >Tampilan Email</h4>
</v-card-title>
<v-card-text class="pt-2 pb-2">
<v-layout row>
<v-flex xs12 pa-2 v-html="formatemail">
</v-flex>
</v-layout>
</v-layout>
</v-card-text>
</v-card>
</v-flex>
</v-layout>
</template>
<style scoped>
</style>
<script>
module.exports = {
data: () => ({
sender:'Home Service<kita.sms.love@gmail.com>',
server:'smtp.gmail.com',
username:'kita.sms.love@gmail.com',
password:'pgbogxyurbhhsudp',
maxretry:0,
emailcc:'fajri@gmail.com',
formatemail:""
}),
mounted() {
},
computed: {
},
methods : {
}
}
</script>