
.modallayer#modal-editor-codeblock
	.modallayer-content
		
		.columns
			.column
				h3 Code Block
			.column.is-narrow
				p.control
					span.select
						select(style={width: '300px'}, v-model='modeSelected')
							option(v-for="mode in modes" v-bind:value='mode.name') {{ mode.caption }}
			.column.is-narrow
				.control.is-grouped
					p.control
						a.button.is-warning.is-outlined(v-on:click="cancel") Cancel
					p.control
						a.button.is-primary.is-outlined(v-on:click="insertCode") Insert Code Block

		.ace-container(style={'border-radius':'5px'})
			#codeblock-editor