function popFormNodeShape() {
	turnOffOtherForms()
	if (document.getElementById('changeNodeShapeForm')) {
		document.getElementById('changeNodeShapeForm').style.display = 'block'
	}
	else {
		let changeNodeShapeForm = document.createElement('div')
		changeNodeShapeForm.id = 'changeNodeShapeForm'
		document.body.appendChild(changeNodeShapeForm)

		let expandedNodeText = document.createElement('div')
		expandedNodeText.id = 'expandedNodeText'
		expandedNodeText.innerHTML = 'Select Expanded Node Shape:'
		changeNodeShapeForm.appendChild(expandedNodeText)

		let expandedNodeButtons = document.createElement('div')
		expandedNodeButtons.id = 'expandedNodeButtons'
		changeNodeShapeForm.appendChild(expandedNodeButtons)

		let collapsedNodeText = document.createElement('div')
		collapsedNodeText.id = 'collapsedNodeText'
		collapsedNodeText.innerHTML = 'Select Collapsed Node Shape:'
		changeNodeShapeForm.appendChild(collapsedNodeText)

		let collapsedNodeButtons = document.createElement('div')
		collapsedNodeButtons.id = 'collapsedNodeButtons'
		changeNodeShapeForm.appendChild(collapsedNodeButtons)

		let circleButtonExpanded = document.createElement('label')
		circleButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		circleButtonExpanded.id = 'circleButtonExpanded'
		circleButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('circle')}
		circleButtonExpanded.innerHTML = 'Circle'
		expandedNodeButtons.appendChild(circleButtonExpanded)

		let squareButtonExpanded = document.createElement('label')
		squareButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		squareButtonExpanded.id = 'squareButtonExpanded'
		squareButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('square')}
		squareButtonExpanded.innerHTML = 'Square'
		expandedNodeButtons.appendChild(squareButtonExpanded)

		let triangleButtonExpanded = document.createElement('label')
		triangleButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		triangleButtonExpanded.id = 'triangleButtonExpanded'
		triangleButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('triangle')}
		triangleButtonExpanded.innerHTML = 'Triangle'
		expandedNodeButtons.appendChild(triangleButtonExpanded)

		let circleButtonCollapsed = document.createElement('label')
		circleButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		circleButtonCollapsed.id = 'circleButtonCollapsed'
		circleButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('circle')}
		circleButtonCollapsed.innerHTML = 'Circle'
		collapsedNodeButtons.appendChild(circleButtonCollapsed)

		let squareButtonCollapsed = document.createElement('label')
		squareButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		squareButtonCollapsed.id = 'squareButtonCollapsed'
		squareButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('square')}
		squareButtonCollapsed.innerHTML = 'Square'
		collapsedNodeButtons.appendChild(squareButtonCollapsed)

		let triangleButtonCollapsed = document.createElement('label')
		triangleButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		triangleButtonCollapsed.id = 'triangleButtonCollapsed'
		triangleButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('triangle')}
		triangleButtonCollapsed.innerHTML = 'Triangle'
		collapsedNodeButtons.appendChild(triangleButtonCollapsed)

		let turnOffNodeShape = document.createElement('label')
		turnOffNodeShape.classList.add('btn')
		turnOffNodeShape.id = 'turnOffNodeShape'
		turnOffNodeShape.onclick = function() {phylogician.changeExpandedNodeShape('none')}
		turnOffNodeShape.innerHTML = 'Turn Off Node Shape'
		changeNodeShapeForm.appendChild(turnOffNodeShape)

		let closeNodeShape = document.createElement('label')
		closeNodeShape.classList.add('btn')
		closeNodeShape.id = 'closeNodeShape'
		closeNodeShape.onclick = function() {document.getElementById('changeNodeShapeForm').style.display = 'none'}
		closeNodeShape.innerHTML = 'Close'
		changeNodeShapeForm.appendChild(closeNodeShape)
	}
}
/**
 * Activates the buttons/form that allows the user to select preferences regarding node shape.
 * Installs a listener on each node shape button that when clicked, calls the function(s) that will
 * make the desired modification to the tree.
 *
 */
