lks/websocket-chat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lks:6d24f036488865d752394bff128d21ac6a675474
Branches Tags
lks:main
..
compare: lks:6d8ba5cc773b905192524d2159ae55b1f8d95b27
Branches Tags
lks:main

2 Commits
6d24f03648 ... 6d8ba5cc77

Author SHA1 Message Date
Lucas Schumacher
6d8ba5cc77 Use better way to check if logged in 2023-11-06 11:28:10 -05:00
Lucas Schumacher
6e5915fbbd Add new message style 2023-11-06 11:00:28 -05:00
2 changed files with 9 additions and 2 deletions
Show Stats Expand all files Collapse all files

8
client/src/components/Chat.vue
View File

@ -42,15 +42,21 @@ onMounted(async () => {
<template> <template>
<main> <main>
<div class="overflow-auto position-relative pb-5"> <div class="overflow-auto position-relative pb-5">
<!--
<div v-for="msg in msgs" class="card m-3 text-bg-secondary"> <div v-for="msg in msgs" class="card m-3 text-bg-secondary">
<div class="card-body">{{ msg.username }}: {{ msg.message }}</div> <div class="card-body">{{ msg.username }}: {{ msg.message }}</div>
</div> </div>
<!--
<div v-for="msg in msgs" class="input-group"> <div v-for="msg in msgs" class="input-group">
<div class="alert alert-primary">{{ msg.username }}</div> <div class="alert alert-primary">{{ msg.username }}</div>
<div class="alert alert-secondary">{{ msg.message }}</div> <div class="alert alert-secondary">{{ msg.message }}</div>
</div> </div>
--> -->
<div v-for="msg in msgs" class="d-flex text-body-secondary pt-2 px-3 border-bottom">
<p class="pb-2 mb-0 small lh-sm">
<strong class="d-block text-gray-dark">{{ msg.username }}</strong>
{{ msg.message }}
</p>
</div>
<form onsubmit="event.preventDefault();" class="container-fluid fixed-bottom mb-3"> <form onsubmit="event.preventDefault();" class="container-fluid fixed-bottom mb-3">
<div class="input-group"> <div class="input-group">
<input v-model="input" type="text" class="form-control text-bg-secondary" placeholder="Type message here" <input v-model="input" type="text" class="form-control text-bg-secondary" placeholder="Type message here"

3
client/src/components/Header.vue
View File

@ -41,7 +41,8 @@ async function signout(ev) {
<div class="offcanvas-body px-2"> <div class="offcanvas-body px-2">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3"> <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li v-if="modelValue !== ''" class="nav-item mx-2 mt-2"> <!--<li v-if="modelValue !== ''" class="nav-item mx-2 mt-2">-->
<li v-if="modelValue.hasOwnProperty('username')" class="nav-item mx-2 mt-2">
<button @click="signout" class="btn btn-outline-success">Sign out</button> <button @click="signout" class="btn btn-outline-success">Sign out</button>
</li> </li>
<li class="nav-item mf-3 mt-1"> <li class="nav-item mf-3 mt-1">