147 lines
4.0 KiB
Vue
147 lines
4.0 KiB
Vue
<template>
|
|
<v-layout row>
|
|
<v-dialog
|
|
v-model="dialog_add"
|
|
width="500"
|
|
>
|
|
|
|
<v-card>
|
|
<v-card-title
|
|
class="headline grey lighten-2"
|
|
primary-title
|
|
>
|
|
Tambahkan Kalimat
|
|
</v-card-title>
|
|
|
|
<v-card-text>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</v-card-text>
|
|
|
|
<v-divider></v-divider>
|
|
|
|
<v-card-actions>
|
|
<v-spacer></v-spacer>
|
|
<v-btn
|
|
color="primary"
|
|
flat
|
|
@click="dialog_add = false"
|
|
>
|
|
Batal
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
<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>
|