You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Create.cshtml 9.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
  2. @{
  3. ViewData["Title"] = "ثبت نام مشتری جدید";
  4. Layout = "~/Areas/Admin/Views/Shared/_Adminlayout.cshtml";
  5. }
  6. <div class="content container-fluid">
  7. <section class="basic-elements">
  8. <div class="page-header">
  9. <div class="row">
  10. <div class="col-sm-11 col-auto">
  11. <ul class="breadcrumb">
  12. <li class="breadcrumb-item"><a href="index.html">داشبورد</a></li>
  13. <li class="breadcrumb-item active">ثبت مشتری جدید</li>
  14. </ul>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="row">
  19. <div class="col-md-12">
  20. <div class="card">
  21. <div class="card-header">
  22. <div class="card-title-wrap bar-success">
  23. <h4 class="card-title mb-0">اطلاعات مشتری جدید را وارد نمایید</h4>
  24. </div>
  25. </div>
  26. <div class="card-body">
  27. <div class="px-3">
  28. <div class="form">
  29. <div class="form-body">
  30. <div class="row">
  31. <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
  32. <fieldset class="form-group">
  33. <label for="FullName">نام و نام خانوادگی</label>
  34. <input type="text" class="form-control" id="fullName">
  35. </fieldset>
  36. </div>
  37. <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
  38. <fieldset class="form-group">
  39. <label for="Link">لینک</label>
  40. <small class="text-muted"><i>www.google.com</i></small>
  41. <input type="text" class="form-control" id="link">
  42. </fieldset>
  43. </div>
  44. <div class="col-xl-4 col-lg-6 col-md-12 mb-1">
  45. <fieldset class="form-group">
  46. <label for="Image">تصویر </label>
  47. <small class="text-muted"><i>(اندازه تصویر عرض 108 و طول 216 باشد)</i></small>
  48. <input type="file" class="form-control" accept="image/*" id="Image">
  49. </fieldset>
  50. </div>
  51. <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
  52. <fieldset class="form-group">
  53. <label for="Address">آدرس</label>
  54. <input type="text" class="form-control" id="address">
  55. </fieldset>
  56. </div>
  57. <div class="col-xl-12 col-lg-12 col-md-12 mb-1">
  58. <fieldset class="form-group">
  59. <br />
  60. <button onclick="SaveCustomer()" class="btn btn-success col-md-12">ذخیره </button>
  61. </fieldset>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </section>
  72. </div>
  73. @section Scripts
  74. {
  75. <link href="~/Sweetalert2/sweetalert2.min.css" rel="stylesheet" />
  76. <script src="~/Sweetalert2/sweetalert2.min.js"></script>
  77. <script>
  78. function SaveCustomer() {
  79. //Check inValid
  80. if ($("#fullName").val() == "") {
  81. swal.fire(
  82. 'هشدار!',
  83. "فیلد نام را باید وارد کنید",
  84. 'warning'
  85. );
  86. }
  87. else if ($("#link").val() == "") {
  88. swal.fire(
  89. 'هشدار!',
  90. "فیلد لینک را باید وارد کنید",
  91. 'warning'
  92. );
  93. }
  94. else if (document.getElementById("Image").files.length == 0) {
  95. swal.fire(
  96. 'هشدار!',
  97. "فیلد تصویر را باید وارد کنید",
  98. 'warning'
  99. );
  100. }
  101. else {
  102. var data = new FormData();
  103. swal.fire({
  104. title: 'ثبت مشتری',
  105. text: "آیا میخواهید ثبت مشتری را انجام دهید؟",
  106. icon: 'info',
  107. showCancelButton: true,
  108. confirmButtonColor: '#3085d6',
  109. cancelButtonColor: '#d33',
  110. confirmButtonText: 'بله ثبت انجام شود',
  111. cancelButtonText: 'خیر'
  112. }).then((result) => {
  113. if (result.value) {
  114. debugger;
  115. data.append('FullName', $("#fullName").val());
  116. data.append('Address', $("#address").val());
  117. data.append('Link', $("#link").val());
  118. //دریافت عکس های انتخاب شده توسط کاربر و قرار دادن عکس ها در متغیر data
  119. var customerImage = document.getElementById("Image");
  120. if (customerImage.files.length > 0) {
  121. data.append('Image', customerImage.files[0]);
  122. }
  123. $.ajax({
  124. contentType: false,
  125. processData: false,
  126. type: "POST",
  127. url: "Create",
  128. data: data,
  129. success: function (data) {
  130. debugger;
  131. if (data.isSuccess == true) {
  132. swal.fire(
  133. 'موفق!',
  134. data.message,
  135. 'success'
  136. ).then(function (isConfirm) {
  137. location.reload();
  138. });
  139. }
  140. else {
  141. swal.fire(
  142. 'هشدار!',
  143. data.message,
  144. 'warning'
  145. );
  146. }
  147. },
  148. error: function (request, status, error) {
  149. alert(request.responseText);
  150. }
  151. });
  152. }
  153. })
  154. }
  155. }
  156. function DeleteCustomer(CustomerId) {
  157. swal.fire({
  158. title: 'حذف مشتری',
  159. text: "کاربر گرامی از حذف مشتری مطمئن هستید؟",
  160. icon: 'warning',
  161. showCancelButton: true,
  162. confirmButtonColor: '#d33',
  163. cancelButtonColor: '#7cacbe',
  164. confirmButtonText: 'بله ، مشتری حذف شود',
  165. cancelButtonText: 'خیر'
  166. }).then((result) => {
  167. if (result.value) {
  168. var postData = {
  169. 'CustomerId': CustomerId,
  170. };
  171. $.ajax({
  172. contentType: 'application/x-www-form-urlencoded',
  173. dataType: 'json',
  174. type: "POST",
  175. url: "Delete",
  176. data: postData,
  177. success: function (data) {
  178. if (data.isSuccess == true) {
  179. swal.fire(
  180. 'موفق!',
  181. data.message,
  182. 'success'
  183. ).then(function (isConfirm) {
  184. location.reload();
  185. });
  186. }
  187. else {
  188. swal.fire(
  189. 'هشدار!',
  190. data.message,
  191. 'warning'
  192. );
  193. }
  194. },
  195. error: function (request, status, error) {
  196. alert(request.responseText);
  197. }
  198. });
  199. }
  200. })
  201. }
  202. </script>
  203. }