Extend Read More popup to blog listing ...

3 files changed, 34 insertions, 32 deletions

diff --git a/templates/blog_post_modal_inc.tpl b/templates/blog_post_modal_inc.tpl
new file mode 100644
index 0000000..0c19c4b
--- /dev/null
+++ b/templates/blog_post_modal_inc.tpl
@@ -0,0 +1,32 @@
+<div class="modal fade" id="blogPostModal" tabindex="-1" role="dialog" aria-labelledby="blogPostModalLabel">
+	<div class="modal-dialog modal-lg" role="document">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+				<h4 class="modal-title" id="blogPostModalLabel"></h4>
+			</div>
+			<div class="modal-body">
+				<p class="text-center"><i class="fa fa-spinner fa-spin fa-2x"></i></p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default" data-dismiss="modal">{tr}Close{/tr}</button>
+				<a href="#" class="btn btn-primary">{tr}View full post{/tr}</a>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+$('#blogPostModal').on('show.bs.modal', function(e) {
+	var btn = $(e.relatedTarget);
+	var modal = $(this);
+	modal.find('.modal-title').text(btn.data('postTitle') || '');
+	modal.find('.modal-footer a.btn-primary').attr('href', btn.data('postUrl') || '#');
+	var body = modal.find('.modal-body');
+	body.html('<p class="text-center"><i class="fa fa-spinner fa-spin fa-2x"></i></p>');
+	$.get(btn.data('fetchUrl'), function(html) {
+		body.html(html);
+	}).fail(function() {
+		body.html('<p class="text-danger">{tr}Could not load post.{/tr}</p>');
+	});
+});
+</script>
diff --git a/templates/center_list_blog_posts.tpl b/templates/center_list_blog_posts.tpl
index b456951..e2bd7b8 100755
--- a/templates/center_list_blog_posts.tpl
+++ b/templates/center_list_blog_posts.tpl
@@ -36,36 +36,5 @@
 	{*minifind sort_mode=$sort_mode*}
 </div>
 
-<div class="modal fade" id="blogPostModal" tabindex="-1" role="dialog" aria-labelledby="blogPostModalLabel">
-	<div class="modal-dialog modal-lg" role="document">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
-				<h4 class="modal-title" id="blogPostModalLabel"></h4>
-			</div>
-			<div class="modal-body">
-				<p class="text-center"><i class="fa fa-spinner fa-spin fa-2x"></i></p>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-default" data-dismiss="modal">{tr}Close{/tr}</button>
-				<a href="#" class="btn btn-primary">{tr}View full post{/tr}</a>
-			</div>
-		</div>
-	</div>
-</div>
-<script>
-$('#blogPostModal').on('show.bs.modal', function(e) {
-	var btn = $(e.relatedTarget);
-	var modal = $(this);
-	modal.find('.modal-title').text(btn.data('postTitle') || '');
-	modal.find('.modal-footer a.btn-primary').attr('href', btn.data('postUrl') || '#');
-	var body = modal.find('.modal-body');
-	body.html('<p class="text-center"><i class="fa fa-spinner fa-spin fa-2x"></i></p>');
-	$.get(btn.data('fetchUrl'), function(html) {
-		body.html(html);
-	}).fail(function() {
-		body.html('<p class="text-danger">{tr}Could not load post.{/tr}</p>');
-	});
-});
-</script>
+{include file="bitpackage:blogs/blog_post_modal_inc.tpl"}
 {/if}
diff --git a/templates/view_blog.tpl b/templates/view_blog.tpl
index d03485c..3f9dc00 100755
--- a/templates/view_blog.tpl
+++ b/templates/view_blog.tpl
@@ -55,3 +55,4 @@
 	{pagination blog_id=$gContent->mBlogId}
 </div><!-- end .blogs -->
 {/strip}
+{include file="bitpackage:blogs/blog_post_modal_inc.tpl"}