settings.jade 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. extends ../layout
  2. block content
  3. include ../general/sidebar
  4. .content-with-navigation-sidebar
  5. .box
  6. .row-fluid
  7. .span12
  8. .page-header
  9. h1 Settings
  10. .messageArea
  11. .tabbable
  12. ul.nav.nav-tabs
  13. li.active
  14. a(href='#personalSettings', data-toggle="tab") Personal
  15. li
  16. a(href='#editorSettings', data-toggle="tab") Editor
  17. li
  18. a(href='#passwordReset', data-toggle="tab") Password
  19. li
  20. a(href='#newsletter', data-toggle="tab") Newsletter
  21. li
  22. a(href='#dropboxSettings', data-toggle="tab") Dropbox
  23. span.label.label-warning beta
  24. li
  25. a(href='#deleteAccount', data-toggle="tab") Delete Account
  26. form#userSettings.tab-content.form-horizontal
  27. input(type="hidden", name="_csrf", value=csrfToken)
  28. .tab-pane#personalSettings.active
  29. .control-group
  30. label(for='firstName').control-label Email
  31. .controls
  32. input#emailAddress(type='email', name='email', value=user.email)
  33. .control-group
  34. label(for='firstName').control-label First Name
  35. .controls
  36. input#firstName(type='text', name='first_name', value=user.first_name)
  37. .control-group
  38. label(for='lastName').control-label Last Name
  39. .controls
  40. input#lastName(type='text', name='last_name', value=user.last_name)
  41. .form-actions
  42. button.btn.btn-primary.large(type='submit') Update
  43. .tab-pane#dropboxSettings
  44. .alert.alert-info
  45. a(href='/help/kb/dropbox-2') Read how dropbox works
  46. - if(!userHasDropboxFeature)
  47. .alert.alert-info Dropbox sync is a premium feature    
  48. a.btn.btn-info(href='/user/subscription/plans') Upgrade
  49. - else if(userIsRegisteredWithDropbox)
  50. .alert.alert-success Account is linked!
  51. row
  52. a(href='/dropbox/unlink').btn Unlink Dropbox
  53. - else
  54. a.btn.btn-info(href='/dropbox/beginAuth') Link to dropbox
  55. .tab-pane#editorSettings
  56. .control-group
  57. label(for='theme').control-label Theme  
  58. a(href='/themes') (preview)
  59. .controls
  60. select(name='theme')#theme
  61. each theme in themes
  62. if(theme.name == user.ace.theme)
  63. option(value=theme.name, selected='selected')= theme.name
  64. else
  65. option(value=theme.name)= theme.name
  66. .control-group
  67. label(for='mode').control-label Key Binding
  68. .controls
  69. select(name='mode')#mode
  70. each mode in editors
  71. if(mode == user.ace.mode)
  72. option(value=mode, selected='selected')= mode
  73. else
  74. option(value=mode)= mode
  75. .control-group
  76. label(for='fontSize').control-label Font Size
  77. .controls
  78. select(name='fontSize')#fontSize
  79. each fontSize in fontSizes
  80. if(fontSize == user.ace.fontSize)
  81. option(value=fontSize, selected='selected')= fontSize
  82. else
  83. option(value=fontSize)= fontSize
  84. .control-group
  85. label(for='autoComplete').control-label
  86. | Auto complete
  87. .controls
  88. if (user.ace.autoComplete)
  89. label.radio.inline
  90. input(type='radio', name='autoComplete', value='true', checked)
  91. | On
  92. label.radio.inline
  93. input(type='radio', name='autoComplete', value='false')
  94. | Off
  95. else
  96. label.radio.inline
  97. input(type='radio', name='autoComplete', value='true')
  98. | On
  99. label.radio.inline
  100. input(type='radio', name='autoComplete', value='false', checked)
  101. | Off
  102. .control-group
  103. label(for='spellCheck').control-label
  104. | Default Spell check language
  105. .controls
  106. select(name="spellCheckLanguage")
  107. option(value="",selected=(user.ace.spellCheckLanguage == "")) Off
  108. optgroup(label="Language")
  109. for language in languages
  110. option(
  111. value=language.code,
  112. selected=(language.code == user.ace.spellCheckLanguage)
  113. )= language.name
  114. .control-group
  115. label(for="pdfViewer").control-label
  116. | PDF Viewer
  117. .controls
  118. if (user.ace.pdfViewer == "native")
  119. label.radio.inline
  120. input(type='radio', name='pdfViewer', value='native', checked)
  121. | Native (Best image quality)
  122. br
  123. label.radio.inline
  124. input(type='radio', name='pdfViewer', value='pdfjs')
  125. | Built in (Pdf page stays the same after recompile)
  126. else
  127. label.radio.inline
  128. input(type='radio', name='pdfViewer', value='native')
  129. | Native (Best image quality)
  130. br
  131. label.radio.inline
  132. input(type='radio', name='pdfViewer', value='pdfjs', checked)
  133. | Built in (Pdf page stays the same after recompile)
  134. .form-actions
  135. button.btn.btn-primary.large(type='submit') Update
  136. .tab-pane#passwordReset
  137. a#changePassword.btn Change Password
  138. .tab-pane#deleteAccount
  139. a#deleteUserAccount.btn.btn-danger(data-csrf=csrfToken) Delete your account
  140. .tab-pane#newsletter
  141. p Every few months we send a news letter out summarizing the new features available, if you would prefer to not receive this email then you are free to unsubscribe below at any time
  142. a#unsubscribeFromNewsletter.btn.btn-danger(data-csrf=csrfToken) Unsubscribe
  143. include ../general/small-footer
  144. #changePasswordModal(style='display: none')
  145. .modal
  146. form#changePasswordForm(method="post", action="/user/password/update")
  147. .modal-header
  148. h3 Change Password
  149. .modal-body
  150. input(type="hidden", name="_csrf", value=csrfToken)
  151. .clearfix
  152. label(for='xlinput.inputmodal') Current Password
  153. .input.inputmodal
  154. input.inputmodal.span5#currentPassword(type='password', name='currentPassword', placeholder='*********')
  155. .clearfix
  156. label(for='xlinput.inputmodal') New Password
  157. .input.inputmodal
  158. input.inputmodal.span5#newPassword1(type='password', name='newPassword1', placeholder='************')
  159. .clearfix
  160. label(for='xlinput.inputmodal') New Password
  161. .input.inputmodal
  162. input.inputmodal.span5#newPassword2(type='password', name='newPassword2', placeholder='************')
  163. .modal-footer
  164. button(type="submit").btn.btn-primary#confirmPasswordChange Change
  165. button.btn.cancel Cancel