comments collapsing

This commit is contained in:
Paul Schneider
2024-12-15 12:22:26 +00:00
parent 5e5c6d57ea
commit 486e14e10b
3 changed files with 11 additions and 5 deletions

View File

@ -10,7 +10,6 @@
<link rel="stylesheet" href="~/lib/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" asp-append-version="true"/>
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>
<script src="~/lib/jquery-ui/external/jquery/jquery.js"></script>
<script src="~/lib/jquery-ui/jquery-ui.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

View File

@ -29,3 +29,9 @@ img.blogphoto {
font-style: italic;
font-size: x-small;
}
.blogcomment {
display: inline-block;
padding: .3em;
border: solid black 1px;
}

View File

@ -34,12 +34,13 @@ $.widget("psc.blogcomment", {
},
toggleCollapse: function(_this, ev) {
_this.collapsed = !_this.collapsed;
var icon = $(_this.ctlBtn).children().first();
if (_this.collapsed) {
$(_this.ctlBtn).removeClass('glyphicon-collapse-down');
$(_this.ctlBtn).addClass('glyphicon-collapse-up');
icon.removeClass('ui-icon-plus');
icon.addClass('ui-icon-minus');
} else {
$(_this.ctlBtn).removeClass('glyphicon-collapse-up');
$(_this.ctlBtn).addClass('glyphicon-collapse-down');
icon.removeClass('ui-icon-minus');
icon.addClass('ui-icon-plus');
}
if (_this.editable) {
_this.toggleEdit(_this, ev)