Merged user checks with venues, no more tabs

This commit is contained in:
Sahat Yalkabov
2013-12-05 14:57:47 -05:00
parent 18a53bca71
commit e62d67fe5e
3 changed files with 41 additions and 61 deletions

View File

@ -237,7 +237,6 @@ label-info {
> li { > li {
> a { > a {
color: #555; color: #555;
border: 1px solid transparent;
border-radius: 0; border-radius: 0;
transition: all 0.3s; transition: all 0.3s;
@ -248,7 +247,6 @@ label-info {
} }
} }
// Active state, and it's :hover to override normal :hover
&.active > a { &.active > a {
&, &,
&:hover, &:hover,

View File

@ -17,62 +17,52 @@ block content
else else
h1 h1
i.fa.fa-foursquare i.fa.fa-foursquare
| Foursquare APIs | Foursquare APIs
.btn-group.btn-group-justified .btn-group.btn-group-justified
a.btn.btn-lg.btn-primary-outline(href='https://developer.foursquare.com/start', target='_blank') a.btn.btn-lg.btn-primary(href='https://developer.foursquare.com/start', target='_blank')
i.fa.fa-check-square-o i.fa.fa-check-square-o
| Getting Started | Getting Started
a.btn.btn-lg.btn-primary-outline(href='https://developer.foursquare.com/docs/explore', target='_blank') a.btn.btn-lg.btn-primary(href='https://developer.foursquare.com/docs/explore', target='_blank')
i.fa.fa-laptop i.fa.fa-laptop
| API Console | API Console
a.btn.btn-lg.btn-primary-outline(href='https://developer.foursquare.com/docs/', target='_blank') a.btn.btn-lg.btn-primary(href='https://developer.foursquare.com/docs/', target='_blank')
i.fa.fa-code-fork i.fa.fa-code-fork
| API Endpoints | API Endpoints
ul.nav.nav-tabs.nav-justified h3.text-primary Trending Venues
li.active table.dataTable.table.table-striped.table-bordered
a(href='#venues', data-toggle='tab') Venues thead
li tr
a(href='#users', data-toggle='tab') Users th Name
.tab-content th.hidden-xs.hidden-sm Category
#venues.tab-pane.fade.active.in th.hidden-xs Checkins
h3.text-primary Trending Venues th Here Now
tbody
for venue in trendingVenues.venues
tr
td= venue.name
td.hidden-xs.hidden-sm #{venue.categories[0].name}
td.hidden-xs #{venue.stats.checkinsCount}
td= venue.hereNow.count
h3.text-primary Venue Detail
p
img(src='#{venueDetail.venue.photos.groups[0].items[0].prefix}150x150#{venueDetail.venue.photos.groups[0].items[0].suffix}')
.label.label-primary #{venueDetail.venue.name} (#{venueDetail.venue.categories[0].shortName})
.label.label-success #{venueDetail.venue.location.address}, #{venueDetail.venue.location.city}, #{venueDetail.venue.location.state}
.label.label-warning #{venueDetail.venue.likes.count} likes, #{venueDetail.venue.rating} rating
table.dataTable.table.table-striped.table-bordered h3.text-primary User Checkins
thead table.dataTable.table.table-bordered.table-hover
tr thead
th Name tr
th.hidden-xs.hidden-sm Category th Name
th.hidden-xs Checkins th Location
th Here Now th Category
tbody th Checkins
for venue in trendingVenues.venues tbody
tr for checkin in userCheckins.checkins.items
td= venue.name tr
td.hidden-xs.hidden-sm #{venue.categories[0].name} td= checkin.venue.name
td.hidden-xs #{venue.stats.checkinsCount} td #{checkin.venue.location.address}, #{checkin.venue.location.city}, #{checkin.venue.location.state}
td= venue.hereNow.count td= checkin.venue.categories[0].shortName
p td= checkin.venue.stats.checkinsCount
h3.text-primary Venue Detail
p
img(src='#{venueDetail.venue.photos.groups[0].items[0].prefix}150x150#{venueDetail.venue.photos.groups[0].items[0].suffix}')
.label.label-primary #{venueDetail.venue.name} (#{venueDetail.venue.categories[0].shortName})
.label.label-success #{venueDetail.venue.location.address}, #{venueDetail.venue.location.city}, #{venueDetail.venue.location.state}
.label.label-warning #{venueDetail.venue.likes.count} likes, #{venueDetail.venue.rating} rating
#users.tab-pane.fade
h3.text-primary User Checkins
table.dataTable.table.table-bordered.table-hover
thead
tr
th Name
th Location
th Category
th Checkins
tbody
for checkin in userCheckins.checkins.items
tr
td= checkin.venue.name
td #{checkin.venue.location.address}, #{checkin.venue.location.city}, #{checkin.venue.location.state}
td= checkin.venue.categories[0].shortName
td= checkin.venue.stats.checkinsCount

View File

@ -10,12 +10,4 @@ block content
if user if user
.alert.alert-success.fade.in .alert.alert-success.fade.in
button.close(type='button', data-dismiss='alert', aria-hidden='true') × button.close(type='button', data-dismiss='alert', aria-hidden='true') ×
| Congratulations, you are logged in! | Congratulations, you are logged in!
ul.nav.nav-tabs.nav-justified
li.active
a(href='#venues', data-toggle='tab') Venues
li
a(href='#users', data-toggle='tab') Users
.tab-content
h2 Demo