Add more helpful classes and ids

This commit is contained in:
Joey Yakimowich-Payne 2018-07-16 14:49:06 +09:00
commit d422b07394
4 changed files with 15 additions and 12 deletions

View file

@ -87,7 +87,7 @@ when defined(js):
text state.error.get().message text state.error.get().message
tdiv(class="edit-buttons"): tdiv(class="edit-buttons"):
tdiv(class="reply-button"): tdiv(class="cancel-button"):
button(class="btn btn-link", button(class="btn btn-link",
onClick=(e: Event, n: VNode) => (state.onEditCancel())): onClick=(e: Event, n: VNode) => (state.onEditCancel())):
text " Cancel" text " Cancel"
@ -95,4 +95,4 @@ when defined(js):
button(class=class({"loading": state.loading}, "btn btn-primary"), button(class=class({"loading": state.loading}, "btn btn-primary"),
onClick=(e: Event, n: VNode) => state.save()): onClick=(e: Event, n: VNode) => state.save()):
italic(class="fas fa-check") italic(class="fas fa-check")
text " Save" text " Save"

View file

@ -149,4 +149,4 @@ proc render(): VNode =
]) ])
window.onPopState = onPopState window.onPopState = onPopState
setRenderer render setRenderer render

View file

@ -78,10 +78,11 @@ when defined(js):
"data-sitekey"=recaptchaSiteKey.get()) "data-sitekey"=recaptchaSiteKey.get())
script(src="https://www.google.com/recaptcha/api.js") script(src="https://www.google.com/recaptcha/api.js")
tdiv(class="modal-footer"): tdiv(class="modal-footer"):
button(class=class({"loading": state.loading}, "btn btn-primary"), button(class=class({"loading": state.loading},
onClick=(ev: Event, n: VNode) => onSignUpClick(ev, n, state)): "btn btn-primary create-account-btn"),
onClick=(ev: Event, n: VNode) => onSignUpClick(ev, n, state)):
text "Create account" text "Create account"
button(class="btn", button(class="btn login-btn",
onClick=(ev: Event, n: VNode) => onClick=(ev: Event, n: VNode) =>
(state.onLogIn(); state.shown = false)): (state.onLogIn(); state.shown = false)):
text "Log in" text "Log in"
@ -92,4 +93,4 @@ when defined(js):
onClick=(ev: Event, n: VNode) => onClick=(ev: Event, n: VNode) =>
(state.shown = false; anchorCB(ev, n))): (state.shown = false; anchorCB(ev, n))):
text "content license" text "content license"
text "." text "."

View file

@ -24,7 +24,7 @@ when defined(js):
proc render*(state: UserMenu, user: User): VNode = proc render*(state: UserMenu, user: User): VNode =
result = buildHtml(): result = buildHtml():
tdiv(): tdiv(id="profile-btn"):
figure(class="avatar c-hand", figure(class="avatar c-hand",
onClick=(e: Event, n: VNode) => onClick(e, n, state)): onClick=(e: Event, n: VNode) => onClick(e, n, state)):
img(src=user.avatarUrl, title=user.name) img(src=user.avatarUrl, title=user.name)
@ -52,13 +52,15 @@ when defined(js):
tdiv(class="tile-icon"): tdiv(class="tile-icon"):
img(class="avatar", src=user.avatarUrl, img(class="avatar", src=user.avatarUrl,
title=user.name) title=user.name)
tdiv(class="tile-content"): tdiv(id="profile-name", class="tile-content"):
text user.name text user.name
li(class="divider") li(class="divider")
li(class="menu-item"): li(class="menu-item"):
a(href=makeUri("/profile/" & user.name)): a(id="myprofile-btn",
href=makeUri("/profile/" & user.name)):
text "My profile" text "My profile"
li(class="menu-item c-hand"): li(class="menu-item c-hand"):
a(onClick = (e: Event, n: VNode) => a(id="logout-btn",
onClick = (e: Event, n: VNode) =>
(state.shown=false; state.onLogout())): (state.shown=false; state.onLogout())):
text "Logout" text "Logout"