novo.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. {% extends 'layout.html' %}
  2. {% block body %}
  3. <script src="/js/jquery.tagsinput.min.js" charset="utf-8"></script>
  4. <link rel="stylesheet" href="/css/jquery.tagsinput.css">
  5. <div class="container">
  6. <div class="panel panel-novo">
  7. <div class="panel-body">
  8. {% if messages.error %}
  9. <div role="alert" class="alert alert-danger">
  10. {% for error in messages.error %}
  11. <div>{{ error.msg }}</div>
  12. {% endfor %}
  13. </div>
  14. {% endif %}
  15. <form action="" class="form-horizontal">
  16. <legend> Nova produção </legend>
  17. <div class="form-group">
  18. <label class="col-sm-3" for="name">Título da Produção</label>
  19. <div class="col-sm-7">
  20. <input type="text" name="title" class="form-control" autofocus value="" placeholder="O Menino da Internet">
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label class="col-sm-3">Subtítulo da Produção</label>
  25. <div class="col-sm-7">
  26. <input type="text" name="subtitle" class="form-control" autofocus value="" placeholder="A História de Aaron Swartz">
  27. </div>
  28. </div>
  29. <div class="form-group">
  30. <label class="col-sm-3">Ano da Produção</label>
  31. <div class="col-sm-2">
  32. <input type="text" name="year" class="form-control" autofocus value="" placeholder="2014">
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <label class="col-sm-3">Duração</label>
  37. <div class="col-sm-2">
  38. <input type="text" name="duration" class="form-control" autofocus value="" placeholder="1h 45m">
  39. </div>
  40. </div>
  41. <div class="form-group">
  42. <label class="col-sm-3">Classificação Indicativa</label>
  43. <div class="col-sm-7">
  44. <label class="radio-inline radio">
  45. <input type="radio" name="classind" value="l"><span>Livre</span>
  46. </label>
  47. <label class="radio-inline radio">
  48. <input type="radio" name="classind" value="10"><span>10</span>
  49. </label>
  50. <label class="radio-inline radio">
  51. <input type="radio" name="classind" value="12"><span>12</span>
  52. </label>
  53. <label class="radio-inline radio">
  54. <input type="radio" name="classind" value="14"><span>14</span>
  55. </label>
  56. <label class="radio-inline radio">
  57. <input type="radio" name="classind" value="16"><span>16</span>
  58. </label>
  59. <label class="radio-inline radio">
  60. <input type="radio" name="classind" value="18"><span>18</span>
  61. </label>
  62. </div>
  63. </div>
  64. <div class="form-group">
  65. <label class="col-sm-3">Descrição</label>
  66. <div class="col-sm-7">
  67. <textarea class="form-control" rows="10" name="sinopse" id="textarea"></textarea>
  68. </div>
  69. </div>
  70. <div class="form-group">
  71. <label class="col-sm-3">Url do Vídeo</label>
  72. <div class="col-sm-5">
  73. <input type="text" name="video" class="form-control" autofocus value="" placeholder="y8fxto7ua">
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="col-sm-3">Permalink</label>
  78. <div class="col-sm-5">
  79. <input type="text" name="permalink" class="form-control" autofocus value="" placeholder="o-menino-da-internet">
  80. </div>
  81. </div>
  82. <div class="form-group">
  83. <label class="col-sm-3">Tags</label>
  84. <div class="col-sm-7">
  85. <input type="text" name="tags" class="form-control" autofocus value="" placeholder="docs, tech, biografia">
  86. </div>
  87. </div>
  88. <div class="form-group">
  89. <label class="col-sm-3">Imagem de Background</label>
  90. <div class="col-sm-7">
  91. <input id="upload-input" type="file" accept="image/jpg, image/jpeg">
  92. <img1></img1>
  93. </div>
  94. </div>
  95. <div class="form-group">
  96. <label class="col-sm-3">Imagem para Thumbnail</label>
  97. <div class="col-sm-7">
  98. <input id="upload-input2" type="file" accept="image/jpg, image/jpeg">
  99. <img2></img2>
  100. </div>
  101. <small>480x270</small>
  102. </div>
  103. <!-- Fim -->
  104. <div class="form-group">
  105. <!-- <small class="text-muted">Criando uma conta, você concorda com os <a href="/" target="_blank">Termos de Uso</a>.</small> -->
  106. </div>
  107. <div class="col-sm-3"></div>
  108. <div class="col-sm-7">
  109. <button type="submit" class="btn btn-success" formmethod="post">Salvar Produção</button>
  110. <button formaction="/minhascampanhas" formmethod="get" class="btn btn-danger" value="">Cancelar</button>
  111. </div>
  112. </form>
  113. </div>
  114. </div>
  115. </div>
  116. <script src="/js/bootstrap-select.js"></script>
  117. <script src="js/upload.js"></script>
  118. {% endblock %}