From dc5e4f8812b7c06187a6e46c99569e89768083f0 Mon Sep 17 00:00:00 2001
From: Evelyn Hung <jj.evelyn@gmail.com>
Date: Wed, 23 Jul 2014 18:31:59 +0800
Subject: [PATCH] let program detail display a clone of metadata

---
 theme/assets/js/page/program.js | 15 +++++----------
 theme/assets/style.css          |  4 ++++
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/theme/assets/js/page/program.js b/theme/assets/js/page/program.js
index 18e1266..2096731 100644
--- a/theme/assets/js/page/program.js
+++ b/theme/assets/js/page/program.js
@@ -96,20 +96,15 @@ define(['jquery', 'context' , 'lib/bootstrap-scrollspy', './program-filter'], fu
 
     $('#content').on('click', '.article .program', function() {
       var id = $(this).data('id');
+      var $metadata = $(this).find('.metadata').clone();
+
       function displayDetails(data) {
         var program = data.program[id];
 
         $('#program_detail').empty();
-        $('#program_detail')
-          .append($('<div class="metadata"></div>').addClass('track_tag colorTag-' + program.type)
-            .append($('<div></div>').addClass('head')
-              .append($('<div></div>').addClass('place').html(data.room[program.room]['zh-tw']))
-              .append($('<div></div>').addClass('timeinfo').html(getTime(program.from) + ' - ' + getTime(program.to)))
-              .append($('<div></div>').addClass('community').html(data.community[program.community])))
-            .append($('<div></div>').addClass('body')
-              .append($('<div></div>').addClass('topic').addClass(program.lang).html(program.name))
-              .append($('<div></div>').addClass('speaker').html(program.speaker))
-              .append($('<div></div>').addClass('speaker-title').html(program.speakerTitle))));
+        $('#program_detail').append($metadata);
+        $('<div></div>').addClass('timeinfo').html(getTime(program.from) + ' - ' + getTime(program.to))
+          .insertAfter($('#program_detail .place'));
 
         $('#program_detail')
           .append($('<div></div>').addClass('detail')
diff --git a/theme/assets/style.css b/theme/assets/style.css
index dfaa5db..e258e24 100644
--- a/theme/assets/style.css
+++ b/theme/assets/style.css
@@ -757,6 +757,10 @@ h2.pro {
     padding-right: 10px;
     text-align: right;
 }
+#program_detail.program .ps {
+    bottom: auto;
+    left: auto;
+}
 
 #lock_background.show {
     display: block;