@sgalinski/responsive-side-menu/src/js/plugins/user-profile-header.js

A simple and extendable slide-in menu

import Plugin from '../plugin';
import Hooks from '../hooks';
import Settings from '../settings';

export default class UserProfileHeaderPlugin extends Plugin {

	constructor() {
		super(false);
		this.setUpMarkup();
	}

	getPluginName() {
		return 'user-profile-header';
	}

	setUpMarkup() {
		if (Settings.get.userProfileHeader) {
			let element = document.createElement('DIV');
			element.classList.add(`rsm-${this.getPluginName()}`);
			let image = document.createElement('img');
			image.src = Settings.get.userProfileHeader.userImage;
			image.alt = Settings.get.userProfileHeader.userName;
			element.appendChild(image);
			let label = document.createElement('DIV');
			let link = document.createElement('A');
			link.classList.add(`rsm-${this.getPluginName()}-wrapper-link`);
			link.href = Settings.get.userProfileHeader.href;
			label.innerHTML = Settings.get.userProfileHeader.userName;
			label.classList.add(`rsm-${this.getPluginName()}-link`);
			element.appendChild(label);
			link.appendChild(element);
			Hooks.set('header', link);
		}
	}

}