doctype html
html(ng-app="myApp")
	head
		meta(charset='utf8')
		base(href='/')
		title Dir Warning
		link(rel='stylesheet', href='/css/qs.css')
		link(rel='stylesheet', href='/css/bootstrap/bootstrap.css')
		link(rel='stylesheet', href='/css/bootstrap/bootstrap.css.map')
		link(rel='stylesheet', href='/css/bootstrap/bootstrap-theme.css')
		link(rel='stylesheet', href='/css/bootstrap/bootstrap-theme.css.map')
		link(rel='stylesheet', href='/css/abn_tree.css')
		link(rel='stylesheet', href='/css/jsoneditor.css')
	body

		script(src='/js/lib/angular-1.2.9/angular.js')
		script(src='/js/lib/angular-1.2.9/angular-route.js')
		script(src='/js/app.js')
		script(src='/js/services.js')
		script(src='/js/controllers.js')
		script(src='/js/filters.js')
		script(src='/js/directives.js')
		script(src='/js/socket.io.js')
		script(src='/js/ui-bootstrap-tpls-0.11.0.min.js')
		script(src='/js/abn_tree_directive.js')
		script(src='/js/jsoneditor.js')
		script(src='/js/lib/ace/ace.js')
		script(src='/js/lib/jsonlint/jsonlint.js')
		
		
		div(ng-controller="dirWarningModalController")
			{{items}}
			script(type="text/ng-template" id="directoryWarning")
				.modal-header
					h3.modal-title |I'm a modal!
				.modal-body
					ul
						li(ng-repeat="item in items")
							a(ng-click="selected.item = item") {{ item }}
						| Selected: <b>{{ selected.item }}</b>
				.modal-footer
					button.btn.btn-primary(ng-click="delete(true)") OK
					button.btn.btn-warning(ng-click="cancel()") Cancel
			button.btn.btn-default(ng-click="open()") Open me!