새메시지, 기본틀 완성.

tmp_msg/msg.js

@@ -1,66 +1,6 @@
 
 
-//FIXME: ES6 template literal을 ES5에 맞게 변경
-var messageTemplate = `
-<table 
-    width="498px" 
-    border="1" 
-    bordercolordark="gray" 
-    bordercolorlight="black" 
-    cellpadding="0" 
-    cellspacing="0"
-    <%if(msgType == 'private') {%>
-        bgcolor="#CC6600" 
-    <%} else if(msgType == 'national') {%>
-        bgcolor="#336600" 
-    <%} else /*$msgType == 'public'*/ {%>
-        bgcolor="#000055"   
-    <%} %>
-    style="font-size:13px;table-layout:fixed;word-break:break-all;"
-    id="msg_<%id%>"
->
-    <tbody><tr>
-        <td width="64px" height="64px">
-            <%if(src.icon) { %>
-                <img src="<%encodeURI(src.icon)%>">
-            <%} else {%>
-                <img src="/image/default.jpg">
-            <%}%>
-        </td>
-        <td width="434px" valign="top">
-            <%if(msgType == 'private') {%>
-                <b>[
-                    <font color="<%src.color%>"><%e(src.name)%>:<%e(src.nation)%></font>
-                ▶
-                    <font color="<%dest.color%>"><%e(dest.name)%>:<%e(dest.nation)%></font>
-                ]</b>
-            <%} else if(msgType == 'national' && src.nation_id == dest.nation_id){%>
-                <b>[
-                    <font color="<%src.color%>"><%e(src.name)%>:<%e(src.nation)%></font>
-                ]</b>
-            <%} else if(msgType == 'national' || msgType == 'diplomacy'){%>
-                <b>[
-                    <font color="<%src.color%>"><%e(src.name)%>:<%e(src.nation)%></font>
-                ▶
-                    <font color="<%dest.color%>"><%e(dest.nation)%></font>
-                ]</b>
-            <%} else {%>
-                <b>[
-                    <font color="<%src.color%>"><%e(src.name)%>:<%e(src.nation)%>
-                ]</b>
-            <%} %>
-            <font size="1">&lt;<%e(time)%>&gt;</font>
-            <br>
-            <%e(text)%>
-            <%if(this.option){ console.log('HasOption!!'); %>
-                <div>
-                <button class="prompt_yes btn_prompt">수락</button><button class="prompt_no btn_prompt">거절</button>
-                </div>
-            <%} %>
-        </td>
-    </tr></tbody>
-</table>
-`;
+var messageTemplate = '';
 
 var refreshMsg = (function(){
     var generalID=null;
@@ -89,6 +29,31 @@ var refreshMsg = (function(){
             return obj;
         }
 
+        function refineMessageObjs(obj){
+            var msgList = [obj.public, obj.private, obj.diplomacy, obj.national];
+            $.each(msgList, function(){
+                if(!this){
+                    return true;
+                }
+
+                console.log(this);
+
+                $.each(this, function(){
+                    var msg = this;
+                    if(!msg.src.nation){
+                        msg.src.nation = '재야';
+                        msg.src.color = '#ffffff';
+                    }
+
+                    if(!msg.dest.nation){
+                        msg.dest.nation = '재야';
+                        msg.dest.color = '#ffffff';
+                    }
+                });
+            });
+            return obj;
+        }
+
         function printTemplate(obj){
             var printList = [
                 [obj.public, $('#message_board .public_message'), 'public'],
@@ -124,6 +89,7 @@ var refreshMsg = (function(){
 
         deferred
             .then(registerGlobal)
+            .then(refineMessageObjs)
             .then(printTemplate);
 
 
@@ -133,6 +99,8 @@ var refreshMsg = (function(){
 })();
 
 jQuery(function($){
-
-    refreshMsg();
+    $.get('tmp_template.html',function(obj){
+        messageTemplate = obj;
+    }).then(refreshMsg);
+    //refreshMsg();
 });