mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-14 02:24:08 +02:00
Code Issues Releases Wiki Activity

Issue #4332 - Bootstrap 5 styling fixes on comments and news templates.

Browse Source
This commit is contained in:
Cameron
2021-02-23 08:59:03 -08:00
parent de097dded3
commit 2ca7ec4597
6 changed files with 99 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
e107_core/shortcodes/batch/comment_shortcodes.php
View File

@@ -259,7 +259,7 @@ class comment_shortcodes extends e_shortcode
$pid = ($this->var['action'] == 'reply') ? $this->var['pid'] : 0;
$class = "e-comment-submit ";
$class .= (!empty($parm['class'])) ? $parm['class'] : 'button btn btn-primary e-comment-submit pull-right float-right';
$class .= (!empty($parm['class'])) ? $parm['class'] : 'button btn btn-primary e-comment-submit pull-right float-end float-right';
$options = array(
'class' => $class,
'data-pid' => $pid,

86
e107_core/templates/bootstrap4/comment_template.php Normal file
View File

@@ -0,0 +1,86 @@
<?php
/*
* e107 website system
*
* Copyright (C) 2008-2009 e107 Inc (e107.org)
* Released under the terms and conditions of the
* GNU General Public License (http://www.gnu.org/licenses/gpl.txt)
*
*
*
* $Source: /cvs_backup/e107_0.8/e107_themes/templates/comment_template.php,v $
* $Revision$
* $Date$
* $Author$
*/
if (!defined('e107_INIT')) { exit; }
// Shortcode wrappers.
$COMMENT_WRAPPER['item']['COMENT_TIMEDATE'] = '<small>{---}</small>';
$COMMENT_WRAPPER['item']['COMMENT_EDIT'] = '<span class="comment-edit">{---}</span>';
$COMMENT_WRAPPER['item']['COMENT_REPLY'] = '<span class="comment-reply">{---}</span>';
$COMMENT_WRAPPER['item']['COMMENT_AVATAR'] = '<div class="comment-avatar center">{---}</div>';
$COMMENT_WRAPPER['item']['COMMENT_MODERATE'] = '<span class="comment-moderate">{---}</span>';
$COMMENT_WRAPPER['form'] = $COMMENT_WRAPPER['item']; // use the above wrappers for the 'form' as well.
// Templates
$COMMENT_TEMPLATE['form'] = "
{SETIMAGE: w=90&h=90&crop=1}
<div class='comment-box comment-box-form d-flex clearfix'>
<div class='comment-box-left me-3' >
{COMMENT_AVATAR: shape=circle}
</div>
<div class='comment-box-right text-left' >
<div class='P10'>
{AUTHOR_INPUT}
{COMMENT_INPUT}
<div id='commentformbutton' class='mt-2'>
{COMMENT_BUTTON}
{COMMENT_SHARE}
</div>
</div>
</div>
</div>
<div class='clear_b'><!-- --></div>
<hr>";
$COMMENT_TEMPLATE['item'] = '
{SETIMAGE: w=90&h=90&crop=1}
<div class="comment-box-left col-md-2 mb-4">
{COMMENT_AVATAR: shape=circle}
</div>
<div class="comment-box-right col-md-10 mb-4">
<div class="row">
<div class="comment-box-username col-xs-6 col-sm-6 col-md-6">{USERNAME}</div>
<div class="comment-box-date col-xs-6 col-sm-6 col-md-6 text-right text-end text-muted">{COMMENT_TIMEDATE=relative}</div>
</div>
<div class="row-fluid">
<div class="col-xs-12 comment-text" id="{COMMENT_ITEMID}-edit" contentEditable="false" >
<p>
{COMMENT}
</p>
</div>
</div>
<div class="row">
<div class="comment-status col-sm-12 col-md-6">{COMMENT_STATUS}</div>
<div class="comment-moderate col-sm-12 col-md-6 text-right text-end">{COMMENT_RATE} {COMMENT_REPLY} {COMMENT_EDIT} {COMMENT_MODERATE}</div>
</div>
</div>
';
$COMMENT_TEMPLATE['layout'] = '{COMMENTFORM}{COMMENTS} <div style="padding:10px 0px">{MODERATE}</div>';