wizard_box.mustache 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <%
  2. # Copyright (C) 2011 - present Instructure, Inc.
  3. #
  4. # This file is part of Canvas.
  5. #
  6. # Canvas is free software: you can redistribute it and/or modify it under
  7. # the terms of the GNU Affero General Public License as published by the Free
  8. # Software Foundation, version 3 of the License.
  9. #
  10. # Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
  11. # WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
  12. # A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
  13. # details.
  14. #
  15. # You should have received a copy of the GNU Affero General Public License along
  16. # with this program. If not, see <http://www.gnu.org/licenses/>.
  17. %>
  18. <div class="wizard_options">
  19. <h3><%= before_label :i_would_like_to, "I would like to" %></h3>
  20. <ul class="wizard_options_list">
  21. <li class="option create_calendar_event_option add_step">
  22. <a href="#" class="icon-add"><%= t 'links.new', "Create a New Event" %></a>
  23. <div class="details" style="display: none;">
  24. <%= t 'descriptions.create', "To start creating a calendar event, just click the day on the calendar
  25. where you want the event." %>
  26. </div>
  27. </li>
  28. <li class="option edit_calendar_event_option" style="display: none;">
  29. <a href="#" class="wizard_edit_calendar_event_details"></a>
  30. <div class="details" style="display: none;">
  31. <%= t 'descriptions.edit', "Great! Now just enter a name for the event (*where?*). You can specify a start and
  32. end time for the event if you like. Or just a start time. Or no time at all. Click \"Submit\" to finish.",
  33. :wrapper => '<a href="#" class="highlight_calendar_event_title"><b>\1</b></a>' %>
  34. </div>
  35. </li>
  36. <li class="option review_calendar_event_option" style="display: none;">
  37. <a href="#" class="wizard_review_calendar_event_details"></a>
  38. <div class="details" style="display: none;">
  39. <%= t 'descriptions.done',
  40. "Done! The event is now created! You can click it to see the details, edit
  41. and delete the event, or drag and drop it to a new day to change its date." %>
  42. </div>
  43. </li>
  44. <% if @contexts.any?{|c| c.respond_to?(:assignments) && can_do(c.assignments.scoped.new, @current_user, :create)} %>
  45. <li class="option create_assignment_option add_step">
  46. <a href="#" class="icon-assignment"><%= t 'links.create_assignment', "Create a New Assignment" %></a>
  47. <div class="details" style="display: none;">
  48. <%= t 'descriptions.create_assignment', "Just like with a calendar event, click the date you want to add the assignment
  49. to. Or you can create an assignment without a due date by clicking in the
  50. \"Undated Events\" box (*where?*).",
  51. :wrapper => '<a href="#" class="highlight_undated_events"><b>\1</b></a>' %>
  52. </div>
  53. </li>
  54. <li class="option tab_assignment_option" style="display: none;">
  55. <a href="#" class="wizard_tab_assignment_details"></a>
  56. <div class="details" style="display: none;">
  57. <%= t 'descriptions.assignment', %{Sweet. Now click the "Assignment" tab in the dialog to create an assignment
  58. instead of a calendar event.} %>
  59. <div style="text-align: center; margin-top: 5px; font-size: 1.5em;">
  60. <a href="#" class="highlight_assignment_tab"><%= t '#links.show_me_where', "Show Me Where" %></a>
  61. </div>
  62. </div>
  63. </li>
  64. <li class="option edit_assignment_option" style="display: none;">
  65. <a href="#" class="wizard_edit_assignment_details"></a>
  66. <div class="details" style="display: none;">
  67. <%= t 'descriptions.edit_assignment', %{Now just enter a name for the assignment (*where?*) and the assignment
  68. group it belongs to. You can specify a due date if you want, too.
  69. Click "Submit" to finish.}, :wrapper => '<a href="#" class="highlight_assignment_title"><b>\1</b></a>' %>
  70. </div>
  71. </li>
  72. <li class="option review_assignment_option" style="display: none;">
  73. <a href="#" class="wizard_review_assignment_details"></a>
  74. <div class="details" style="display: none;">
  75. <%= t 'descriptions.assignment_done', "Done! The assignment is now created! You can click it to see the details, edit
  76. and delete the event, or drag and drop it to a new day to change its date." %>
  77. </div>
  78. </li>
  79. <% end %>
  80. <li class="option edit_step">
  81. <a href="#" class="icon-calendar-day"><%= t 'links.change_date', "Change the Date of an Event/Assignment" %></a>
  82. <div class="details" style="display: none;">
  83. <%= t 'descriptions.change_date', %{That one's easy. Just drag the event to a new date and let go. Or you can
  84. click the event and then click "Edit" to get a little more specific.} %>
  85. </div>
  86. </li>
  87. <li class="option delete_calendar_event_option delete_step">
  88. <a href="#" class="icon-end"><%= t 'links.delete', "Delete an Event/Assignment" %></a>
  89. <div class="details" style="display: none;">
  90. <%= t 'descriptions.delete', "Click the event or assignment on the calendar you want to delete." %>
  91. </div>
  92. </li>
  93. <li class="option confirm_delete_calendar_event_option" style="display: none;">
  94. <a href="#" class="wizard_confirm_delete_calendar_event_details"></a>
  95. <div class="details" style="display: none;">
  96. <%= t 'descriptions.delete2', %{Now click "Delete" (*where?*) and your event will be deleted.},
  97. :wrapper => '<a href="#" class="highlight_delete_event"><b>\1</b></a>' %>'
  98. </div>
  99. </li>
  100. <li class="option review_delete_calendar_event_option" style="display: none;">
  101. <a href="#" class="wizard_review_delete_calendar_event_details"></a>
  102. <div class="details" style="display: none;">
  103. <%= t 'descriptions.delete_done', "Done and done. That was some serious deletion skills you had just there." %>
  104. </div>
  105. </li>
  106. </ul>
  107. </div>
  108. <div class="wizard_details">
  109. <div>
  110. <div class="header"></div>
  111. </div>
  112. </div>
  113. <div class="clear"></div>
  114. <% js_bundle 'legacy/calendars_wizard_box' %>