templates/form_editable/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.                             <!-- PAGE-HEADER -->
  5.                             <div class="page-header">
  6.                                 <div>
  7.                                     <h1 class="page-title">Form Editable</h1>
  8.                                 </div>
  9.                                 <div class="ms-auto pageheader-btn">
  10.                                     <ol class="breadcrumb">
  11.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Forms</a></li>
  12.                                         <li class="breadcrumb-item active" aria-current="page">Form Editable</li>
  13.                                     </ol>
  14.                                 </div>
  15.                             </div>
  16.                             <!-- PAGE-HEADER END -->
  18.                             <!-- ROW -->
  19.                             <div class="row row-sm">
  20.                                 <div class="col-lg-12">
  21.                                     <div class="card custom-card">
  22.                                         <div class="card-header border-bottom">
  23.                                             <h3 class="card-title">Form Editable</h3>
  24.                                         </div>
  25.                                         <div class="card-body">
  26.                                             <div class="table-responsive">
  27.                                                 <table class="table text-nowrap text-md-nowrap table-bordered">
  28.                                                     <tbody>
  29.                                                         <tr>
  30.                                                             <td class="wp-30">Username</td>
  31.                                                             <td class="wp-70">
  32.                                                                 <a href="#" id="username" data-type="text" data-pk="1" data-title="Enter username">superuser</a>
  33.                                                             </td>
  34.                                                         </tr>
  35.                                                         <tr>
  36.                                                             <td class="wp-30">Email</td>
  37.                                                             <td class="wp-70">
  38.                                                                 <a href="#" id="email" data-type="email" data-pk="1">admin@example.com</a>
  39.                                                             </td>
  40.                                                         </tr>
  41.                                                         <tr>
  42.                                                             <td class="wp-30">Password</td>
  43.                                                             <td class="wp-70">
  44.                                                                 <a href="#" id="password" data-type="password" data-pk="1"></a>
  45.                                                             </td>
  46.                                                         </tr>
  47.                                                         <tr>
  48.                                                             <td class="wp-30">URL</td>
  49.                                                             <td class="wp-70">
  50.                                                                 <a href="#" id="url" data-type="url" data-pk="1"></a>
  51.                                                             </td>
  52.                                                         </tr>
  53.                                                         <tr>
  54.                                                             <td class="wp-30">Telephone Number, Maxlength</td>
  55.                                                             <td class="wp-70">
  56.                                                                 <a href="#" id="tel" data-type="number" data-pk="1"></a>
  57.                                                             </td>
  58.                                                         </tr>
  59.                                                         <tr>
  60.                                                             <td class="wp-30">Range</td>
  61.                                                             <td class="wp-70">
  62.                                                                 <a href="#" id="range" data-type="range" data-pk="1"></a>
  63.                                                             </td>
  64.                                                         </tr>
  65.                                                         <tr>
  66.                                                             <td class="wp-30">Time</td>
  67.                                                             <td class="wp-70">
  68.                                                                 <a href="#" id="time" data-type="time" data-pk="1"></a>
  69.                                                             </td>
  70.                                                         </tr>
  71.                                                         <tr>
  72.                                                             <td class="wp-30">Combodate (date)</td>
  73.                                                             <td class="wp-70">
  74.                                                                 <a href="#" id="dob" data-type="combodate" data-pk="1" data-value="31-12-2021" data-title="Select date"></a>
  75.                                                             </td>
  76.                                                         </tr>
  77.                                                         <tr>
  78.                                                             <td class="wp-30">Empty text field, required</td>
  79.                                                             <td class="wp-70">
  80.                                                                 <a href="#" id="emptyField" data-type="text" data-pk="1" data-title="Enter username"></a>
  81.                                                             </td>
  82.                                                         </tr>
  83.                                                         <tr>
  84.                                                             <td class="wp-30">Select, local array, custom display</td>
  85.                                                             <td class="wp-70">
  86.                                                                 <a href="#" id="gender" data-type="select" data-pk="1" data-title="Select Gender"></a>
  87.                                                             </td>
  88.                                                         </tr>
  89.                                                         <tr>
  90.                                                             <td class="wp-30">Select2 (dropdown mode)</td>
  91.                                                             <td class="wp-70">
  92.                                                                 <a href="#" id="country" data-type="select2" data-pk="1" data-title="Select Country"></a>
  93.                                                             </td>
  94.                                                         </tr>
  95.                                                         <tr>
  96.                                                             <td class="wp-30">Custom input, several fields</td>
  97.                                                             <td class="wp-70">
  98.                                                                 <a href="#" id="address" data-type="address" data-pk="1" data-title="Please, fill address"></a>
  99.                                                             </td>
  100.                                                         </tr>
  101.                                                         <tr>
  102.                                                             <td class="wp-30">Checklist</td>
  103.                                                             <td class="wp-70">
  104.                                                                 <a href="#" id="checklist" data-type="checklist" data-pk="1" data-title="Select options"></a>
  105.                                                             </td>
  106.                                                         </tr>
  107.                                                         <tr>
  108.                                                             <td class="wp-30">Textarea, buttons below. Submit by <span class="tag">ctrl+enter</span> </td>
  109.                                                             <td class="wp-70">
  110.                                                                 <a href="#" id="textarea" data-type="textarea" data-pk="1">awesome comment!</a>
  111.                                                             </td>
  112.                                                         </tr>
  113.                                                     </tbody>
  114.                                                 </table>
  115.                                             </div>
  116.                                         </div>
  117.                                     </div>
  118.                                 </div>
  119.                             </div>
  120.                             <!-- END ROW -->
  122. {% endblock %}
  124. {% block javascripts %}
  125.    {{parent()}} 
  126.         <!-- MOMENT JS -->
  127.         <script src="{{absolute_url(asset('build/plugins/moment/moment.js'))}}"></script>
  129.         <!-- BOOTSTRAP EDITABLE JS -->
  130.         <script src="{{absolute_url(asset('build/plugins/bootstrap-editable/bootstrap-editable/js/bootstrap-editable.min.js'))}}"></script>
  131.         {{ encore_entry_script_tags('js/bootstrap-editable') }}
  132.         {{ encore_entry_script_tags('js/address-editable') }}
  134.         <!-- SELECT2 JS -->
  135.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  136. {% endblock %}