Activates the buttons/form that allows the user to select preferences regarding node shape.
Installs a listener on each node shape button that when clicked, calls the function(s) that will
make the desired modification to the tree.
Activates the buttons / form that allows the user to select preferences regarding node shape . Installs a listener on each node shape button that when clicked calls the function ( s ) that will make the desired modification to the tree .
function popFormNodeShape() {
	turnOffOtherForms()
	if (document.getElementById('changeNodeShapeForm')) {
		document.getElementById('changeNodeShapeForm').style.display = 'block'
	}
	else {
		let changeNodeShapeForm = document.createElement('div')
		changeNodeShapeForm.id = 'changeNodeShapeForm'
		document.body.appendChild(changeNodeShapeForm)
		let expandedNodeText = document.createElement('div')
		expandedNodeText.id = 'expandedNodeText'
		expandedNodeText.innerHTML = 'Select Expanded Node Shape:'
		changeNodeShapeForm.appendChild(expandedNodeText)
		let expandedNodeButtons = document.createElement('div')
		expandedNodeButtons.id = 'expandedNodeButtons'
		changeNodeShapeForm.appendChild(expandedNodeButtons)
		let collapsedNodeText = document.createElement('div')
		collapsedNodeText.id = 'collapsedNodeText'
		collapsedNodeText.innerHTML = 'Select Collapsed Node Shape:'
		changeNodeShapeForm.appendChild(collapsedNodeText)
		let collapsedNodeButtons = document.createElement('div')
		collapsedNodeButtons.id = 'collapsedNodeButtons'
		changeNodeShapeForm.appendChild(collapsedNodeButtons)
		let circleButtonExpanded = document.createElement('label')
		circleButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		circleButtonExpanded.id = 'circleButtonExpanded'
		circleButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('circle')}
		circleButtonExpanded.innerHTML = 'Circle'
		expandedNodeButtons.appendChild(circleButtonExpanded)
		let squareButtonExpanded = document.createElement('label')
		squareButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		squareButtonExpanded.id = 'squareButtonExpanded'
		squareButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('square')}
		squareButtonExpanded.innerHTML = 'Square'
		expandedNodeButtons.appendChild(squareButtonExpanded)
		let triangleButtonExpanded = document.createElement('label')
		triangleButtonExpanded.classList.add('btn', 'expanded-collapsed-buttons')
		triangleButtonExpanded.id = 'triangleButtonExpanded'
		triangleButtonExpanded.onclick = function() {phylogician.changeExpandedNodeShape('triangle')}
		triangleButtonExpanded.innerHTML = 'Triangle'
		expandedNodeButtons.appendChild(triangleButtonExpanded)
		let circleButtonCollapsed = document.createElement('label')
		circleButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		circleButtonCollapsed.id = 'circleButtonCollapsed'
		circleButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('circle')}
		circleButtonCollapsed.innerHTML = 'Circle'
		collapsedNodeButtons.appendChild(circleButtonCollapsed)
		let squareButtonCollapsed = document.createElement('label')
		squareButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		squareButtonCollapsed.id = 'squareButtonCollapsed'
		squareButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('square')}
		squareButtonCollapsed.innerHTML = 'Square'
		collapsedNodeButtons.appendChild(squareButtonCollapsed)
		let triangleButtonCollapsed = document.createElement('label')
		triangleButtonCollapsed.classList.add('btn', 'expanded-collapsed-buttons')
		triangleButtonCollapsed.id = 'triangleButtonCollapsed'
		triangleButtonCollapsed.onclick = function() {phylogician.changeCollapsedNodeShape('triangle')}
		triangleButtonCollapsed.innerHTML = 'Triangle'
		collapsedNodeButtons.appendChild(triangleButtonCollapsed)
		let turnOffNodeShape = document.createElement('label')
		turnOffNodeShape.classList.add('btn')
		turnOffNodeShape.id = 'turnOffNodeShape'
		turnOffNodeShape.onclick = function() {phylogician.changeExpandedNodeShape('none')}
		turnOffNodeShape.innerHTML = 'Turn Off Node Shape'
		changeNodeShapeForm.appendChild(turnOffNodeShape)
		let closeNodeShape = document.createElement('label')
		closeNodeShape.classList.add('btn')
		closeNodeShape.id = 'closeNodeShape'
		closeNodeShape.onclick = function() {document.getElementById('changeNodeShapeForm').style.display = 'none'}
		closeNodeShape.innerHTML = 'Close'
		changeNodeShapeForm.appendChild(closeNodeShape)
	}
}
function popFormNodeShape ( ) { turnOffOtherForms ( ) if ( document . getElementById ( 'changeNodeShapeForm' ) ) { document . getElementById ( 'changeNodeShapeForm' ) . style . display = 'block' } else { let changeNodeShapeForm = document . createElement ( 'div' ) changeNodeShapeForm . id = 'changeNodeShapeForm' document . body . appendChild ( changeNodeShapeForm ) let expandedNodeText = document . createElement ( 'div' ) expandedNodeText . id = 'expandedNodeText' expandedNodeText . innerHTML = 'Select Expanded Node Shape:' changeNodeShapeForm . appendChild ( expandedNodeText ) let expandedNodeButtons = document . createElement ( 'div' ) expandedNodeButtons . id = 'expandedNodeButtons' changeNodeShapeForm . appendChild ( expandedNodeButtons ) let collapsedNodeText = document . createElement ( 'div' ) collapsedNodeText . id = 'collapsedNodeText' collapsedNodeText . innerHTML = 'Select Collapsed Node Shape:' changeNodeShapeForm . appendChild ( collapsedNodeText ) let collapsedNodeButtons = document . createElement ( 'div' ) collapsedNodeButtons . id = 'collapsedNodeButtons' changeNodeShapeForm . appendChild ( collapsedNodeButtons ) let circleButtonExpanded = document . createElement ( 'label' ) circleButtonExpanded . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) circleButtonExpanded . id = 'circleButtonExpanded' circleButtonExpanded . onclick = function ( ) { phylogician . changeExpandedNodeShape ( 'circle' ) } circleButtonExpanded . innerHTML = 'Circle' expandedNodeButtons . appendChild ( circleButtonExpanded ) let squareButtonExpanded = document . createElement ( 'label' ) squareButtonExpanded . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) squareButtonExpanded . id = 'squareButtonExpanded' squareButtonExpanded . onclick = function ( ) { phylogician . changeExpandedNodeShape ( 'square' ) } squareButtonExpanded . innerHTML = 'Square' expandedNodeButtons . appendChild ( squareButtonExpanded ) let triangleButtonExpanded = document . createElement ( 'label' ) triangleButtonExpanded . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) triangleButtonExpanded . id = 'triangleButtonExpanded' triangleButtonExpanded . onclick = function ( ) { phylogician . changeExpandedNodeShape ( 'triangle' ) } triangleButtonExpanded . innerHTML = 'Triangle' expandedNodeButtons . appendChild ( triangleButtonExpanded ) let circleButtonCollapsed = document . createElement ( 'label' ) circleButtonCollapsed . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) circleButtonCollapsed . id = 'circleButtonCollapsed' circleButtonCollapsed . onclick = function ( ) { phylogician . changeCollapsedNodeShape ( 'circle' ) } circleButtonCollapsed . innerHTML = 'Circle' collapsedNodeButtons . appendChild ( circleButtonCollapsed ) let squareButtonCollapsed = document . createElement ( 'label' ) squareButtonCollapsed . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) squareButtonCollapsed . id = 'squareButtonCollapsed' squareButtonCollapsed . onclick = function ( ) { phylogician . changeCollapsedNodeShape ( 'square' ) } squareButtonCollapsed . innerHTML = 'Square' collapsedNodeButtons . appendChild ( squareButtonCollapsed ) let triangleButtonCollapsed = document . createElement ( 'label' ) triangleButtonCollapsed . classList . add ( 'btn' , 'expanded-collapsed-buttons' ) triangleButtonCollapsed . id = 'triangleButtonCollapsed' triangleButtonCollapsed . onclick = function ( ) { phylogician . changeCollapsedNodeShape ( 'triangle' ) } triangleButtonCollapsed . innerHTML = 'Triangle' collapsedNodeButtons . appendChild ( triangleButtonCollapsed ) let turnOffNodeShape = document . createElement ( 'label' ) turnOffNodeShape . classList . add ( 'btn' ) turnOffNodeShape . id = 'turnOffNodeShape' turnOffNodeShape . onclick = function ( ) { phylogician . changeExpandedNodeShape ( 'none' ) } turnOffNodeShape . innerHTML = 'Turn Off Node Shape' changeNodeShapeForm . appendChild ( turnOffNodeShape ) let closeNodeShape = document . createElement ( 'label' ) closeNodeShape . classList . add ( 'btn' ) closeNodeShape . id = 'closeNodeShape' closeNodeShape . onclick = function ( ) { document . getElementById ( 'changeNodeShapeForm' ) . style . display = 'none' } closeNodeShape . innerHTML = 'Close' changeNodeShapeForm . appendChild ( closeNodeShape ) } }
Activates the buttons/form that allows the user to select preferences regarding node shape.
Activates the buttons / form that allows the user to select preferences regarding node shape .