#433 UI improvement

Related Work Items: #4
This commit is contained in:
Hamid Reza Mohammadi 2024-04-10 14:20:30 +03:30
parent c0b3c6ad7e
commit 48632197ac

View File

@ -596,6 +596,67 @@
}
</div>
</div>
<div class="related-images-frame" id="manuscripts">
@if (Model.GanjoorPage.Poem.Images.Length > 0)
{
<div class="century">
تصاویر مرتبط در <a href="https://museum.ganjoor.net">گنجینهٔ گنجور</a> و <a href="https://naskban.ir">نسکبان</a> <a role="button" class="w3tooltip cursor-pointer" onclick="switch_section('images-section', 'images-collapse-button')"><i class="info-buttons expand_circle_down" id="images-collapse-button"></i><span class="w3tooltiptext">جمع شود / باز شود</span></a>
</div>
<div id="images-section">
<div class="related-images">
@foreach (var image in Model.GanjoorPage.Poem.Images.Where(image => image.IsTextOriginalSource))
{
<div class="width-100per">
<div class="related-image-container-main">
<a target="_blank" href="@Html.Raw(image.TargetPageUrl)">
<div class="main-image-container">
<div class="main-image-ribbon">منبع کاغذی گنجور</div>
<img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="main-image-source">
<div class="related-image-is-text-source">
<div class="width-100per">@image.AltText.ToPersianNumbers()</div>
</div>
</div>
</a>
</div>
</div>
}
@foreach (var image in Model.GanjoorPage.Poem.Images.Where(image => image.IsTextOriginalSource == false))
{
<div class="related-image-container">
<a target="_blank" href="@Html.Raw(image.TargetPageUrl)">
<img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="related-image">
</a>
<div class="related-image-is-text-source"><a target="_blank" href="@Html.Raw(image.TargetPageUrl)">@image.AltText.ToPersianNumbers()</a></div>
</div>
}
</div>
<div id="suggest-images">
<p>
<a href="?pinterest_url=manual" onclick="wpopen(this.href); return false" class="pagebutton comments-link">پیشنهاد تصاویر مرتبط از منابع اینترنتی<i class="info-buttons photo_camera"></i></a>
</p>
<p>
<a href="https://blog.ganjoor.net/1398/07/12/mganjoor/" class="pagebutton" target="_blank">راهنمای نحوهٔ پیشنهاد تصاویر مرتبط از گنجینهٔ گنجور<i class="info-buttons help-button"></i></a>
</p>
</div>
</div>
}
else
{
<div id="suggest-images">
<p>
<a href="?pinterest_url=manual" onclick="wpopen(this.href); return false" class="pagebutton comments-link">پیشنهاد تصاویر مرتبط از منابع اینترنتی<i class="info-buttons photo_camera"></i></a>
</p>
<p>
<a href="https://blog.ganjoor.net/1398/07/12/mganjoor/" class="pagebutton" target="_blank">راهنمای نحوهٔ پیشنهاد تصاویر مرتبط از گنجینهٔ گنجور<i class="info-buttons help-button"></i></a>
</p>
</div>
}
</div>
@{
if (Model.GanjoorPage.Poem.Recitations.Where(a => a.RecitationType == RMuseum.Models.GanjoorAudio.RecitationType.Normal).Any())
{
@ -744,67 +805,7 @@
</div>
</div>
}
<div class="related-images-frame" id="manuscripts">
@if (Model.GanjoorPage.Poem.Images.Length > 0)
{
<div class="century">
تصاویر مرتبط در <a href="https://museum.ganjoor.net">گنجینهٔ گنجور</a> و <a href="https://naskban.ir">نسکبان</a> <a role="button" class="w3tooltip cursor-pointer" onclick="switch_section('images-section', 'images-collapse-button')"><i class="info-buttons expand_circle_down" id="images-collapse-button"></i><span class="w3tooltiptext">جمع شود / باز شود</span></a>
</div>
<div id="images-section">
<div class="related-images">
@foreach (var image in Model.GanjoorPage.Poem.Images.Where(image => image.IsTextOriginalSource))
{
<div class="width-100per">
<div class="related-image-container-main">
<a target="_blank" href="@Html.Raw(image.TargetPageUrl)">
<div class="main-image-container">
<div class="main-image-ribbon">منبع کاغذی گنجور</div>
<img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="main-image-source">
<div class="related-image-is-text-source">
<div class="width-100per">@image.AltText.ToPersianNumbers()</div>
</div>
</div>
</a>
</div>
</div>
}
@foreach (var image in Model.GanjoorPage.Poem.Images.Where(image => image.IsTextOriginalSource == false))
{
<div class="related-image-container">
<a target="_blank" href="@Html.Raw(image.TargetPageUrl)">
<img src="@Html.Raw(image.ThumbnailImageUrl)" alt="@image.AltText" loading="lazy" class="related-image">
</a>
<div class="related-image-is-text-source"><a target="_blank" href="@Html.Raw(image.TargetPageUrl)">@image.AltText.ToPersianNumbers()</a></div>
</div>
}
</div>
<div id="suggest-images">
<p>
<a href="?pinterest_url=manual" onclick="wpopen(this.href); return false" class="pagebutton comments-link">پیشنهاد تصاویر مرتبط از منابع اینترنتی<i class="info-buttons photo_camera"></i></a>
</p>
<p>
<a href="https://blog.ganjoor.net/1398/07/12/mganjoor/" class="pagebutton" target="_blank">راهنمای نحوهٔ پیشنهاد تصاویر مرتبط از گنجینهٔ گنجور<i class="info-buttons help-button"></i></a>
</p>
</div>
</div>
}
else
{
<div id="suggest-images">
<p>
<a href="?pinterest_url=manual" onclick="wpopen(this.href); return false" class="pagebutton comments-link">پیشنهاد تصاویر مرتبط از منابع اینترنتی<i class="info-buttons photo_camera"></i></a>
</p>
<p>
<a href="https://blog.ganjoor.net/1398/07/12/mganjoor/" class="pagebutton" target="_blank">راهنمای نحوهٔ پیشنهاد تصاویر مرتبط از گنجینهٔ گنجور<i class="info-buttons help-button"></i></a>
</p>
</div>
}
</div>
</div>
<div class="related-images-frame" id="discussions">