codecombat/app/templates/clans/clans.jade
Matt Lott 32b48a3c4c Clans v1 UI with mock data
Main clans view shows public list, user’s clans, and create clan form.
Clan details view shows clan details and members list.
2015-03-31 13:28:57 -07:00

74 lines
2.2 KiB
Text

extends /templates/base
block content
ol.breadcrumb
li
a(href="/")
span.glyphicon.glyphicon-home
li.active Clans
div
button.btn.btn-sm.btn-success Create New Clan
span.spr.spl
input(type='text' placeholder='New clan name')
br
div(role='tabpanel')
ul.nav.nav-tabs(role='tablist')
li.active(role='presentation')
a(href='#public-clans' aria-controls='public-clans', role='tab', data-toggle='tab') Public Clans
li(role='presentation')
a(href='#my-clans' aria-controls='my-clans', role='tab', data-toggle='tab') My Clans
.tab-content
.tab-pane.active#public-clans(role='tabpanel')
table.table.table-striped.table-condensed
thead
tr
th Clan Name
th Members
th Owner
th
tbody
each clan in publicClans
tr
td
if clan.owner === 'mrsmith'
a(href="/clans/#{clan.id}", style='font-weight:bold')= clan.title
else
a(href="/clans/#{clan.id}")= clan.title
td= clan.memberCount
td
a(href="/user/#{clan.ownerID}")= clan.owner
td
if !clan.member
button.btn.btn-sm.btn-success Join Clan
else if clan.owner !== 'mrsmith'
button.btn.btn-sm.btn-warning Leave Clan
button.btn.btn-sm Load More
.tab-pane#my-clans(role='tabpanel')
table.table.table-striped.table-condensed
thead
tr
th Clan Name
th Members
th Owner
th
tbody
each clan in myClans
tr
td
if clan.owner === 'mrsmith'
a(href="/clans/#{clan.id}", style='font-weight:bold')= clan.title
else
a(href="/clans/#{clan.id}")= clan.title
td= clan.memberCount
td
a(href="/user/#{clan.ownerID}")= clan.owner
td
if clan.owner !== 'mrsmith'
button.btn.btn-sm.btn-warning Leave Clan
button.btn.btn-sm Load More