서버별 아이콘 적용 가능

i_entrance/j_icon_change.php

@@ -90,7 +90,7 @@ if(!is_uploaded_file($image['tmp_name'])) {
 
         foreach(AppConf::getList() as $key=>$setting){
             if($setting->isRunning()){
-                $servers[] = $key;
+                $servers[] = [$key, $setting->getKorName()];
             }
         }
 

i_entrance/j_icon_delete.php

@@ -42,7 +42,7 @@ if($dt == $rf) {
     foreach(AppConf::getList() as $key=>$setting){
 
         if($setting->isRunning()){
-            $servers[] = $key;
+            $servers[] = [$key, $setting->getKorName()];
         }
     }
 

i_entrance/user_info.php

@@ -163,7 +163,30 @@ require(__dir__.'/../vendor/autoload.php');
         </tr>
     </tfoot>
 </table>
-
 </div>
+
+<div class="modal fade" id="chooseServer" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">완료되었습니다.<br>새 아이콘을 적용할 서버를 선택하세요.</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        
+        <form id="chooseServerForm">
+
+        </form>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">닫기</button>
+        <button type="button" class="btn btn-primary" id="modal-apply">서버 적용</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 </body>
 </html>

js/user_info.js

@@ -59,23 +59,7 @@ function deleteIcon(){
             return;
         }
 
-        var ajaxResults = result.servers.map(function(server){
+        showAdjustServerModal(result.servers);
-            return $.ajax({
-                type:'post',
-                url:'../{0}/j_adjust_icon.php'.format(server),
-                dataType:'json'
-            });
-        });
-
-        $.when.apply($, ajaxResults).then(function(){
-            alert('이미지를 삭제했습니다.');
-            location.reload();
-        },function(){
-            //서버 폐쇄등으로 접근하지 못할 수도 있음.
-            alert('이미지를 삭제했습니다.');
-            location.reload();
-        });
-        
     },function(){
         alert('알 수 없는 이유로 아이콘 삭제를 실패했습니다.');
         location.reload();
@@ -96,6 +80,57 @@ function disallowThirdUse(){
     });
 }
 
+function showAdjustServerModal(serverList){
+
+    var $form = $('#chooseServerForm');
+    $form.empty();
+
+    serverList.map(function(server){
+        var serverKey = server[0];
+        var serverKorName = server[1];
+
+        var $item = $('<div style="display:inline-block" class="custom-control custom-checkbox">\
+        <input type="checkbox" checked class="custom-control-input" name="{1}" id="switch_{1}">\
+        <label class="custom-control-label" for="switch_{1}">{0}</label>\
+      </div>'.format(serverKorName, serverKey));
+        $form.append($item);
+    });
+
+
+    var $modal = $('#chooseServer');
+    $modal.modal({
+        backdrop:'static'
+    });
+    $modal.on('hidden.bs.modal', function (event) {
+        location.reload();
+        return;
+    });
+
+    $("#modal-apply").off("click").on("click", function(){
+        var events = [];
+        $form.find('input:checked').each(function(){
+            var $input = $(this);
+            var server = $input.attr('name');
+            console.log(server);
+            events.push($.ajax({
+                type:'post',
+                url:'../{0}/j_adjust_icon.php'.format(server),
+                dataType:'json'
+            }));
+        })
+
+        $.when.apply($, events).then(function(){
+            alert('적용되었습니다.');
+            location.reload();
+        },function(){
+            //서버 폐쇄등으로 접근하지 못할 수도 있음.
+            alert('적용되었습니다.');
+            location.reload();
+        });
+    });
+
+}
+
 function changeIcon(e){
     e.preventDefault();
     var $icon = $('#image_upload');
@@ -122,23 +157,7 @@ function changeIcon(e){
             return;
         }
 
-        var ajaxResults = result.servers.map(function(server){
+        showAdjustServerModal(result.servers);
-            return $.ajax({
-                type:'post',
-                url:'../{0}/j_adjust_icon.php'.format(server),
-                dataType:'json'
-            });
-        });
-
-        $.when.apply($, ajaxResults).then(function(){
-            alert('이미지를 업로드했습니다.');
-            location.reload();
-        },function(){
-            //서버 폐쇄등으로 접근하지 못할 수도 있음.
-            alert('이미지를 업로드했습니다.');
-            location.reload();
-        });
-        
     },function(){
         alert('알 수 없는 이유로 아이콘 업로드를 실패했습니다.');
         location.reload();