mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-14 13:17:24 +01:00
4978a62829
* client: semantic ui -> bootstrap 4 and less -> scss * start porting components to boostrap * port header, start porting menu * port loading screen * port most of the menu * port secondary menus * port guilds and stable * disable tavern for now, port inbox * typo * put back old tavern code
52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
<template lang="pug">
|
|
.row
|
|
.col-12
|
|
h2 Conversation
|
|
.card(v-for="message in messages")
|
|
.card-block
|
|
strong {{message.from}}
|
|
span {{message.date}}
|
|
p {{message.message}}
|
|
form.form.mt-2(@submit.prevent='reply')
|
|
.form-group
|
|
textarea.form-control(rows="3", v-model='newMessage')
|
|
button.btn.btn-primary(type="submit") Add Reply
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
// @TODO: Abstract to Store
|
|
let messages = [
|
|
{
|
|
from: 'Paglias',
|
|
fromUserId: 1234,
|
|
to: 'TheHollidayInn',
|
|
message: 'I love the Gang of Four',
|
|
date: new Date(),
|
|
},
|
|
];
|
|
|
|
return {
|
|
messages,
|
|
newMessage: '',
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
reply: function reply () {
|
|
// @TODO: This will be default values based on the conversation and current user
|
|
let messageToSend = {
|
|
from: 'TheHollidayInn',
|
|
fromUserId: 3211,
|
|
to: 'Paglias',
|
|
message: this.newMessage,
|
|
date: new Date(),
|
|
};
|
|
this.messages.push(messageToSend);
|
|
this.newMessage = '';
|
|
},
|
|
},
|
|
};
|
|
</script>
|