overleaf/services/web/app/views/contact-us-modal.jade

script(type='text/ng-template', id='supportModalTemplate')
	.modal-header
		button.close(
			type="button"
			data-dismiss="modal"
			ng-click="close()"
		) ×
		h3 #{translate("contact_us")}
	.modal-body.contact-us-modal
		span(ng-show="sent == false")
			label
				| #{translate("subject")}
			.form-group
				input.field.text.medium.span8.form-control(ng-model="form.subject", maxlength='255', tabindex='1', onkeyup='')
			.contact-suggestions
				p.contact-suggestion-label Have you checked our knowledge base?
				ul.contact-suggestion-list
					li: a.contact-suggestion-list-item
						span Item 1 - subsection lorem 
						i.fa.fa-angle-right
					li: a.contact-suggestion-list-item
						span Item 2 - subsection dolor 
						i.fa.fa-angle-right
					li: a.contact-suggestion-list-item
						span Item 3 - subsection sit 
						i.fa.fa-angle-right
			label.desc(ng-show="'#{getUserEmail()}'.length < 1")
				| #{translate("email")}
			.form-group(ng-show="'#{getUserEmail()}'.length < 1")
				input.field.text.medium.span8.form-control(ng-model="form.email",  ng-init="form.email = '#{getUserEmail()}'", type='email', spellcheck='false', value='', maxlength='255', tabindex='2')
			label#title12.desc
				| #{translate("project_url")} (#{translate("optional")})
			.form-group
				input.field.text.medium.span8.form-control(ng-model="form.project_url", tabindex='3', onkeyup='')
			label.desc
				| #{translate("suggestion")}
			.form-group
				textarea.field.text.medium.span8.form-control(ng-model="form.message",type='text', value='', tabindex='4', onkeyup='')
			.form-group.text-center
				input.btn-success.btn.btn-lg(type='submit', ng-disabled="sending", ng-click="contactUs()" value='#{translate("contact_us")}')
		span(ng-show="sent")
			p #{translate("request_sent_thank_you")}