course-menu.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../d2l-polymer-behaviors/d2l-id.html">
<link rel="import" href="find-page-object-behavior.html">
<link rel="import" href="graft-behavior.html">

<dom-module id="d2l-navigation-course-menu">
	<template>
		<style>
			:host {
				display: block;
				line-height: 1.5rem;
			}
		</style>
		<div class="d2l-navigation-course-menu-container"></div>
	</template>
</dom-module>
<script>
	Polymer({
		is: 'd2l-navigation-course-menu',

		listeners: {
			'partial-render': '_onPartialRender'
		},

		behaviors: [
			window.D2L.PolymerBehaviors.Navigation.FindPageObjectBehavior,
			window.D2L.PolymerBehaviors.Navigation.GraftBehavior
		],

		properties: {
			loaded: Boolean
		},

		load: function() {

			if (this.loaded) {
				return;
			}

			var placeholderId = D2L.Id.getUniqueId();

			this.$$('.d2l-navigation-course-menu-container')
				.setAttribute('id', placeholderId);

			this.graft(placeholderId);

		},

		_onPartialRender: function() {
			this.loaded = true;
			this.fire('d2l-navigation-course-menu-loaded');
		}

	});
</script>