From 00ead1e08dc6943a1d1ed2aeeb8a76af84273fc3 Mon Sep 17 00:00:00 2001
From: ykrc17 <ykrc17@163.com>
Date: Fri, 27 Feb 2015 00:06:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=EF=BC=8C=E6=AF=8F=E4=B8=AApa?=
 =?UTF-8?q?nel=E4=BD=BF=E7=94=A8=E4=B8=80=E4=B8=AA=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 routes/index.js                   |  2 +-
 views/index.jade                  | 55 ++++---------------------------
 views/layout.jade                 |  2 +-
 views/panels/action-panel.jade    | 17 ++++++++++
 views/panels/character-panel.jade | 13 ++++++++
 views/panels/net-panel.jade       |  8 +++++
 views/panels/position-panel.jade  | 12 +++++++
 7 files changed, 59 insertions(+), 50 deletions(-)
 create mode 100644 views/panels/action-panel.jade
 create mode 100644 views/panels/character-panel.jade
 create mode 100644 views/panels/net-panel.jade
 create mode 100644 views/panels/position-panel.jade

diff --git a/routes/index.js b/routes/index.js
index e00fbfe..35650c8 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -3,7 +3,7 @@ var router = express.Router();
 
 /* GET home page. */
 router.get('/', function(req, res) {
-  res.render('index', { title: 'SimpleChat' });
+  res.render('index');
 });
 
 module.exports = router;
diff --git a/views/index.jade b/views/index.jade
index 1423945..6db8498 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -1,56 +1,15 @@
 extends layout
 
+block title
+  title 懒货竞技场 | Lazy Fighters
+
 block script
   script(src='/socket.io/socket.io.js')
   script(src='/js/game.js')
 
 block content
   div.container
-    div(id='net-panel').panel.panel-default
-      div.panel-body
-        p
-          | ping: 
-          span(id='ping')
-        p
-          | 在线人数:
-          span(id='online-number')
-    div(id='attr-panel').panel.panel-primary
-      div.panel-body
-        p
-          | hp: 
-          span(id='hp')
-          |  / 
-          span(id='max-hp')
-        p
-          | ATK: 
-          span(id='atk')
-        p
-          | SPD: 
-          span(id='spd')
-    div(id='move-panel').panel.panel-primary
-      div.panel-body
-        p 
-          | x: 
-          span(id='x')
-        p
-          | y: 
-          span(id='y')
-        p(id='move-status')
-          | 剩余进度: 
-          span(id='move-process')
-          | %
-    div(id = 'move-panel')
-      | 移动:
-      button(id="move-left") 左
-      button(id="move-up") 上
-      button(id="move-down") 下
-      button(id="move-right") 右
-    div(id = 'target-panel')
-      | 选择:
-      button(id="target-left") 左      
-      button(id="target-up") 上
-      button(id="target-down") 下
-      button(id="target-right") 右
-    div(id = 'action-panel')
-      | 行动:
-      button(id='action-attack') 攻击
+    include ./panels/net-panel
+    include ./panels/character-panel
+    include ./panels/position-panel
+    include ./panels/action-panel
diff --git a/views/layout.jade b/views/layout.jade
index 9cc1945..f9cc232 100644
--- a/views/layout.jade
+++ b/views/layout.jade
@@ -2,7 +2,7 @@ doctype html
 html
   head
     meta(charset='utf-8')
-    title= title
+    block title
     link(rel='stylesheet', href='/css/bootstrap.min.css')
     link(rel='stylesheet', href='/css/style.css')
     block stylesheet
diff --git a/views/panels/action-panel.jade b/views/panels/action-panel.jade
new file mode 100644
index 0000000..1119c2a
--- /dev/null
+++ b/views/panels/action-panel.jade
@@ -0,0 +1,17 @@
+div(id = 'action-panel').panel.panel-primary
+  div.panel-body
+    div
+      | 移动:
+      button(id="move-left") 左
+      button(id="move-up") 上
+      button(id="move-down") 下
+      button(id="move-right") 右
+    div
+      | 选择:
+      button(id="target-left") 左      
+      button(id="target-up") 上
+      button(id="target-down") 下
+      button(id="target-right") 右
+    div
+      | 行动:
+      button(id='action-attack') 攻击
diff --git a/views/panels/character-panel.jade b/views/panels/character-panel.jade
new file mode 100644
index 0000000..69f795a
--- /dev/null
+++ b/views/panels/character-panel.jade
@@ -0,0 +1,13 @@
+div(id='attr-panel').panel.panel-primary
+  div.panel-body
+    p
+      | hp: 
+      span(id='hp')
+      |  / 
+      span(id='max-hp')
+    p
+      | ATK: 
+      span(id='atk')
+    p
+      | SPD: 
+      span(id='spd')
diff --git a/views/panels/net-panel.jade b/views/panels/net-panel.jade
new file mode 100644
index 0000000..d0529f3
--- /dev/null
+++ b/views/panels/net-panel.jade
@@ -0,0 +1,8 @@
+div(id='net-panel').panel.panel-default
+  div.panel-body
+    p
+      | ping: 
+      span(id='ping')
+    p
+      | 在线人数:
+      span(id='online-number')
diff --git a/views/panels/position-panel.jade b/views/panels/position-panel.jade
new file mode 100644
index 0000000..9ace09f
--- /dev/null
+++ b/views/panels/position-panel.jade
@@ -0,0 +1,12 @@
+div(id='position-panel').panel.panel-primary
+  div.panel-body
+    p 
+      | x: 
+      span(id='x')
+    p
+      | y: 
+      span(id='y')
+    p(id='move-status')
+      | 剩余进度: 
+      span(id='move-process')
+      | %