diff --git a/modules/profile/pages.js b/modules/profile/pages.js index 379892c..96acbed 100644 --- a/modules/profile/pages.js +++ b/modules/profile/pages.js @@ -21,6 +21,17 @@ var pages = function(dbot) { 'profile': profile, 'stats': stats.channels, }); + }, + + '/profile/:connection': function(req, res) { + var connection = req.params.connection; + var profiles = dbot.db.profiles[connection]; + + res.render('profile_grid', { + 'name': dbot.config.name, + 'connection': connection, + 'profiles': profiles, + }); } } }; diff --git a/public/styles.css b/public/styles.css index 900c548..671d5c3 100644 --- a/public/styles.css +++ b/public/styles.css @@ -193,3 +193,34 @@ li.option-votes { text-align: left; margin-bottom: 10px; } + +/** + * spaceinvader's thumbnails + */ +span.nicks { + display: none; + color: #fff; + text-decoration: none; + position: absolute; + left: 0px; + top: 10px; + width: 100%; +} +div.imgwrap { + background-color: #000; + position: relative; +} +div.imgwrap > img { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.thumbnail:hover > div.imgwrap > img { + opacity: 0.5; +} + +.thumbnail:hover > div.imgwrap > span.nicks { + display: inline; +} diff --git a/views/profile/profile.jade b/views/profile/profile.jade index 04b018d..414dee5 100644 --- a/views/profile/profile.jade +++ b/views/profile/profile.jade @@ -92,3 +92,6 @@ block content #{chan.fields.wpl.data} td #{chan.fields.in_mentions.data} + ul.pager + li.previous + a(href='/profile/'+connection) ← Back to #{connection}. diff --git a/views/profile/profile_grid.jade b/views/profile/profile_grid.jade new file mode 100644 index 0000000..ad7a5a1 --- /dev/null +++ b/views/profile/profile_grid.jade @@ -0,0 +1,14 @@ +extends ../layout + +block content + div.page-header.profile_page-header + h1 + #{connection} + ul.thumbnails + each profile, key in profiles + if profile.hasOwnProperty('profile') && profile.profile.avatar + li.span2 + a.thumbnail(href='/profile/'+connection+'/'+encodeURIComponent(key)) + div.imgwrap + img(src="#{profile.profile.avatar}", alt="#{key}'s photo") + span.nicks #{profile.profile.primary} diff --git a/views/users/connections.jade b/views/users/connections.jade index f6750fb..27681e9 100644 --- a/views/users/connections.jade +++ b/views/users/connections.jade @@ -7,3 +7,4 @@ block content #modulelinks -each connection in connections a.module(href='/channels/'+connection) #{connection} + a.module(href='/profile/'+connection) #{connection} headshots