calraijintaiko/caltaiko

View on GitHub
app/assets/javascripts/member_dialog.js

Summary

Maintainability
A
0 mins
Test Coverage
$(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();
    });
});