Merged user checks with venues, no more tabs
This commit is contained in:
@ -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,
|
||||||
|
@ -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
|
|
||||||
|
@ -11,11 +11,3 @@ block content
|
|||||||
.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
|
|
Reference in New Issue
Block a user