툴팁 class 수정. 지도의 년월에 올리면 초반 제한, 기술 제한 툴팁

hwe/css/map.css

@@ -11,6 +11,12 @@
     text-align:center;
 }
 
+.map_title_tooltiptext .tooltip-inner{
+    max-width:220px;
+    width:220px;
+    text-align: left;
+}
+
 .map_title_text{
     margin:auto;
     text-align:center;

hwe/js/common.js

@@ -144,11 +144,24 @@ function getIconPath(imgsvr,  picture){
 }
 
 jQuery(function($){
-    $('.obj_tooltip').tooltip({
-        title:function(){
-            return $.trim($(this).find('.tooltiptext').html());
-        },
-        html:true
+    $('.obj_tooltip').each(function(){
+        var $objTooltip = $(this);
+        var tooltipClassText = $objTooltip.data('tooltip-class');
+        if(!tooltipClassText){
+            tooltipClassText = '';
+        }
+        console.log($objTooltip.data('tooltip-class'));
+        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
+        });
+        
     });
 
     var customCSS = localStorage.getItem('sam_customCSS');

hwe/js/map.js

@@ -90,6 +90,32 @@ function reloadWorldMap(option){
             $map_title.css('color', 'yellow');
         }
 
+        $map_title_tooltip = $('.map_title .tooltiptext');
+        $map_title_tooltip.empty();
+
+        var tooltipTexts = [];
+        if(year < startYear + 3){
+            var startYearText = [];
+            var remainYear = startYear + 3 - year;
+            var remainMonth = 12 - month + 1;
+            if(remainMonth > 0){
+                remainYear -= 1;
+            }
+            if(remainYear){
+                startYearText.push('{0}년'.format(remainYear));
+            }
+            if(remainMonth){
+                startYearText.push('{0}개월'.format(remainMonth));
+            }
+            
+            tooltipTexts.push('초반 제한까지 : {0} ({1}년)'.format(startYearText.join(' '), startYear + 3));
+        }
+
+        var currentTechLimit = Math.floor(Math.max(0, year - startYear) / 5) + 1;
+        var nextTechLimitYear = currentTechLimit * 5 + startYear;
+
+        tooltipTexts.push('기술등급 제한 : {0}등급 ({1}년 해제)'.format(currentTechLimit, nextTechLimitYear, currentTechLimit+1));
+        $map_title_tooltip.html(tooltipTexts.join('<br>'));
 
         $world_map.removeClass('map_string map_summer map_fall map_winter');
         if(month <= 3){

hwe/templates/map.php

@@ -1,7 +1,8 @@
 <div class="world_map map_theme_<?=$mapTheme?> draw_required">
-    <div class="map_title">
-        <span class="map_title_text">
+    <div class="map_title obj_tooltip" data-toggle="tooltip" data-placement="top" data-tooltip-class="map_title_tooltiptext">
+        <span class="map_title_text ">
         </span>
+        <span class="tooltiptext"></span>
     </div>
     <div class="map_body">
         <div class="map_bglayer1"></div>