dathlin/ClientServerProject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web端的更新日志界面重做，采用手风琴风格实现，v1.6.22

Browse Source
This commit is contained in:
dathlin
2017-10-18 21:54:00 +08:00
parent 18d81f31d3
commit 7b808e7d1d
5 changed files with 108 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
软件系统浏览器模版/Views/Home/UpdateLog.cshtml
View File

@@ -4,35 +4,37 @@
Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="~/Content/StyleAccordion.css" rel="stylesheet" />
<h2>系统更新日志<small>历次版本详细信息</small></h2>
<div class="container">
<div class="row">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="row">
<div class="col-md-3">
@{
foreach (var v in ClientsLibrary.UserClient.HistoryVersions)
{
@{
foreach (var v in ClientsLibrary.UserClient.HistoryVersions)
{
Guid guid = Guid.NewGuid();
<div class="list-group">
<a id="@guid" class="list-group-item">
<h4 class="list-group-item-heading">Version:<span>@v.VersionNum.ToString()</span></h4>
<p class="list-group-item-text">更新日志 @v.ReleaseDate.ToString("yyyy-MM-dd")</p>
</a>
<script>
$('#@guid').on('click', function () {
$('#details').replaceWith(@v.UpdateDetails.Replace("\r\n","<br />"));
});
</script>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<strong>V @v.VersionNum.ToString()</strong> 更新日志 @v.ReleaseDate.ToString("yyyy-MM-dd")
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<p>
@MvcHtmlString.Create(v.UpdateDetails.Replace("\r\n", "<br />").ToString())
</p>
</div>
</div>
</div>
}
}
}
</div>
<div class="col-md-9">
<span id="details">
</span>
</div>
</div>
</div>