shapes.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <h4 class="dialog-title">[[__("tool_shape")]]</h4>
  2. <div id="shapes">
  3. <div class="dialog-section no-p-h" style="white-space: normal;">
  4. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('ellipse',$event)">
  5. <span class="icon icon-shape-circle"></span>
  6. <span class="icon-label">[[__("tool_circle")]]</span>
  7. </button>
  8. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('hexagon',$event)">
  9. <span class="icon icon-shape-hexagon"></span>
  10. <span class="icon-label">[[__("tool_hexagon")]]</span>
  11. </button>
  12. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('square',$event)">
  13. <span class="icon icon-shape-square"></span>
  14. <span class="icon-label">[[__("tool_square")]]</span>
  15. </button>
  16. <!--button class="btn btn-icon-labeled btn-transparent rot45" v-on:click="add_shape('diamond',$event)">
  17. <span class="icon icon-shape-square"></span>
  18. <span class="icon-label">[[__("tool_diamond")]]</span>
  19. </button-->
  20. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('speechbubble',$event)">
  21. <span class="icon icon-shape-bubble"></span>
  22. <span class="icon-label">[[__("tool_bubble")]]</span>
  23. </button>
  24. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('cloud',$event)">
  25. <span class="icon icon-shape-cloud"></span>
  26. <span class="icon-label">[[__("tool_cloud")]]</span>
  27. </button>
  28. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('burst',$event)">
  29. <span class="icon icon-shape-burst"></span>
  30. <span class="icon-label">[[__("tool_burst")]]</span>
  31. </button>
  32. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('star',$event)">
  33. <span class="icon icon-shape-star"></span>
  34. <span class="icon-label">[[__("tool_star")]]</span>
  35. </button>
  36. <button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('heart',$event)">
  37. <span class="icon icon-shape-heart"></span>
  38. <span class="icon-label">[[__("tool_heart")]]</span>
  39. </button>
  40. <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_arrow()">
  41. <span class="icon icon-tool-arrow"></span>
  42. <span class="icon-label">[[__("tool_arrow")]]</span>
  43. </button>
  44. <button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_line()">
  45. <span class="icon icon-tool-line"></span>
  46. <span class="icon-label">[[__("tool_line")]]</span>
  47. </button>
  48. </div>
  49. </div>
  50. <!--
  51. <div class="dialog-section no-p">
  52. <div class="btn-cluster">
  53. <button class="btn btn-transparent text-center"> Upload </button>
  54. <button class="btn btn-transparent text-center" v-on:click="start_drawing_scribble()"> Draw </button>
  55. </div>
  56. </div>
  57. -->