frame.blade.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!--- {{ 작성 }}-search --->
  2. {{-- 고정 변수명 $moealSetFile --}}
  3. {{-- $moealSetFile['FormVars']['Title']['변수명'] --}}
  4. {{-- input에 hidden 처리 하기 --}}
  5. <div class="modal fade" id="modal-{{ 아이디 입력 }}" aria-hidden="true" data-backdrop="static" style="display: none; z-index: 1050; overflow: auto;">
  6. <div class="modal-dialog m-auto pt-4">
  7. <div class="modal-content">
  8. <div class="modal-header bg-primary p-2">
  9. <h4 class="modal-title text-white" id="myModalLabel"></h4>
  10. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="icon-exit" style="margin-top: 10px;"></i></button>
  11. </div>
  12. <div class="modal-body">
  13. <div class="row p-0 mt-2 m-auto">
  14. <div class="col-lg-3 col-md-6 col-12">
  15. {{-- 라디오 버튼 --}}
  16. <div class="d-flex flex-column mb-2" style="height: 50px;">
  17. <label class="m-0 font-weight-bold">{{ 라벨 이름 }}</label>
  18. <div class="d-flex align-items-center" style="height: 28px;">
  19. @foreach ({{ 배열 변수 입력 }} as $key => $option)
  20. <input class="w-100" autocomplete="off" name="{{ name 입력 }}" type="radio" value="{{ $option['Value'] }}" id="{{ 'name 입력-'.($key+1) }}"
  21. {{-- 초기에 체크 할 버튼 --}}
  22. {{ $option['Value'] == 'all' ? 'checked' : ''}}>
  23. <label for="{{ 'name 입력-'.($key+1) }}" class="w-100 rounded overflow-hidden mr-0 text-nowrap">{{ $option['Caption'] }}
  24. </label>
  25. @endforeach
  26. </div>
  27. </div>
  28. {{-- 날짜 --}}
  29. <div class="d-flex flex-column mb-2" style="height: 50px;">
  30. <label class="m-0 font-weight-bold">날짜</label>
  31. <div class="d-flex">
  32. <input class="rounded overflow-hidden w-100 text-nowrap {{ 클래스명 입력 }}" type="date" value="{{ 초기벨류 }}">
  33. <button class="btn disabled p-1 text-center">~</button>
  34. <input class="rounded overflow-hidden w-100 text-nowrap {{ 클래스명 입력 }}" type="date" value="{{ 초기벨류 }}">
  35. </div>
  36. </div>
  37. {{-- 라디오 버튼 수동 입력 --}}
  38. <div class="d-flex flex-column mb-2" style="height: 50px;">
  39. <label class="m-0 font-weight-bold">{{ 라벨명 }}</label>
  40. <div class="d-flex align-items-center" style="height: 28px;">
  41. <input class="w-100" name="{{ 변수 작성 }}" type="radio" value="0" id="{{ 변수 작성 }}-1" checked>
  42. <label class="w-100 rounded overflow-hidden mr-0 text-nowrap" for="{{ 변수 작성 }}-1">일반</label>
  43. <input class="w-100" name="{{ 변수 작성 }}" type="radio" value="1" id="{{ 변수 작성 }}-2">
  44. <label class="w-100 rounded overflow-hidden mr-0 text-nowrap" for="{{ 변수 작성 }}-2">빠르게</label>
  45. <input class="w-100" name="{{ 변수 작성 }}" type="radio" value="2" id="{{ 변수 작성 }}-3">
  46. <label class="w-100 rounded overflow-hidden mr-0 text-nowrap" for="{{ 변수 작성 }}-3">디테일하게</label>
  47. </div>
  48. </div>
  49. </div>
  50. {{-- 기본 텍스트 --}}
  51. <div class="col-lg-3 col-md-6 col-12">
  52. <div class="d-flex flex-column mb-2" style="height: 50px;">
  53. <label class="m-0 font-weight-bold">{{ 라벨 작성 }}</label>
  54. <input type="text" class="rounded w-100 {{ 클래스명 입력 }}" autocomplete="off">
  55. </div>
  56. <div class="d-flex flex-column mb-2" style="height: 50px;">
  57. <label class="m-0 font-weight-bold">{{ 라벨 작성 }}</label>
  58. <input type="text" class="rounded w-100 {{ 클래스명 입력 }}" autocomplete="off">
  59. </div>
  60. <div class="d-flex flex-column mb-2" style="height: 50px;">
  61. <label class="m-0 font-weight-bold">{{ 라벨 작성 }}</label>
  62. <input type="text" class="rounded w-100 {{ 클래스명 입력 }}" autocomplete="off">
  63. </div>
  64. </div>
  65. </div>
  66. <button type="button" class="btn btn-dark btn-sm icon-search4 modal-search position-absolute"
  67. style="right: 5px; top:5px;" data-target="{{ 작성 }}">
  68. </button>
  69. </div>
  70. <div class="modal-footer">
  71. <div class="col-12 mt-2 mb-2 table-responsive" style="height: 400px;">
  72. <table class="table-row">
  73. <thead id="table-head">
  74. </thead>
  75. {{-- 체크박스 표시 --}}
  76. {{-- <tr id="th-check-box" hidden>
  77. <th class="text-center p-0" style="width: 5px"></th>
  78. </tr> --}}
  79. <tbody id="table-body">
  80. </tbody>
  81. </table>
  82. </div>
  83. <div class="px-md-0 px-1 w-100 d-flex justify-content-around align-items-stretch align-items-md-center flex-column flex-md-row">
  84. <select class="modal-line-select mb-md-0 mb-2 rounded" data-target="{{ 작성 }}">
  85. @include('front.outline.moption')
  86. </select>
  87. <div class="d-flex mb-md-0 mb-2 flex-column flex-md-row align-items-stretch align-items-md-center">
  88. <label class="m-0 mr-1 w-20 font-weight-bold" id="oderby-label"></label>
  89. <select class="modal-order-by-select w-100 rounded" data-target="{{ 작성 }}">
  90. </select>
  91. </div>
  92. <ul class="pagination pagination-sm"></ul>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>