서버가 열린 경우 서버가 열린 기간을 표기하도록 수정

css/config.css

@@ -164,4 +164,8 @@ a.samButton.disabled {
 
 .samCommandButton.disabled > .samButtonOuter > .samButtonInner::after{
     content:'】'
+}
+
+.tooltiptext {
+    display: none;
 }

hwe/j_server_basic_info.php

@@ -63,11 +63,13 @@ if(file_exists(__dir__.'/.htaccess')){
 
 //TODO: 천통시에도 예약 오픈 알림이 필요..?
 
-$admin = $gameStor->getValues(['isunited', 'npcmode', 'year', 'month', 'scenario', 'scenario_text', 'maxgeneral', 'turnterm']);
+$admin = $gameStor->getValues(['isunited', 'npcmode', 'year', 'month', 'scenario', 'scenario_text', 'maxgeneral', 'turnterm', 'starttime', 'turntime']);
 $admin['maxUserCnt'] = $admin['maxgeneral'];
 $admin['npcMode'] = $admin['npcmode'];
 $admin['turnTerm'] = $admin['turnterm'];
 $admin['isUnited'] = $admin['isunited'];
+$admin['starttime'] = substr($admin['starttime'], 5, 11);
+$admin['turntime'] = substr($admin['turntime'], 5, 11);
 unset($admin['npcmode']);
 unset($admin['maxgeneral']);
 unset($admin['turnterm']);

js/common.js

@@ -141,4 +141,51 @@ function quickReject(errMsg){
     var deferred = $.Deferred();
     deferred.reject(errMsg);
     return deferred.promise();
-}
+}
+
+function initTooltip($obj){
+    if($obj === undefined){
+        $obj = $('.obj_tooltip');
+    }
+    else if(!$obj.hasClass('obj_tooltip')){
+        $obj = $obj.find('.obj_tooltip');
+    }
+    console.log($obj);
+
+    $obj.each(function(){
+        $target = $(this);
+        
+        if($target.data('installHandler')){
+            return true;
+        }
+        $target.data('installHandler', true);
+
+        $target.mouseover(function(){
+            var $objTooltip = $(this);
+            if($objTooltip.data('setObjTooltip')){
+                return true;
+            }
+    
+            var tooltipClassText = $objTooltip.data('tooltip-class');
+            if(!tooltipClassText){
+                tooltipClassText = '';
+            }
+            var template = '<div class="tooltip {0}" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
+                .format(tooltipClassText);
+    
+            $objTooltip.tooltip({
+                title:function(){
+                    return $.trim($(this).find('.tooltiptext').html());
+                },
+                template:template,
+                html:true
+            }).tooltip('show');
+    
+            $objTooltip.data('setObjTooltip', true);
+        });
+    });
+}
+
+jQuery(function($){
+    initTooltip();
+});

js/entrance.js

@@ -2,7 +2,7 @@ var serverListTemplate = "\
 <tr class='server_item bg0 server_name_<%name%>' data-server='<%name%>'>\
     <td class='server_name'>\
         <span style='font-weight:bold;font-size:1.4em;color:<%color%>'><%korName%>섭</span><br>\
-        <span class='n_country'></span>\
+        <span class='obj_tooltip' data-toggle='tooltip' data-placement='top'><span class='n_country'></span><span class='tooltiptext server_date'></span></span>\
     </td>\
     <td colspan='4' class='server_down'>- 폐 쇄 중 -</td>\
 </tr>\
@@ -96,12 +96,15 @@ function Entrance_drawServerList(serverInfos){
             var game= result.game;
             //TODO: 서버 폐쇄 방식을 새롭게 변경
             $serverHtml.find('.server_down').detach();
+            var serverTime = '%s ~ %s'.format(game.startFrom)
 
             if(game.isUnited == 2){
                 $serverHtml.find('.n_country').html('§천하통일§');
+                $serverHtml.find('.server_date').html('{0} <br>~ {1}'.format(game.starttime, game.turntime));
             }
             else{
                 $serverHtml.find('.n_country').html('<{0}국 경쟁중>'.format(game.nationCnt));
+                $serverHtml.find('.server_date').html('{0} ~'.format(game.starttime));
             }
 
             $serverHtml.append(
@@ -131,7 +134,7 @@ function Entrance_drawServerList(serverInfos){
                 );
             }
 
-            
+            initTooltip($serverHtml);
         });
     });
 }