Guest User

Untitled

a guest
May 28th, 2018
355
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.20 KB | None | 0 0
  1. <form name="questionnaire_form" id="questionnaire_form" action="<?php echo $this->getBaseUrl() . 'questionnaire/index/sendEmail'; ?>" method="POST" enctype="multipart/form-data">
  2. <div class="std">
  3. <div class="product-info-block about-content">
  4. <div class="page-title category-title">
  5. <h1><?= $block->escapeHtml(__('Custom Design Services FORM')) ?></h1>
  6. </div>
  7. <p>
  8. <?= $block->escapeHtml(__('Help us understand your requirements better. Fill in this short form, or just email your details to')) ?>
  9. <a href="mailto:design@slideteam.net">design@slideteam.net</a>
  10. <?= $block->escapeHtml(__(', and let us know if we can call you to ask clarifying questions.')) ?>
  11. </p>
  12. <div class="user-detail">
  13. <ul>
  14. <li>
  15. <label><?= $block->escapeHtml(__('First and Last Name')) ?><em>*</em></label>
  16. <input name="name" value="<?php
  17. if ($name)
  18. {
  19. echo $name;
  20. }
  21. ?>" type="text" class="input-text required-entry" tabindex="1">
  22. </li>
  23. <li>
  24. <label><?= $block->escapeHtml(__('User ID / Email')) ?><em>*</em></label>
  25. <input name="email" value="<?php
  26. if ($email)
  27. {
  28. echo $email;
  29. }
  30. ?>" type="text" class="input-text validate-email required-entry" tabindex="2">
  31. </li>
  32. <li>
  33. <label><?= $block->escapeHtml(__('Phone (optional)')) ?></label>
  34. <input name="phone" value="<?php
  35. if ($phone)
  36. {
  37. echo $phone;
  38. }
  39. ?>" type="text" class="input-text validate-digits" tabindex="3">
  40. </li>
  41. <li>
  42. <label class="blank-label">&nbsp;</label>
  43. <ul class="radio-listing">
  44. <li tabindex="4">
  45. <input type="radio" class="icheck" value="<?= $block->escapeHtml(__('Call me')) ?>" name="call_flag" checked="">
  46. <span><?= $block->escapeHtml(__('Call me')) ?></span>
  47. </li>
  48. <li tabindex="5">
  49. <input type="radio" class="icheck" value="<?= $block->escapeHtml(__('Do not call me')) ?>" name="call_flag">
  50. <span><?= $block->escapeHtml(__('Do not call me')) ?></span>
  51. </li>
  52. </ul>
  53. </li>
  54. </ul>
  55. </div>
  56. <div class="user-detail">
  57. <h4><?= $block->escapeHtml(__('Fill to the best of your knowledge - no field is mandatory')) ?></h4>
  58. <ul>
  59. <li>
  60. <label><?= $block->escapeHtml(__('Number of Slides to be designed')) ?></label>
  61. <input name="number_of_slides" value="<?php
  62. if ($number_of_slides)
  63. {
  64. echo $number_of_slides;
  65. }
  66. ?>" type="text" class="input-text" tabindex="6">
  67. </li>
  68. <li>
  69. <label><?= $block->escapeHtml(__('Describe Your Style Requirement')) ?>
  70. <span><?= $block->escapeHtml(__('1. Stylish and Graphical ')) ?>
  71. <em>
  72. <a href="#" class="tooltips" tabindex="-1">?
  73. <span>
  74. <ul class="list">
  75. <li><?= $block->escapeHtml(__('Consistent 3-5 Colors throughout')) ?></li>
  76. <li><?= $block->escapeHtml(__('Text in text boxes with shadows/layers etc')) ?></li>
  77. <li><?= $block->escapeHtml(__('Greater graphical content')) ?></li>
  78. <li><?= $block->escapeHtml(__('Example Audience - Company Employees, Team Members,Professors and Students, Prospective Customers')) ?></li>
  79. </ul>
  80. </span>
  81. </a>
  82. </em>
  83. </span>
  84. <span><?= $block->escapeHtml(__('2. Elegant and Simple ')) ?>
  85. <em>
  86. <a href="#" class="tooltips" tabindex="-1">?
  87. <span>
  88. <ul class="list">
  89. <li><?= $block->escapeHtml(__('Consistent 2-3 Colors throughout')) ?></li>
  90. <li><?= $block->escapeHtml(__('Corporate Style')) ?></li>
  91. <li><?= $block->escapeHtml(__('Convey ideas graphically but to a degree')) ?></li>
  92. <li><?= $block->escapeHtml(__('Example Audience - Board of Directors, CEOs, CFOs, Investors, Investment Banking, Highly Business Oriented Audience')) ?></li>
  93. </ul>
  94. </span>
  95. </a>
  96. </em>
  97. </span>
  98. <span><?= $block->escapeHtml(__('3. Informal and Playful ')) ?>
  99. <em>
  100. <a href="#" class="tooltips" tabindex="-1">?
  101. <span>
  102. <ul class="list">
  103. <li><?= $block->escapeHtml(__('Colorful but consistent themes/shades')) ?></li>
  104. <li><?= $block->escapeHtml(__('Fancy Graphics - visually appealing')) ?></li>
  105. <li><?= $block->escapeHtml(__('Example Audience - Community gatherings, Schools, Family gatherings and Parties, Churches and Religious gatherings')) ?></li>
  106. </ul>
  107. </span>
  108. </a>
  109. </em>
  110. </span>
  111. <span><?= $block->escapeHtml(__('4. Combination of the above')) ?> </span>
  112. </label>
  113. <textarea name="style_option" class="input-text" tabindex="7"><?php
  114. if ($style_option)
  115. {
  116. echo $style_option;
  117. }
  118. ?></textarea>
  119. </li>
  120. <li>
  121. <label><?= $block->escapeHtml(__('URLs or Names of any preferred SlideTeam')) ?>
  122. <a href=""><u><?= $block->escapeHtml(__('Templates')) ?></u></a> <?= $block->escapeHtml(__('or')) ?> <a href=""><u><?= $block->escapeHtml(__('Diagrams')) ?></u></a><span><a style="color: #393939" href=""><?= $block->escapeHtml(__('Templates are')) ?></a> <?= $block->escapeHtml(__('slide backgrounds')) ?><br><a style="color: #393939" href=""><?= $block->escapeHtml(__('Diagrams are')) ?></a> <?= $block->escapeHtml(__('actual slides')) ?></span>
  123. </label>
  124. <textarea name="template_or_diagram_details" class="input-text" tabindex="8"><?php
  125. if ($template_or_diagram_details)
  126. {
  127. echo $template_or_diagram_details;
  128. }
  129. ?></textarea>
  130. </li>
  131. <li>
  132. <label><?= $block->escapeHtml(__('Description and Flow')) ?><span><?= $block->escapeHtml(__('Notes to the designer. Be as complete and detailed as you can.')) ?></span></label>
  133. <textarea class="input-text" name="description" tabindex="9"><?php
  134. if ($description)
  135. {
  136. echo $description;
  137. }
  138. ?></textarea>
  139. </li>
  140. <li>
  141. <div class="custom_row">
  142. <label><?= $block->escapeHtml(__('Upload Files')) ?> <br> <span><?= $block->escapeHtml(__('Please upload any mockups, presentations, sketches, back of napkin designs etc')) ?><br><?= $block->escapeHtml(__('NOTE: Please use dropbox or yousendit and send us the link if the attachment is greater than')) ?> <strong><?= $block->escapeHtml(__('25 MB')) ?></strong><?= $block->escapeHtml(__(', or mail them separately to design@slideteam.net')) ?></span></label>
  143. <div class="custom_textfield">
  144. <div id="mulitplefileuploader">
  145. <div class="ajax-upload-dragdrop input-text" style="vertical-align:top;">
  146. <div class="ajax-file-upload file_upload custom-upload" style="position: relative; overflow: hidden; cursor: default;"><?= $block->escapeHtml(__('Upload')) ?>
  147. <form method="POST" action="<?php echo $this->getBaseUrl() . 'questionnaire/index/save'; ?>" enctype="multipart/form-data" class="Formisimo_clocked_25785" style="margin: 0px; padding: 0px;">
  148. <input type="file" id="ajax-upload-id-1526544403771" name="myfile[]" accept="*" multiple="" style="position: absolute; cursor: pointer; top: 0px; width: 100%; height: 100%; left: 0px; z-index: 100; opacity: 0;">
  149. </form>
  150. </div>
  151. <span><b><?= $block->escapeHtml(__('Drag & Drop Files')) ?></b></span>
  152. </div>
  153. <div></div>
  154. </div>
  155. <div class="ajax-file-upload-container"></div>
  156. <div id="status"></div>
  157. <input id="filesToAttach" type="hidden" name="filesToAttach">
  158. </div>
  159. </div>
  160. </li>
  161. <li>
  162. <label>&nbsp;</label>
  163. <input type="hidden" name="client_id" value="<?php echo $id; ?>" />
  164. <button class="button btn-default btn start-here-btn" title="Submit" name="submit" id="submit" type="submit"><span><span><?= $block->escapeHtml(__('Submit')) ?></span></span></button>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170.  
  171. <script type="text/javascript">
  172. require(['jquery', 'uploadFileJS'], function ($)
  173. {
  174. $(document).ready(function ()
  175. {
  176. var settings = {
  177. url: "<?php echo $this->getBaseUrl() . 'questionnaire/index/save'; ?>",
  178. method: "POST",
  179. allowedTypes: "pdf, ppt, pptx,doc, docx, jpg, jpeg, png, gif, xlsx, xlsm, xlsb, xls, xltx, xltm, xlt, csv, xlam, xla, ods, zip, txt",
  180. maxFileSize: 26214400,
  181. fileName: "myfile",
  182. multiple: true,
  183. onSuccess: function (files, data, xhr)
  184. {
  185. var file_data = jQuery.parseJSON(data);
  186. alert('ok');
  187. $('<input>').attr({
  188. type: 'hidden',
  189. name: file_data.original + "[]",
  190. value: file_data.modified
  191. }).appendTo('form');
  192. },
  193. onError: function (files, status, errMsg)
  194. {
  195. alert('fail');
  196. $("#status").html(errMsg);
  197. }
  198. };
  199. $("#mulitplefileuploader").uploadFile(settings);
  200. });
  201.  
  202. });
  203.  
  204. <script type="text/javascript">
  205. require(['jquery', 'mage/mage'], function ($)
  206. {
  207. var dataForm = $('#questionnaire_form');
  208. dataForm.mage('validation', {});
  209. });
  210.  
  211. var config = {
  212. map: {
  213. '*': {
  214. JQ1: 'Tatva_Questionnaire/js/jquery-1.11.4-ui',
  215. icheck: 'Tatva_Questionnaire/js/icheck.min',
  216. fancybox: 'Tatva_Questionnaire/js/jquery.fancybox',
  217. JQForm: 'Tatva_Questionnaire/js/jquery.form',
  218. uploadFileJS: 'Tatva_Questionnaire/js/jquery.uploadfile',
  219. }
  220. }
Add Comment
Please, Sign In to add comment