X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FUserBio.vue;h=89c146abe00574c270f41f678a14ff99feae8f43;hb=aa6d9b33f70c9baccac98ab41c72d2bd787eac83;hp=c954f3d80b6ee2a834b8d61a6988742dfe996982;hpb=dd10eb93984e629c4ee5a07cd3b875fdb20f0460;p=vchess.git
diff --git a/client/src/components/UserBio.vue b/client/src/components/UserBio.vue
index c954f3d8..89c146ab 100644
--- a/client/src/components/UserBio.vue
+++ b/client/src/components/UserBio.vue
@@ -1,26 +1,40 @@
-div
- input#modalBio.modal(type="checkbox")
- div#bioDiv(
+div(:id="'player_' + uid")
+ input.modal(
+ :id="'modalBio_' + uid"
+ type="checkbox"
+ )
+ .bio-div(
role="dialog"
- data-checkbox="modalBio"
+ :data-checkbox="'modalBio_' + uid"
)
.card
- div(v-if="st.user.id == id")
- h3.section(@click="modeEdit = !modeEdit") Click to edit
- textarea(
- v-if="userBio !== undefined"
- v-show="modeEdit"
- v-model="userBio"
- )
- button#submitBtn(@click="sendBio()") Submit
- div(
+ div(v-if="st.user.id == uid")
+ .buttons
+ button(@click="toggleEdit()")
+ | {{ st.tr[modeEdit ? "Cancel" : "Edit"] }}
+ button(
+ v-show="modeEdit"
+ @click="sendBio()"
+ )
+ | {{ st.tr["Send"] }}
+ fieldset(v-if="userBio !== undefined && modeEdit")
+ textarea(
+ @input="adjustHeight()"
+ v-model="userBio"
+ )
+ h3 {{ uname }}
+ .bio-content(
v-if="userBio !== undefined"
- v-html="userBio"
+ v-html="parseHtml(userBio)"
@click="modeEdit = !modeEdit"
)
- #dialog.text-center {{ st.tr[infoMsg] }}
- span.clickable(@click="showBio()") {{ name }}
+ .dialog.text-center {{ st.tr[infoMsg] }}
+ span(
+ :class="{ clickable: !!uname }"
+ @click="showBio()"
+ )
+ | {{ uname || "@nonymous" }}
+
+