UploadMediaTrackForm.handlebars 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <div title="Create/Add Subtitles" class="uploadMediaTrackForm bootstrap-form form-horizontal">
  2. {{#if is_amazon_url}}
  3. <p class="alert alert-info">{{#t "upload_media_track_info"}}<strong>Instructions:</strong>
  4. Follow these three steps to create a subtitle file for your video, then upload it here.
  5. If you already have an SRT subtitle file you can skip to step 3.{{/t}}
  6. </p>
  7. {{/if}}
  8. <div class="content-box border border-trbl border-round pad-box">
  9. {{#if is_amazon_url}}
  10. <div>
  11. <p class="uploadMediaTrackFormDescription">
  12. <strong>{{#t "upload_media_track_form_step1_label"}}Step 1:{{/t}}</strong>
  13. {{#t "upload_media_track_form_description_1"}}Copy this video url:{{/t}}
  14. </p>
  15. <div class="content-callout media-track-video-url">{{video_url}}</div>
  16. </div>
  17. <div>
  18. <p class="uploadMediaTrackFormDescription">
  19. <strong>{{#t "upload_media_track_form_step2_label"}}Step 2:{{/t}}</strong>
  20. {{#t "upload_media_track_form_description_2"}}Create a subtitle file by clicking this link and following the instructions.{{/t}}
  21. </p>
  22. <div class="content-box media-track-content-box">
  23. <form action="https://www.amara.org/en/videos/create/" method="POST" target="_blank" >
  24. <input type="hidden" name="video_url" value="{{video_url}}">
  25. <button class="btn btn-small media-track-form-button" type="submit" value="Begin">{{#t "media_track_form_button"}}Go to subtitle creation tool{{/t}}</button>
  26. </form>
  27. </div>
  28. </div>
  29. {{/if}}
  30. <div>
  31. <p class="uploadMediaTrackFormDescription">
  32. {{#if is_amazon_url}}
  33. <strong>{{#t "upload_media_track_form_step3_label"}}Step 3:{{/t}}</strong>
  34. {{#t "upload_media_track_form_description"}}
  35. Once you have a subtitle track in either the SRT or <a target="_blank" href="http://dev.w3.org/html5/webvtt/">WebVTT</a> format,
  36. you can upload it here.
  37. {{/t}}
  38. {{ else }}
  39. {{#t "upload_media_track_form_description_3"}}
  40. Upload a subtitle track in either the SRT or <a target="_blank" href="http://dev.w3.org/html5/webvtt/">WebVTT</a> format.
  41. {{/t}}
  42. {{/if}}
  43. </p>
  44. <div class="content-box media-track-content-box">
  45. <div class="invalidInputMsg alert alert-error" style="display:none;">
  46. {{#t "error_message"}}<strong>Error:</strong> You must choose a language and a valid track file.{{/t}}
  47. </div>
  48. <div class="control-group">
  49. <label class="control-label" for="umtf_locale">{{#t "language"}}Language{{/t}}</label>
  50. <div class="controls">
  51. <select name="locale" id="umtf_locale">
  52. <option value=''>{{#t "choose_a_language"}}--Choose a Language--{{/t}}</option>
  53. {{#each languages}}
  54. <option value="{{code}}">{{name}}</option>
  55. {{/each}}
  56. </select>
  57. </div>
  58. </div><!-- control group end -->
  59. <div class="control-group">
  60. <label class="control-label" for="umtf_content">{{#t "file"}}File{{/t}}</label>
  61. <div class="controls">
  62. <input class="input-file" id="umtf_content" name="content" type="file">
  63. </div>
  64. </div><!-- control group end -->
  65. </div><!-- content-box end -->
  66. </div><!-- media track step -->
  67. </div><!-- end border border-tbl -->
  68. </div>