app/template/admin/Backup/index.twig line 1

Open in your IDE?
  1. {% extends '@admin/default_frame.twig' %}
  3. {% set menus = ['setting', 'system', 'migrate'] %}
  5. {% block title %}データ移行{% endblock %}
  6. {% block sub_title %}{% endblock %}
  8. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  10. {% block stylesheet %}
  11. <style>
  12.     .icon-edit{
  13.         width: 20%;
  14.         text-align: center;
  15.         color: black;
  16.     }
  17.     .icon-edit i{
  18.         margin-right: 15px;
  19.         color: black;
  20.         cursor: pointer;
  21.     }
  22.     th,td{
  23.         padding: 10px !important;
  24.     }
  26.     .control-label{
  27.         font-weight: bold;
  28.         margin-bottom: 30px;
  29.         text-align: center;
  30.     }
  31.     form{
  32.         margin-top:30px;
  33.     }
  34.     .checkbox-inline{
  35.         margin-bottom: 15px;
  36.     }
  37.     .form-check-label{
  38.         margin-left: 10px;
  39.     }
  40.     .form-content{
  41.         border: 1px solid #ddd;
  42.         padding: 20px;
  43.     }
  44.     .col-auto{
  45.         text-align: center;
  46.     }
  47.     .btn-ec-migrate{
  48.         color: white !important;
  49.     }
  50.     #btnMigrate{
  51.         color: #fff;
  52.         background-color: #C04949;
  53.     }
  54. </style>
  56. {% endblock stylesheet %}
  58. {% block javascript %}
  59. <script>
  60.     $('a[data-bs-toggle="modal"]').click(function(){
  61.         if($('#backup_migrate_data input:checked').length == 0){
  62.             alert('データを選択してください。');
  63.             return false;
  64.         }
  65.         $('#migrateModal').modal();
  66.         $('#backup_mode').val($(this).data('mode'));
  67.     });
  68.     $('#btnMigrate').click(function(){
  69.         //$('.btn-ec-sub',$(this).closest('.modal')).remove();
  70.         $('.restore_alert').text('データ移行中。この処理には数分かかる場合があります。画面をリロードせずにこのままお待ち下さい。');
  71.         $form = $('#formMigrate');
  72.         $.ajax({
  73.             url: $form.attr('action'),
  74.             type: $form.attr('method'),
  75.             method: 'POST',
  76.             data: $form.serialize(),
  77.             dataType: 'json'
  78.         }).done(function(data) {
  79.             location.reload();
  80.         }).fail(function(data) {
  81.             alert('データ移行中にエラーが発生しました。');
  82.         }).always(function(data) {
  83.         });
  84.     });
  85. </script>
  87. {% endblock javascript %}
  89. {% block main %}
  90.     <div class="container-fluid">
  91.         <div class="card rounded border-0 mb-4 d-block p-5">
  92.             <div class="card-body p-0">
  93.                 <form id="formMigrate" method="post" action="{{ url('admin_setting_system_migrate') }}">
  94.                 {{ form_widget(form._token) }}
  95.                     <div class="form-group row">
  96.                         <div class="col-sm-3 col-lg-3 offset-sm-5 form-content">
  97.                             <h2 class="control-label">データ選択</h2>
  98.                             {{ form_widget(form.migrate_data) }}
  99.                             {{ form_errors(form.migrate_data) }}
  100.                             {{ form_widget(form.mode) }}
  101.                             {{ form_errors(form.mode) }}
  102.                         </div>
  103.                     </div>
  104.                 </form>
  105.                 <div class="text-center mt-5">
  106.                     <a class="btn btn-ec-migrate btn-ec-conversion" type="button" id="btnMigratePtoT" data-mode="1" data-bs-toggle="modal" data-bs-target="#migrateModal">本番DBからテストDBにデータを移行</a>
  107.                     <a class="btn btn-ec-migrate btn-ec-conversion" type="button" id="btnMigrateTtoP" data-mode="2" data-bs-toggle="modal" data-bs-target="#migrateModal">テストDBから本番DBにデータを移行</a>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <div class="modal fade" id="migrateModal" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  112.             <div class="modal-dialog" role="document">
  113.                 <div class="modal-content">
  114.                     <div class="modal-header">
  115.                         <h5 class="modal-title fw-bold">データ移行</h5>
  116.                         <button class="close" type="button" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  117.                     </div>
  118.                     <div class="modal-body text-left">
  119.                         <p class="text-left restore_alert">移行先のデータは上書きされますがよろしいですか？</p>
  120.                     </div>
  121.                     <div class="modal-footer">
  122.                         <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  123.                         <a class="btn btn-ec-action btn-ec-sub" type="button" id="btnMigrate">はい</a>
  124.                     </div>
  125.                 </div>
  126.             </div>
  127.         </div>
  128.     </div>
  129. {% endblock %}