API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 18th, 2019
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.39 KB | None | 0 0
raw download clone embed print report
  1. <div class="modal fade" id="AddNewModal" tabindex="-1" role="dialog" aria-labelledby="AddNewModalLabel" aria-hidden="true">
  2. <div class="modal-dialog modal-xl" role="document">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <h4 class="modal-title" id="AddNewModalLabel">Reservation</h4>
  6. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7. <span aria-hidden="true">&times;</span>
  8. </button>
  9. </div>
  10. <form class="js-order-create-form">
  11. <div class="modal-body">
  12.  
  13. <div class="row">
  14. <div class="form-group col-lg-4">
  15. <label>Apartment</label>
  16. <select class="js-apartment form-control" name="@nameof(Model.ApartmentID)">
  17. <option></option>
  18. @if (Model.HasApartments)
  19. {
  20. foreach (var Item in Model.Apartments)
  21. {
  22. <option value="@Item.Key">@Item.Value</option>
  23. }
  24. }
  25. </select>
  26. <p class="help-block">
  27. <span class="error-text"></span>
  28. </p>
  29. </div>
  30. <div class="form-group col-lg-4">
  31. <label>Check In</label>
  32. @Html.DevExpress().DateEdit(
  33. settings =>
  34. {
  35. settings.Name = nameof(Model.CheckInDate);
  36. Model.Form.InitDateEditSettings(settings);
  37. settings.Properties.ValidationSettings.RequiredField.IsRequired = false;
  38. settings.Properties.MinDate = DateTime.Today;
  39. settings.ControlStyle.CssClass = "js-checkin-date form-control";
  40. settings.Properties.ClientSideEvents.CalendarCustomDisabledDate = "OrdersGridModel.Order.DisableCheckInDates";
  41. }
  42. ).Bind(Model.CheckInDate).GetHtml()
  43. <p class="help-block">
  44. <span class="error-text"></span>
  45. </p>
  46. </div>
  47. <div class="form-group col-lg-4">
  48. <label>Check Out</label>
  49. @Html.DevExpress().DateEdit(
  50. settings =>
  51. {
  52. settings.Name = nameof(Model.CheckoutDate);
  53. Model.Form.InitDateEditSettings(settings);
  54. settings.Properties.ValidationSettings.RequiredField.IsRequired = false;
  55. settings.Properties.MinDate = DateTime.Today;
  56. settings.ControlStyle.CssClass = "js-checkout-date form-control";
  57. settings.Properties.DateRangeSettings.StartDateEditID = nameof(Model.CheckInDate);
  58. settings.Properties.ClientSideEvents.CalendarCustomDisabledDate = "OrdersGridModel.Order.DisableCheckOutDates";
  59. settings.Properties.ClientSideEvents.DateChanged = "OrdersGridModel.Order.CalculateOrderPrice";
  60. }
  61. ).Bind(Model.CheckoutDate).GetHtml()
  62. <p class="help-block">
  63. <span class="error-text"></span>
  64. </p>
  65. </div>
  66. </div>
  67. <div class="row">
  68. <div class="form-group col-lg-4">
  69. <label>Firstname</label>
  70. <input type="text" class="js-firstname form-control" autocomplete="no" name="@nameof(Model.CustomerFirstName)" />
  71. <p class="help-block">
  72. <span class="error-text"></span>
  73. </p>
  74. </div>
  75. <div class="form-group col-lg-4">
  76. <label>Lastname</label>
  77. <input type="text" class="js-lastname form-control" autocomplete="no" name="@nameof(Model.CustomerLastName)" />
  78. <p class="help-block">
  79. <span class="error-text"></span>
  80. </p>
  81. </div>
  82. <div class="form-group col-lg-4">
  83. <label>Email</label>
  84. <input type="text" class="js-email form-control" autocomplete="no" name="@nameof(Model.CustomerEmail)" />
  85. <p class="help-block">
  86. <span class="error-text"></span>
  87. </p>
  88. </div>
  89. </div>
  90. <div class="row">
  91. <div class="form-group col-lg-4">
  92. <label>Mobile</label>
  93. <input class="js-mobile form-control" type="text" autocomplete="no" name="@nameof(Model.CustomerMobile)" value="@Model.CustomerMobile" />
  94. <p class="help-block">
  95. <span class="error-text"></span>
  96. </p>
  97. </div>
  98. <div class="form-group col-lg-4">
  99. <div class="d-flex justify-content-between">
  100. <label>Viber</label>
  101. <label>
  102. <input class="js-viber-same-as-mobile" type="checkbox" value="true" /> Same As Mobile
  103. </label>
  104. </div>
  105. <input class="js-viber form-control" type="text" autocomplete="no" name="@nameof(Model.CustomerViber)" value="@Model.CustomerViber" />
  106. <p class="help-block">
  107. <span class="error-text"></span>
  108. </p>
  109. </div>
  110. <div class="form-group col-lg-4">
  111. <div class="d-flex justify-content-between">
  112. <label>WhatsApp</label>
  113. <label>
  114. <input class="js-whatsapp-same-as-mobile" type="checkbox" value="true" /> Same As Mobile
  115. </label>
  116. </div>
  117.  
  118. <input class="js-whatsapp form-control" type="text" autocomplete="no" name="@nameof(Model.CustomerWhatsApp)" value="@Model.CustomerWhatsApp" />
  119. <p class="help-block">
  120. <span class="error-text"></span>
  121. </p>
  122. </div>
  123. </div>
  124. <div class="row">
  125. <div class="form-group col-lg-4">
  126. <label>Adult</label>
  127. @Html.DevExpress().SpinEdit(
  128. settings =>
  129. {
  130. settings.Name = nameof(Model.GuestCountAdult);
  131. Model.Form.InitSpinEditSettings(settings, Core.Utilities.Constants.Decimal.NoTrailingZeros);
  132. settings.Properties.MinValue = 1;
  133. settings.Properties.MaxValue = 1000;
  134. settings.ControlStyle.CssClass = "js-guest-count-adult form-control";
  135. }
  136. ).Bind(1).GetHtml()
  137. <p class="help-block">
  138. <span class="error-text"></span>
  139. </p>
  140. </div>
  141. <div class="form-group col-lg-4">
  142. <label>Child</label>
  143. @Html.DevExpress().SpinEdit(
  144. settings =>
  145. {
  146. settings.Name = nameof(Model.GuestCountChildren);
  147. Model.Form.InitSpinEditSettings(settings, Core.Utilities.Constants.Decimal.NoTrailingZeros);
  148. settings.Properties.MinValue = 0;
  149. settings.Properties.MaxValue = 1000;
  150. settings.ControlStyle.CssClass = "js-guest-count-child form-control";
  151. }
  152. ).Bind(0).GetHtml()
  153. <p class="help-block">
  154. <span class="error-text"></span>
  155. </p>
  156. </div>
  157. <div class="form-group col-lg-4">
  158. <label>Infant</label>
  159. @Html.DevExpress().SpinEdit(
  160. settings =>
  161. {
  162. settings.Name = nameof(Model.GuestCountInfant);
  163. Model.Form.InitSpinEditSettings(settings, Core.Utilities.Constants.Decimal.NoTrailingZeros);
  164. settings.Properties.MinValue = 0;
  165. settings.Properties.MaxValue = 1000;
  166. settings.ControlStyle.CssClass = "js-guest-count-infant form-control";
  167. }
  168. ).Bind(0).GetHtml()
  169. <p class="help-block">
  170. <span class="error-text"></span>
  171. </p>
  172. </div>
  173.  
  174. </div>
  175. <div class="row">
  176. <div class="form-group col-lg-4">
  177. <label>Arrival Time</label>
  178. <select class="js-arrival-time form-control" name="@nameof(Model.ArrivalTime)">
  179. <option></option>
  180. @if (Model.HasArrivalTimes)
  181. {
  182. foreach (var Item in Model.ArrivalTimes)
  183. {
  184. <option value="@Item.Key">@Item.Value</option>
  185. }
  186. }
  187. </select>
  188. <p class="help-block">
  189. <span class="error-text"></span>
  190. </p>
  191. </div>
  192. <div class="form-group col-lg-4">
  193. <div class="d-flex justify-content-between">
  194. <label>Flight Number</label>
  195. <label>
  196. <input class="js-airport-shuttle" type="checkbox" value="true" /> Airport suhttle
  197. </label>
  198. </div>
  199.  
  200. <input type="text" class="form-control js-flight-number" autocomplete="no" name="@nameof(Model.FlightNumber)" />
  201. <p class="help-block">
  202. <span class="error-text"></span>
  203. </p>
  204. </div>
  205. <div class="form-group col-lg-4">
  206. <div class="row">
  207. <div class="col-6">
  208. <label>Breakfast</label>
  209. <label class="toggler toggler-lg">
  210. <input type="checkbox" id="BreakfastChechBox" class="js-breakfast" name="@nameof(Model.IsBreakfastSelected)" />
  211. <i></i>
  212. </label>
  213. </div>
  214. <div class="col-6">
  215. <label>Pay Later</label>
  216. <label class="toggler toggler-lg">
  217. <input type="checkbox" id="FreeCancelationChechBox" class="js-free-cancelation" name="@nameof(Model.IsFreeCancelationSelected)" />
  218. <i></i>
  219. </label>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <div class="row">
  225. <div class="form-group col-12">
  226. <label>Note</label>
  227. <textarea class="form-control js-note" name="@nameof(Model.Note)"></textarea>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="modal-header">
  232. <h4 class="modal-title" id="myModalLabel">Card Info</h4>
  233. </div>
  234. <div class="modal-body">
  235. <div class="row">
  236. <div class="form-group col-lg-4">
  237. <label>Card Type</label>
  238. <select class="form-control js-card-type-combo">
  239. @if (Model.HasBankCardTypes)
  240. {
  241. foreach (var Item in Model.BankCardTypes)
  242. {
  243. <option value="@Item.Key">@Item.Value</option>
  244. }
  245. }
  246. </select>
  247. <p class="help-block">
  248. <span class="error-text"></span>
  249. </p>
  250. </div>
  251. <div class="form-group col-lg-4">
  252. <label>Card number</label>
  253. <input type="text" class="js-card-number form-control numeric-input" autocomplete="no" />
  254. <p class="help-block">
  255. <span class="error-text"></span>
  256. </p>
  257. </div>
  258. <div class="form-group col-lg-4">
  259. <label>Cardholder Name</label>
  260. <input type="text" class="js-cardholder-name form-control" autocomplete="no" />
  261. <p class="help-block">
  262. <span class="error-text"></span>
  263. </p>
  264. </div>
  265. </div>
  266. <div class="row">
  267.  
  268. <div class="form-group col-lg-4">
  269. <label>Month</label>
  270. <input type="text" class="js-card-expiration-month form-control numeric-input" autocomplete="no" />
  271. <p class="help-block">
  272. <span class="error-text"></span>
  273. </p>
  274. </div>
  275. <div class="form-group col-lg-4">
  276. <label>Year</label>
  277. <input type="text" class="js-card-expiration-year form-control numeric-input" autocomplete="no" />
  278. <p class="help-block">
  279. <span class="error-text"></span>
  280. </p>
  281. </div>
  282. @*<div class="form-group col-lg-4">
  283. <label>CVC</label>
  284. <input type="text" class="js-card-cvc form-control numeric-input" autocomplete="no" />
  285. <p class="help-block">
  286. <span class="error-text"></span>
  287. </p>
  288. </div>*@
  289. </div>
  290. </div>
  291. </form>
  292. <div class="modal-footer justify-content-between align-items-start flex-wrap">
  293. <div class="d-flex align-items-center">
  294. @*<div class="form-group">
  295. <button id="CalculateButton" type="button" class="btn btn-oval btn-default js-calculate-btn"><i class="fas fa-calculator"></i> <span>Calculate</span></button>
  296. </div>*@
  297. <div class="form-group">
  298. <p class="ml-2 mb-0">Total Price: &euro;<span class="js-order-price">0</span></p>
  299. </div>
  300. </div>
  301. <div class="d-flex">
  302. <div class="form-group">
  303. <div class="form-inline">
  304. <label class="mr-2 mb-0">Source</label>
  305. <select class="form-control js-source" name="@nameof(Model.SourceID)">
  306. <option></option>
  307. @if (Model.hasSources)
  308. {
  309. foreach (var Item in Model.OrderSources)
  310. {
  311. <option value="@Item.Key">@Item.Value</option>
  312. }
  313. }
  314. </select>
  315. </div>
  316. <p class="help-block text-right">
  317. <span class="error-text"></span>
  318. </p>
  319. </div>
  320. <div class="form-group">
  321. <div class="form-inline">
  322. <label class="mr-2 mb-0 ml-2">Language</label>
  323.  
  324. <select class="form-control js-culture" name="@nameof(Model.OrderCultureID)">
  325. <option></option>
  326. @if (Model.HasCultures)
  327. {
  328. foreach (var Item in Model.OrderCultures)
  329. {
  330. <option value="@Item.Key">@Item.Value</option>
  331. }
  332. }
  333. </select>
  334. </div>
  335. <p class="help-block text-right">
  336. <span class="error-text"></span>
  337. </p>
  338. </div>
  339. <div class="form-group">
  340. <label class="mr-2 mb-0 ml-2 d-sm-none">&nbsp;</label>
  341. <button id="SaveButton" type="button" class="btn btn-circle btn-primary js-save-order-btn ml-2"><i class="fas fa-save"></i></button>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!