toolbar.pug 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .toolbar.toolbar-editor(ng-controller="EditorToolbarController")
  2. .toggle-wrapper
  3. editor-switch
  4. div(
  5. formatting-buttons
  6. ng-cloak
  7. ng-if="!editor.showVisual"
  8. buttons="editorButtons"
  9. opening="editor.opening"
  10. resize-on="layout:main:resize,layout:pdf:resize,layout:review:resize,review-panel:toggle"
  11. is-fullscreen-editor="ui.view == 'editor' && ui.pdfLayout == 'flat'"
  12. class="formatting-buttons"
  13. )
  14. div(
  15. formatting-buttons
  16. ng-cloak
  17. ng-if="editor.showVisual"
  18. buttons="[]"
  19. opening="editor.opening"
  20. resize-on="layout:main:resize,layout:pdf:resize,layout:review:resize,review-panel:toggle"
  21. is-fullscreen-editor="ui.view == 'editor' && ui.pdfLayout == 'flat'"
  22. class="formatting-buttons"
  23. )
  24. .toolbar-pdf-right
  25. switch-to-pdf-button()
  26. detacher-synctex-control()
  27. editor-compile-button()
  28. script(type="text/ng-template", id="formattingButtonsTpl")
  29. .formatting-buttons-wrapper
  30. |  
  31. button.btn.formatting-btn.formatting-btn--icon(
  32. ng-repeat="button in shownButtons"
  33. ng-click="button.handleClick()"
  34. ng-class="{ active: button.active }",
  35. aria-label="{{button.title}}"
  36. tooltip="{{button.title}}"
  37. tooltip-placement="bottom"
  38. tooltip-append-to-body="true"
  39. )
  40. i(class="{{button.iconClass}}") {{button.iconText}}