InsertUpdateImageView.handlebars 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <div class="insertUpdateImage bootstrap-form form-horizontal" >
  2. <fieldset style="max-width: 597px;">
  3. <legend>{{#t "image_source"}}Image Source{{/t}}</legend>
  4. <div class="ui-tabs-minimal imageSourceTabs">
  5. <ul>
  6. <li><a href="#tabUrl">{{#t "url"}}URL{{/t}}</a></li>
  7. <li><a href="#tabUploaded">{{#t "canvas"}}Canvas{{/t}}</a></li>
  8. <li><a href="#tabFlickr">{{#t "flickr"}}Flickr{{/t}}</a></li>
  9. </ul>
  10. <div id="tabUrl">
  11. <input type="url"
  12. name="image[src]"
  13. class="input-xxlarge"
  14. placeholder="http://example.com/image.png"
  15. aria-label="{{#t "image_url_field_label" }}Image URL{{/t}}"
  16. style="margin-bottom: 20px;">
  17. </div>
  18. <div class="insertUpdateImageTabpane" id="tabUploaded"></div>
  19. <div id="tabFlickr"></div>
  20. </div>
  21. </fieldset>
  22. <fieldset>
  23. <legend>{{#t "attributes"}}Attributes{{/t}}</legend>
  24. <div class="control-group">
  25. <label class="control-label" for="image_alt">{{#t "alt_text"}}Alt text{{/t}}</label>
  26. <div class="controls">
  27. <input type="text"
  28. class="input-xlarge"
  29. name="image[alt]"
  30. id="image_alt"
  31. aria-describedby="alt_text_description">
  32. <span><p class="help-block" id="alt_text_description">{{#t "alt_help_text"}}Describe the image to improve accessibility{{/t}}</p></span>
  33. {{#if show_quiz_warning}}
  34. <br/>
  35. <span><p class="help-block">
  36. {{#t "quiz_warning"}}Note: This label can be viewed by students taking the quiz.{{/t}}
  37. </p></span>
  38. {{/if}}
  39. </div>
  40. </div>
  41. <div class="control-group">
  42. <label class="control-label" for="dimensions_controls">{{#t "dimensions"}}Dimensions{{/t}}</label>
  43. <div class="controls" id="dimensions_controls" aria-describedby="aspect_ratio_note">
  44. <input class="span1"
  45. name="image[width]"
  46. type="text"
  47. aria-label="{{#t "image_width"}}Image Width{{/t}}">
  48. x
  49. <input class="span1"
  50. name="image[height]"
  51. type="text"
  52. aria-label="{{#t "image_height"}}Image Height{{/t}}">
  53. <span><p class="help-block" id="aspect_ratio_note">{{#t "dimension_help_text"}}Aspect ratio will be preserved{{/t}}</p></span>
  54. </div>
  55. </div>
  56. </fieldset>
  57. </div>