data-checkbox="modalBio"
)
.card
- div(v-if="st.user.id == id")
+ div(v-if="st.user.id > 0 && st.user.id == uid")
h3.section(@click="modeEdit = !modeEdit") Click to edit
textarea(
- v-if="userBio !== undefined"
- v-show="modeEdit"
+ v-if="userBio !== undefined && modeEdit"
v-model="userBio"
)
button#submitBtn(@click="sendBio()") Submit
@click="modeEdit = !modeEdit"
)
#dialog.text-center {{ st.tr[infoMsg] }}
- span.clickable(@click="showBio()") {{ name }}
+ span(
+ :class="{ clickable: !!uname }"
+ @click="showBio()"
+ )
+ | {{ uname || "@nonymous" }}
</template>
<script>
import { processModalClick } from "@/utils/modalClick.js";
export default {
name: "my-user-bio",
- props: ["id", "name"],
+ props: ["uid", "uname"],
data: function() {
return {
st: store.state,
},
methods: {
showBio: function() {
+ if (!this.uname)
+ // Anonymous users have no bio:
+ return;
this.infoMsg = "";
document.getElementById("modalBio").checked = true;
if (this.userBio === undefined) {
"/userbio",
"GET",
{
- data: { id: this.id },
+ data: { id: this.uid },
success: (res) => {
this.userBio = res.bio;
}
<style lang="sass" scoped>
[type="checkbox"].modal+div .card
- max-width: 768px
+ max-width: 570px
max-height: 100%
#submitBtn