html
	head
		include imports/meta.import.pug
		title= title
		script.
			const ClassList = !{JSON.stringify(ClassList)};
			const Class = !{JSON.stringify(Class)};
			const ClassSource = !{JSON.stringify(ClassSource)};
			const RepoNames = !{JSON.stringify(RepoNames)};
			const Z8Locales = !{JSON.stringify(Z8Locales)};
			const Comments = !{JSON.stringify(Comments)};
			const isAdmin = !{JSON.stringify(isAdmin)};
			const isEditor = !{JSON.stringify(isEditor)};
			const Login = !{JSON.stringify(Login)};
		include imports/cdclientlib.import.pug
		include imports/codemirror.import.pug
		include imports/codemirror.javascript.import.pug
		include imports/jquery.import.pug
		include imports/global.import.pug
		include modules/context-menu.module.pug
		include modules/statistics.module.pug 
		include imports/socket.import.pug
		include imports/page.import.pug
	body
		div.main
			div.left
				include parts/left-header.part.pug
			div.right
				if(Class.isPackage)
					if(Class.root)
						div.right-header
							div.right-header-top
								div.class-name
									div.package-icon
									span= Class.name
									span= ' (Documented: '
									span.class-documented-percentage= '0%'
									span= ')'
								div.display-mode-buttons
									div.display-mode-button.mode-tabs(title='Display mode: Tabs', data-display-mode='mode-tabs')
									div.display-mode-button.mode-list(title='Display mode: List', data-display-mode='mode-list')
							div.tabs
								div.tab.info(data-tab='Info')= 'Info'
								if(isEditor)
									div.tab.contribution(data-tab='Contribution')= 'Contribution history'
						div.content
							div.content-tab#info
								h3.content-tab-title= 'Info'
							if(isEditor)
								div.content-tab#contribution
									h3.content-tab-title= 'Contribution history'
					else
						div.right-header.class-not-found
							div.class-not-found-image
							div.class-not-found-text= 'Package `' + Class.name + '` not found'
				else
					if(Class.root)
						div.right-header
							div.right-header-top
								div.class-name
									div.class-icon
									span= Class.name
									span= ' (Documented: '
									span.class-documented-percentage= '0%'
									span= ')'
								div.display-mode-buttons
									div.display-mode-button.mode-tabs(title='Display mode: Tabs', data-display-mode='mode-tabs')
									div.display-mode-button.mode-list(title='Display mode: List', data-display-mode='mode-list')
							div.tabs
								div.tab.editor(data-tab='Editor')= 'Editor'
								div.tab.info(data-tab='Info')= 'Info'
								div.tab.methods(data-tab='Methods')= 'Methods'
								div.tab.properties(data-tab='Properties')= 'Properties'
								div.tab.parents(data-tab='Parents')= 'Parents'
								div.tab.mixins(data-tab='Mixins')= 'Mixins'
								div.tab.children(data-tab='Children')= 'Children'
								div.tab.mixedin(data-tab='MixedIn')= 'Mixed in'
								if(isEditor)
									div.tab.contribution(data-tab='Contribution')= 'Contribution history'
						div.content
							div.content-tab#info
								h3.content-tab-title= 'Info'
							div.content-tab#parents
								h3.content-tab-title= 'Parents'
							div.content-tab#methods
								h3.content-tab-title= 'Methods'
							div.content-tab#properties
								h3.content-tab-title= 'Properties'
							div.content-tab#mixins
								h3.content-tab-title= 'Mixins'
							div.content-tab#mixedin
								h3.content-tab-title= 'Mixed In'
							div.content-tab#children
								h3.content-tab-title= 'Children'
							div.content-tab#editor
								h3.content-tab-title= 'Editor'
							if(isEditor)
								div.content-tab#contribution
									h3.content-tab-title= 'Contribution history'
					else
						div.right-header.class-not-found
							div.class-not-found-image
							div.class-not-found-text= 'Class `' + Class.name + '` not found'
			div.context-menu.hidden