app/assets/javascripts/member_dialog.js
$(document).on('turbolinks:load', function() {
$('#member-dialog .bio-pic')[0].onload = function() {
$('#member-dialog')[0].center();
};
$('.member-image').click(function(e) {
var member = e.currentTarget.dataset;
var dialog = $('#member-dialog')[0];
var dialogImage = dialog.querySelector('.bio-pic');
var dialogName = dialog.querySelector('#member-name');
var dialogGen = dialog.querySelector('#member-gen');
var dialogMajor = dialog.querySelector('#member-major');
var dialogBio = dialog.querySelector('#member-bio');
var dialogScrollable = dialog.querySelector('#scrollable');
dialogImage.src = member.image;
dialogName.innerText = member.name;
dialogGen.innerText = 'Generation ' + member.gen;
dialogGen.href = member.genLink;
dialogMajor.innerText = '\267 ' + member.major;
dialogBio.innerText = member.bio;
dialogScrollable.style.maxWidth = '100%';
dialog.withBackdrop = true;
dialog.open();
});
});