[Redizajn 1KA] - Testiranje --> Komentarji - v1 (komentarji na vprašanja)

This commit is contained in:
tejagerjovic 2022-04-01 03:29:10 +02:00
parent 4a9223eeab
commit 1c5eea4538
7 changed files with 341 additions and 85 deletions

View File

@ -7585,7 +7585,7 @@ class SurveyAdminSettings {
echo '</span>'; // tooltip */
echo '<div class="testni_vnos">';
echo '<a href="'.SurveyInfo::getSurveyLink().'&preview=on&testdata=on'.$preview_options.'" target="_blank"><span class="faicon link-right fa-circle"></span>'.$lang['srv_survey_testdata'].'</a>';
echo '<a href="'.SurveyInfo::getSurveyLink().'&preview=on&testdata=on'.$preview_options.'" target="_blank"><span class="faicon link-right monitor"></span>'.$lang['srv_survey_testdata'].'</a>';
echo '</div>';
@ -7602,19 +7602,18 @@ class SurveyAdminSettings {
$show_survey_comment = 1;
}
echo '<span style="float:left; width:auto; margin-top:20px; display:inline-block;">';
// vsa vprasanja
/*// vsa vprasanja
echo '<label for="all_questions" style="margin-right:40px"><input type="checkbox" id="all_questions" onchange="window.location = \'index.php?anketa='.$this->anketa.'&a=komentarji'.(isset($_GET['only_unresolved'])?'&only_unresolved='.$_GET['only_unresolved']:'').'&all_questions=\'+$(\'#all_questions:checked\').val()" value="1" '.($_GET['all_questions']==1?'checked':'').' />';
echo $lang['srv_all_questions'];
echo '</label>';
echo '</label>';*/
# samo nerešeni komentarji
if ($commentmarks == 0) {
echo '<label for="only_unresolved"><input type="checkbox" id="only_unresolved" onchange="window.location = \'index.php?anketa='.$this->anketa.'&a=komentarji'.(isset($_GET['all_questions'])?'&all_questions='.$_GET['all_questions']:'').'&only_unresolved=\'+$(\'#only_unresolved:checked\').val()" value="1" '.($_GET['only_unresolved']==1?'checked':'').' />';
//echo $lang['srv_comments_unresolved'].' '.$this->testiranje_komentarji_komentarji_na_vprasanje();
echo $lang['srv_comments_unresolved'];
echo '</label>';
echo '<div class="setting_holder">';
echo '<input type="checkbox" id="only_unresolved" onchange="window.location = \'index.php?anketa='.$this->anketa.'&a=komentarji'.(isset($_GET['all_questions'])?'&all_questions='.$_GET['all_questions']:'').'&only_unresolved=\'+$(\'#only_unresolved:checked\').val()" value="1" '.($_GET['only_unresolved']==1?'checked':'').' />';
echo '<label for="only_unresolved">'.$lang['srv_comments_unresolved'].'</label>';
echo '</div>';
} else {
echo $lang['move_show'].': <select id="only_unresolved" name="" onchange="window.location = \'index.php?anketa='.$this->anketa.'&a=komentarji&only_unresolved=\'+$(\'#only_unresolved\').val(); " >
<option value="0"'.($_GET['only_unresolved']==0?' selected="selected"':'').'>'.$lang['all2'].'</option>
@ -7625,10 +7624,7 @@ class SurveyAdminSettings {
<option value="5"'.($_GET['only_unresolved']==5?' selected="selected"':'').'>'.$lang['srv_not_relevant'].'</option>
</select>';
}
echo ' '.Help::display('srv_comments_only_unresolved').'</span>';
// echo ' '.Help::display('srv_comments_only_unresolved').'</span>';
// Nov nacin kjer se sprehodimo cez branching, ker imamo lahko tudi komentarje na ife in bloke
@ -7638,9 +7634,9 @@ class SurveyAdminSettings {
$view = 1;
echo '<span class="floatLeft" style="width:100% !important;">';
$b = new Branching($this->anketa);
echo '<ul>';
foreach($branching_array AS $element){
@ -7685,8 +7681,6 @@ class SurveyAdminSettings {
if (($_GET['all_questions']=='1') OR (mysqli_num_rows($sqlt) > 0)) {
$c++;
echo '<div style="margin: 20px 0">';
echo '<li id="branching_'.$if_id.'" class="spr">';
echo '<div class="spremenljivka_content">';
@ -7706,7 +7700,7 @@ class SurveyAdminSettings {
echo '</div>';
echo '</li>';
echo '<div style="width:40%; margin: 0 5% 2% 1%; float: left">';
echo '<div class="question_comment_holder">';
if ($addfieldposition == 1) {
echo '<div id="survey_comment_'.$if_id.'_'.'4'.'" style="display:none"></div>';
@ -7824,13 +7818,10 @@ class SurveyAdminSettings {
$sql2 = sisplet_query("SELECT COUNT(*) AS count FROM srv_data_text".$this->db_table." WHERE spr_id='0' AND vre_id='$spr_id' $only_unresolved2");
$row2 = mysqli_fetch_array($sql2);
if ( ($_GET['all_questions']=='1') OR ( mysqli_num_rows($sqlt) > 0 || $row2['count'] > 0 || $row1['note'] != '' ) ) {
$c++;
echo '<div style="margin: 20px 0">';
echo '<li id="branching_'.$spr_id.'" class="spr spr_tip_'.$row1['tip'].'">';
$b->vprasanje($spr_id);
echo '</li>';
@ -7845,7 +7836,7 @@ class SurveyAdminSettings {
}
}
echo '<div style="width:40%; margin: 0 5% 2% 1%; float: left">';
echo '<div class="question_comment_holder">';
if ($addfieldposition == 1) {
echo '<div id="survey_comment_'.$spr_id.'_'.'4'.'" style="display:none"></div>';
@ -7855,21 +7846,23 @@ class SurveyAdminSettings {
$ba->add_comment_field($spr_id, '1', '4', false);
echo '</p>';
}
// komentarji na vprasanje
echo '<div class="question_comment editor">';
// komentarji urednikov
if ($row1['thread'] > 0) {
if (mysqli_num_rows($sqlt) > 0) {
echo '<div class="comment_type">';
echo $lang['srv_admin_comment'].':';
echo '<p class="red"><b>'.$lang['srv_admin_comment'].'</b>';
//$rowss = mysqli_num_rows($sql);
//if ($rowss > 0)
echo '<img src="img_0/'.($sortpostorder==1?'up':'down').'.gif" style="float:right" title="'.($sortpostorder==1?$lang['forum_desc']:$lang['forum_asc']).'" />';
echo '</p>';
echo '</div>';
$i = 0;
while ($rowt = mysqli_fetch_array($sqlt)) {
if ($_GET['only_unresolved'] == 1) {
/* if ($_GET['only_unresolved'] == 1) {
if ($rowt['ocena'] == 0) echo '<span style="color:black">';
elseif ($rowt['ocena'] == 1) echo '<span style="color:darkgreen">';
elseif ($rowt['ocena'] == 2) echo '<span style="color:#999999">';
@ -7881,14 +7874,28 @@ class SurveyAdminSettings {
elseif ($rowt['ocena'] == 2) echo '<span style="color:black">';
elseif ($rowt['ocena'] == 3) echo '<span style="color:black">';
else echo '<span>';
}
echo '<b>'.$f->user($rowt['uid']).'</b> ('.$f->datetime1($rowt['time']).'):';
}*/
echo '<div class="comment_box">';
echo '<div class="by">';
echo $lang['srv_comments_user'].'<span class="user">'.$f->user($rowt['uid']).'</span>'.$lang['srv_comments_user2'];
echo '</div>';
$datetime = strtotime($rowt['time']);
$datetime = date("d.m.Y G:i", $datetime);
echo '<div class="date">';
echo $datetime;
echo '</div>';
echo '<div class="content">';
echo $rowt['vsebina'];
echo '</div>';
if ($admin_type <= 1 || $rowi['insert_uid']==$global_user_id || $commentmarks_who==0) {
echo '<div style="float:right; text-align:right">';
echo '<div class="bottom_options">';
if ($commentmarks == 1) {
echo ' <select name="ocena" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: this.value, id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});">
<option value="0"'.($rowt['ocena']==0?' selected="selected"':'').'>'.$lang['srv_undecided'].'</option>
@ -7897,63 +7904,69 @@ class SurveyAdminSettings {
<option value="3"'.($rowt['ocena']==3?' selected="selected"':'').'>'.$lang['srv_not_relevant'].'</option>
</select>';
} else {
echo '<input type="checkbox" name="ocena_'.$rowt['id'].'" id="ocena_'.$rowt['id'].'" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: (this.checked?\'2\':\'0\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});" value="2" '.($rowt['ocena'] >= 2?' checked':'').' /><label for="ocena_'.$rowt['id'].'">'.$lang['srv_done'].'</label>';
if ($row['ocena']==0) {
echo '<p class="archive_comment" onclick="$.post(\'ajax.php?a=comment_ocena\', {type: \'question_comment\', ocena: (\'2\'), id: \''.$row['id'].'\', anketa: \''.$rowa['id'].'\'}, function () {window.location.reload();});"> <span class="faicon arhiv link-right"></span>';
echo $lang['srv_comments_archive'].'</p>';
}
else {
echo '<p class="archived_comment"><span class="faicon arhiv link-right"></span>'.$lang['srv_comments_archived'].'</p>';
}
}
echo ' <br /><a href="javascript:comment_on_comment(\''.$rowt['id'].'\');">'.$lang['srv_comment_comment'].'</a>';
echo '<div class="reply_to">';
echo '<a href="javascript:comment_on_comment(\''.$rowt['id'].'\');"><span class="faicon fa-reply link-right"></span>'.$lang['srv_comment_comment'].'</a>';
echo '</div>';
echo '</div>';
}
echo '<br/>'.$rowt['vsebina'].'<span id="comment_on_comment_'.$rowt['id'].'"></span><hr>';
echo '</span>';
echo '</div>';
echo '<div class="reply_to_text" id="comment_on_comment_'.$rowt['id'].'">';
echo '</div>';
}
}
}
if ($addfieldposition == '' || $addfieldposition == 0) {
echo '<div id="survey_comment_'.$spr_id.'_'.'4'.'" style="display:none"></div>';
echo '<p><a href="#" onclick="$(\'#comment_field_'.$spr_id.'\').toggle(); return false;">'.$lang['srv_comments_add_comment'].'</a></p>';
echo '<p id="comment_field_'.$spr_id.'" style="display:none">';
echo '<div class="new_comment" id="survey_comment_'.$spr_id.'_'.'4'.'">';
$ba = new BranchingAjax($this->anketa);
$ba->add_comment_field($spr_id, '1', '4', false);
echo '</p>';
echo '</div>';
}
echo '</div>';
echo '<div class="question_comment resp">';
// komentarji respondentov
if ($row2['count'] > 0) {
if ($admin_type <= $question_resp_comment_viewadminonly) {
echo '<div style="width:40%; margin: 0 5% 0 1%; float: left">';
echo '<p class="red"><b>'.$lang['srv_repondent_comment'].'</b></p>';
echo '<div class="comment_type">';
echo $lang['srv_repondent_comment'].':';
echo '</div>';
if ($_GET['only_unresolved'] == 1) $only_unresolved = " AND d.text2 <= 1 "; else $only_unresolved = " ";
$sqlt = sisplet_query("SELECT * FROM srv_data_text".$this->db_table." WHERE spr_id='0' AND vre_id='$spr_id' $only_unresolved2 ORDER BY id ASC");
if (!$sqlt) echo mysqli_error($GLOBALS['connect_db']);
while ($rowt = mysqli_fetch_array($sqlt)) {
if ($rowt['text2'] == 0) echo '<span style="color:black">';
echo '<div class="comment_box">';
/*if ($rowt['text2'] == 0) echo '<span style="color:black">';
elseif ($rowt['text2'] == 1) echo '<span style="color:darkgreen">';
elseif ($rowt['text2'] == 2) echo '<span style="color:#999999">';
elseif ($rowt['text2'] == 3) echo '<span style="color:#999999">';
else echo '<span>';
if ($admin_type <= 1 || $rowi['insert_uid']==$global_user_id || $commentmarks_who==0) {
echo '<div style="float:right">';
if ($commentmarks == 1) {
echo ' <select name="ocena'.$rowt['id'].'" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'respondent_comment\', text2: this.value, id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});">
<option value="0"'.($rowt['text2']==0?' selected':'').'>'.$lang['srv_undecided'].'</option>
<option value="1"'.($rowt['text2']==1?' selected':'').'>'.$lang['srv_todo'].'</option>
<option value="2"'.($rowt['text2']==2?' selected':'').'>'.$lang['srv_done'].'</option>
<option value="3"'.($rowt['text2']==3?' selected':'').'>'.$lang['srv_not_relevant'].'</option>
</select>';
} else {
echo '<input type="checkbox" name="ocena_'.$rowt['id'].'" id="ocena_'.$rowt['id'].'" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'respondent_comment\', text2: (this.checked?\'2\':\'0\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});" value="2" '.($rowt['text2'] >= 2?' checked':'').' /><label for="ocena_'.$rowt['id'].'">'.$lang['srv_done'].'</label>';
}
echo ' </div>';
}
else echo '<span>'; */
// Ce smo slucajno pobrisali testne vnose, nimamo casa vnosa komentarja
$sqlTime = sisplet_query("SELECT time_edit FROM srv_user WHERE id='".$rowt['usr_id']."'");
@ -7963,36 +7976,72 @@ class SurveyAdminSettings {
if ( strpos($rowt['text'], '__DATE__') !== false ) {
$rowt['text'] = str_replace('__DATE__', $f->datetime1($rowTime['time_edit']), $rowt['text']);
echo ''.nl2br($rowt['text']).'<hr>';
echo '<div class="content">';
echo nl2br($rowt['text']);
echo '</div>';
}
else {
echo ''.$f->datetime1($rowTime['time_edit']).':<br>';
echo ''.nl2br($rowt['text']).'<hr>';
$datetime = strtotime($rowTime['time_edit']);
$datetime = date("d.m.Y G:i", $datetime);
echo '<div class="date">';
echo $datetime;
echo '</div>';
echo '<div class="content">';
echo nl2br($rowt['text']);
echo '</div>';
}
}
else{
if ( strpos($rowt['text'], '__DATE__') !== false ) {
$rowt['text'] = str_replace('__DATE__', '', $rowt['text']);
echo ''.nl2br($rowt['text']).'<hr>';
echo '<div class="content">';
echo nl2br($rowt['text']);
echo '</div>';
}
else {
echo ''.nl2br($rowt['text']).'<hr>';
echo '<div class="content">';
echo nl2br($rowt['text']);
echo '</div>';
}
}
echo '</span>';
if ($admin_type <= 1 || $rowi['insert_uid']==$global_user_id || $commentmarks_who==0) {
echo '<div class="bottom_options">';
if ($commentmarks == 1) {
echo ' <select name="ocena'.$rowt['id'].'" onchange="$.post(\'ajax.php?a=comment_ocena\', {type: \'respondent_comment\', text2: this.value, id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});">
<option value="0"'.($rowt['text2']==0?' selected':'').'>'.$lang['srv_undecided'].'</option>
<option value="1"'.($rowt['text2']==1?' selected':'').'>'.$lang['srv_todo'].'</option>
<option value="2"'.($rowt['text2']==2?' selected':'').'>'.$lang['srv_done'].'</option>
<option value="3"'.($rowt['text2']==3?' selected':'').'>'.$lang['srv_not_relevant'].'</option>
</select>';
} else {
if ($row['text2']==0) {
echo '<p class="archive_comment" onclick="$.post(\'ajax.php?a=comment_ocena\', {type: \'respondent_comment\', text2: (\'2\'), id: \''.$rowt['id'].'\', anketa: \''.$rowi['id'].'\'}, function () {window.location.reload();});"> <span class="faicon arhiv link-right"></span>';
echo $lang['srv_comments_archive'].'</p>';
}
else {
echo '<p class="archived_comment"><span class="faicon arhiv link-right"></span>'.$lang['srv_comments_archived'].'</p>';
}
}
echo '</div>';
}
echo '</div>';
}
echo '</div>';
}
}
echo '</div>';
}
}
}
echo '</span>';
echo '</ul>';
if ($c == 0) {
echo '<div style="margin-top: 60px;">';
@ -8009,7 +8058,6 @@ class SurveyAdminSettings {
echo '</div>'; // branching
echo '<div id="vprasanje_float_editing"></div>';
echo '</div>'; // placeholder
}
/**

View File

@ -195,6 +195,8 @@ lang('srv_manager_remove_alert');
lang('srv_resevanje_foto_pre_result');
lang('srv_vrednost_correct');
lang('srv_editor_title');
lang('srv_comments_new');
lang('srv_comment_comment');
//LOKACIJA

View File

@ -737,8 +737,8 @@ function get_editor_close(id) {
// prikaze field da manager doda nek komentar obstojecemu komentarju na vprasanje
function comment_on_comment (id) {
$('#comment_on_comment_'+id).html(
'<br /><textarea name="vsebina" id="vsebina_comment_on_comment_'+id+'" style="width:100%"></textarea><br />' +
'<input type="submit" value="'+lang['send']+'" onclick="$.post(\'ajax.php?a=comment_on_comment\', {id: \''+id+'\', vsebina: $(\'#vsebina_comment_on_comment_'+id+'\').val(), anketa: srv_meta_anketa_id}, function() {window.location.reload();}); return false;" />'
'<textarea name="vsebina" placeholder="'+lang['srv_comment_comment']+'" id="vsebina_comment_on_comment_'+id+'"></textarea>' +
'<button class="medium blue" onclick="$.post(\'ajax.php?a=comment_on_comment\', {id: \''+id+'\', vsebina: $(\'#vsebina_comment_on_comment_'+id+'\').val(), anketa: srv_meta_anketa_id}, function() {window.location.reload();}); return false;">'+lang['srv_comment_comment']+'</button>'
);
}

View File

@ -4587,7 +4587,7 @@ $lang = array (
"srv_todo" => "Za narediti",
"srv_done" => "Končano",
"srv_not_relevant" => "Nerelevantno",
"srv_comment_comment" => "Replika",
"srv_comment_comment" => "Odgovori",
"srv_edit_data_title" => "Uredi podatke vprašanja",
"srv_edit_data_row" => "Uredi celotno anketo respondenta",
"srv_edit_data_row_quick" => "Hitro urejanje celotne ankete respondenta",

View File

@ -4561,7 +4561,7 @@ $lang = array (
"srv_todo" => "To do",
"srv_done" => "Done",
"srv_not_relevant" => "Not relevant",
"srv_comment_comment" => "Comment",
"srv_comment_comment" => "Reply",
"srv_edit_data_title" => "Edit question data",
"srv_edit_data_row" => "Edit respondents survey",
"srv_edit_data_row_quick" => "Quick edit respondents survey",

View File

@ -10600,6 +10600,106 @@ div.page_komentarji_anketa div.komentarji_anketa_holder div.komentarji_anketa fi
width: fit-content;
margin-top: 8px;
}
div.page_komentarji ul,
div.page_komentarji_anketa ul {
list-style-type: none;
padding: 0;
margin: 32px 0 0 0;
}
div.page_komentarji ul div.question_comment_holder,
div.page_komentarji_anketa ul div.question_comment_holder {
display: flex;
flex-direction: row;
margin-top: 16px;
margin-bottom: 32px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment {
display: flex;
flex-direction: column;
width: 50%;
}
div.page_komentarji ul div.question_comment_holder div.question_comment.editor,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment.editor {
border-right: 1px solid #E5E5E5;
padding-right: 62px;
margin-right: 62px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_type,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_type {
font-weight: 600;
margin-bottom: 16px;
text-transform: uppercase;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box {
width: 100%;
display: flex;
flex-direction: column;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 16px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .by,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .by {
margin-bottom: 4px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .by .user,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .by .user {
font-weight: 600;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .date,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .date {
font-size: 14px;
color: #808080;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .content,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .content {
margin: 16px 0;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .bottom_options,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .bottom_options {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .archive_comment,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .archive_comment {
cursor: pointer;
color: #1E88E5;
transition: 0.2s;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .archived_comment,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .archived_comment {
margin-bottom: 16px;
color: #808080;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .reply_to a,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.comment_box .bottom_options .reply_to a {
text-decoration: none;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.reply_to_text,
div.page_komentarji ul div.question_comment_holder div.question_comment div.new_comment,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.reply_to_text,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.new_comment {
display: flex;
flex-direction: column;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.reply_to_text textarea,
div.page_komentarji ul div.question_comment_holder div.question_comment div.new_comment textarea,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.reply_to_text textarea,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.new_comment textarea {
width: 100%;
height: 100px;
}
div.page_komentarji ul div.question_comment_holder div.question_comment div.reply_to_text button,
div.page_komentarji ul div.question_comment_holder div.question_comment div.new_comment button,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.reply_to_text button,
div.page_komentarji_anketa ul div.question_comment_holder div.question_comment div.new_comment button {
width: fit-content;
margin-top: 8px;
}
#placeholder.komentarji {
margin: 0px;

View File

@ -111,6 +111,112 @@ div.page_komentarji_anketa {
}
}
}
// Komentarji na vprašanja
ul {
list-style-type: none;
padding: 0;
margin: 32px 0 0 0;
div.question_comment_holder {
display: flex;
flex-direction: row;
margin-top: 16px;
margin-bottom: 32px;
div.question_comment {
display: flex;
flex-direction: column;
width: 50%;
&.editor {
border-right: 1px solid $gray;
padding-right: 62px;
margin-right: 62px;
}
div.comment_type {
font-weight: $semi-bold;
margin-bottom: 16px;
text-transform: uppercase;
}
div.comment_box {
width: 100%;
display: flex;
flex-direction: column;
border-bottom: 1px solid $gray;
margin-bottom: 16px;
.by {
margin-bottom: 4px;
.user {
font-weight: $semi-bold;
}
}
.date {
font-size: 14px;
color: $very-dark-gray2;
}
.content {
margin: 16px 0;
}
.bottom_options {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
.archive_comment {
cursor: pointer;
color: $blue;
transition: 0.2s;
&:hover {
$color: darken ($blue, 3%);
}
}
.archived_comment {
margin-bottom: 16px;
color: $very-dark-gray2
}
.reply_to {
a {
text-decoration: none;
}
}
}
}
div.reply_to_text,
div.new_comment {
display: flex;
flex-direction: column;
textarea {
width: 100%;
height: 100px;
}
button {
width: fit-content;
margin-top: 8px;
}
}
}
}
}
}
////////////////////////////////