diff options
| -rw-r--r-- | templates/blog_post_modal_inc.tpl | 32 | ||||
| -rwxr-xr-x | templates/center_list_blog_posts.tpl | 33 | ||||
| -rwxr-xr-x | templates/view_blog.tpl | 1 |
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>×</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>×</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"} |