Orl 短網址,供三星、福斯使用

UrlManagementEdit.blade.php 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. @extends('admin.master')
  2. @section('content')
  3. <div class="row">
  4. <div class="col-lg-12">
  5. <!-- 指定新增的端點 -->
  6. <form id="EditForm" class="form-horizontal" method="post"
  7. action="{{ url('/backend/dataManagement/urlManagement/store') }}">
  8. {{ csrf_field() }}
  9. <div class="panel panel-primary">
  10. <div class="panel-heading">
  11. <!-- 更改文案 -->
  12. <h4 class="panel-title">{{ ($operdata == "") ? "新增" : "修改" }}網址</h4>
  13. </div>
  14. <div class="panel-body">
  15. <div>
  16. <!-- 表格本體 -->
  17. <table class="table" cellspacing="0" id="DetailsView1" style="border-collapse:collapse;">
  18. <tbody>
  19. <!-- 欄位:ID -->
  20. @if ($operdata == "")
  21. <!-- Insert Mode -->
  22. <input type="hidden" name="mode" value="insert"/>
  23. @else
  24. <!-- Edit Mode -->
  25. <input type="hidden" name="mode" value="edit"/>
  26. <tr>
  27. <td class="col-lg-2">ID</td>
  28. <td>
  29. <input name="serno" type="hidden" value="{{ $operdata['serno'] }}"
  30. id="serno"/>
  31. {{ $operdata['serno'] }}
  32. </td>
  33. </tr>
  34. @endif
  35. <!-- 欄位:活動名稱 -->
  36. <!-- ALL Mode -->
  37. <tr>
  38. <td class="header-require col-lg-2">活動名稱</td>
  39. <td>
  40. <div class="col-lg-3 nopadding">
  41. @if ($operdata == "")
  42. <input name="title" type="text" value="" maxlength="100" id="title"
  43. class="form-control">
  44. @else
  45. <input name="title" type="text" value="{{ $operdata['title'] }}"
  46. maxlength="20" id="title" class="form-control">
  47. @endif
  48. <label class="error" for="title"></label>
  49. </div>
  50. </td>
  51. </tr>
  52. <!-- 欄位:網址 -->
  53. <!-- ALL Mode -->
  54. <tr>
  55. <td class="header-require col-lg-2">網址</td>
  56. <td>
  57. <div class="col-lg-3 nopadding">
  58. @if ($operdata == "")
  59. <input name="url" type="text" value="" maxlength="100" id="url"
  60. class="form-control">
  61. @else
  62. <input name="url" type="text" value="{{ $operdata['url'] }}"
  63. maxlength="1024" id="url" class="form-control">
  64. @endif
  65. <label class="error" for="url"></label>
  66. </div>
  67. </td>
  68. </tr>
  69. <!-- 欄位:短網址 -->
  70. @if ($operdata == "")
  71. <!-- Insert Mode -->
  72. @else
  73. <!-- Edit Mode -->
  74. <input type="hidden" name="mode" value="edit"/>
  75. <tr>
  76. <td class="col-lg-2">短網址</td>
  77. <td>
  78. {{ $operdata['code'] }}
  79. </td>
  80. </tr>
  81. @endif
  82. <!-- 欄位:備註 -->
  83. <!-- ALL Mode -->
  84. <tr>
  85. <td class="header-require col-lg-2">備註</td>
  86. <td>
  87. <div class="col-lg-3 nopadding">
  88. @if ($operdata == "")
  89. <input name="memo" type="text" value="" maxlength="100" id="memo"
  90. class="form-control">
  91. @else
  92. <input name="memo" type="text" value="{{ $operdata['memo'] }}"
  93. maxlength="20" id="memo" class="form-control">
  94. @endif
  95. <label class="error" for="memo"></label>
  96. </div>
  97. </td>
  98. </tr>
  99. <!-- 欄位:有效否 -->
  100. <!-- ALL Mode -->
  101. <tr>
  102. <td class="header-require col-lg-2">有效否</td>
  103. <td>
  104. <div class="col-lg-3 nopadding">
  105. @if ($operdata == "")
  106. <input type="checkbox" id="valid" name="valid" checked>
  107. @else
  108. <input type="checkbox" id="valid"
  109. name="valid" {{ $operdata['valid'] == 1 ? "checked" : "" }}>
  110. @endif
  111. </div>
  112. </td>
  113. </tr>
  114. <!-- 下控制按鈕 -->
  115. <tr>
  116. <td>&nbsp;</td>
  117. <td>
  118. <div style="text-align: right">
  119. @if ($operdata == "")
  120. <!-- Insert Mode -->
  121. <input type="submit" name="btnUpdate_foot" value="新增"
  122. id="btnUpdate_foot" class="btn btn-primary btn-xs"
  123. onclick="submitForm();">
  124. @else
  125. <!-- Edit Mode -->
  126. <input type="submit" name="btnUpdate_foot" value="修改"
  127. id="btnUpdate_foot" class="btn btn-primary btn-xs"
  128. onclick="submitForm();">
  129. @endif
  130. <input type="button" name="btnBackTo2_foot" value="返回" id="btnBackTo2_foot"
  131. class="btn btn-default btn-xs">
  132. </div>
  133. </td>
  134. </tr>
  135. </tbody>
  136. </table>
  137. </div>
  138. </div>
  139. <!-- panel-body -->
  140. </div>
  141. </form>
  142. </div>
  143. </div>
  144. @endsection
  145. @section('extjs')
  146. <script>
  147. $(document).ready(function () {
  148. $("#btnBackTo2").click(function () {
  149. // 上方的返回列表按鈕觸發
  150. location.href = '{{ url('backend/dataManagement/urlManagement') }}';
  151. });
  152. $("#btnBackTo2_foot").click(function () {
  153. // 下方的返回列表按鈕觸發
  154. location.href = '{{ url('backend/dataManagement/urlManagement') }}';
  155. });
  156. // 初始化需要偵錯的表格
  157. $('#EditForm').validate();
  158. // 正規表達驗證初始化
  159. $.validator.addMethod(
  160. "regex",
  161. function (value, element, regexp) {
  162. var re = new RegExp(regexp);
  163. return this.optional(element) || re.test(value);
  164. }
  165. );
  166. // 各欄位
  167. $('#title').rules("add", {
  168. required: true,
  169. minlength: 1,
  170. maxlength: 20,
  171. messages: {
  172. required: "活動名稱 長度請介於 1-20",
  173. minlength: "活動名稱 長度請介於 1-20",
  174. maxlength: "活動名稱 長度請介於 1-20"
  175. }
  176. });
  177. $('#url').rules("add", {
  178. required: true,
  179. url: true,
  180. minlength: 1,
  181. maxlength: 1024,
  182. messages: {
  183. required: "網址 長度請介於 1-1024",
  184. url: "網址 格式錯誤",
  185. minlength: "網址 長度請介於 1-1024",
  186. maxlength: "網址 長度請介於 1-1024"
  187. }
  188. });
  189. $('#memo').rules("add", {
  190. required: false,
  191. minlength: 0,
  192. maxlength: 20,
  193. messages: {
  194. required: "備註 長度請介於 0-20",
  195. minlength: "備註 長度請介於 0-20",
  196. maxlength: "備註 長度請介於 0-20"
  197. }
  198. });
  199. });
  200. //提交與取消按鈕
  201. function submitForm() {
  202. if (!!($("#EditForm").valid()) === false) {
  203. return false;
  204. } else {
  205. $(document).ready(function () {
  206. $.blockUI({
  207. css: {
  208. border: 'none',
  209. padding: '15px',
  210. backgroundColor: '#000',
  211. '-webkit-border-radius': '10px',
  212. '-moz-border-radius': '10px',
  213. opacity: .5,
  214. color: '#FFF'
  215. }
  216. });
  217. });
  218. }
  219. $(document).ready(function () {
  220. $("#EditForm").submit();
  221. });
  222. }
  223. // 活動名稱補完
  224. $(function () {
  225. var availableTags = [
  226. @foreach($titles as $data)
  227. "{{ $data['title'] }}",
  228. @endforeach
  229. ""
  230. ];
  231. $("#title").autocomplete({
  232. source: availableTags
  233. });
  234. });
  235. function cancelValidate() {
  236. $("#EditForm").validate().cancelSubmit = true;
  237. }
  238. </script>
  239. @endsection