docs: #339 moving line numbers switch to navbar and adding a cookie for saving its status

This commit is contained in:
Hamid Reza Mohammadi 2022-07-04 20:21:05 +04:30
parent dd3311b2a4
commit b8001c2a11
13 changed files with 68 additions and 34 deletions

View File

@ -149,7 +149,7 @@
</p>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/bk.js?version=30"></script>
<script src="~/js/bk.js?version=31"></script>
<script src="~/js/jplayersupport.js"></script>
<script src="~/js/vaabd.js?version=2"></script>
<script src="~/dist/jplayer/jquery.jplayer.min.js"></script>

View File

@ -16,7 +16,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -18,7 +18,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -16,7 +16,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -15,7 +15,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -19,7 +19,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -29,7 +29,7 @@
});
</script>
<script src="/lib/diff.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
</head>
<body>

View File

@ -17,7 +17,7 @@
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="/js/bk.js?version=30"></script>
<script src="/js/bk.js?version=31"></script>
<script>
var cookieValue = getCookie("playerScrollLock");
var playerScrollLock = cookieValue === "true";

View File

@ -83,3 +83,18 @@
}
</script>
}
@if (Model.GanjoorPage != null && Model.GanjoorPage.Poem != null)
{
<script>
var btnLineNumbers = document.getElementById("bnum-button");
if (lineNumbers) {
btnLineNumbers.classList.remove("color-disabled");
btnLineNumbers.classList.add("color-white");
}
else {
btnLineNumbers.classList.remove("color-white");;
btnLineNumbers.classList.add("color-disabled")
}
</script>
}

View File

@ -1,9 +1,12 @@
using Microsoft.AspNetCore.Mvc.RazorPages;
using RMuseum.Models.Ganjoor.ViewModels;
namespace GanjooRazor.Pages
{
public class _FooterPartialModel : PageModel
{
public bool StickyEnabled { get; set; }
public GanjoorPageCompleteViewModel GanjoorPage { get; set; }
}
}

View File

@ -318,7 +318,6 @@
<div class="poem-actions">
<a role="button" onclick="btshmr(@Model.GanjoorPage.Id)" class="pagebutton" id="bnum-button">حذف شماره‌ها<i class="info-buttons format_list_numbered_rtl"></i></a>
@if (Model.LoggedIn)
{
<text>
@ -725,7 +724,7 @@
<partial name="_FooterPartial" model=@(new _FooterPartialModel(){StickyEnabled = true}) />
<partial name="_FooterPartial" model=@(new _FooterPartialModel(){StickyEnabled = true, GanjoorPage = Model.GanjoorPage}) />
</div>

View File

@ -23,10 +23,11 @@
<i class="noindent-info-button bookmarking-icon"></i>
</div>
</a>
<a href="/User/Notifications" role="button" class="cursor-pointer" title="اعلان‌های من">
<a href="/User/Notifications" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button notifications-icon"><span id="notification-badge" class="hidden-recitation"></span></i>
</div>
<span class="w3tooltiptext">اعلان‌های من</span>
</a>
<a href="/User/History" role="button" class="cursor-pointer" title="ادامهٔ مطالعه">
<div class="circled-number">
@ -117,6 +118,13 @@
</a>
}
<a onclick="btshmr(@Model.GanjoorPage.Id)" role="button" class="w3tooltip cursor-pointer">
<div class="circled-number">
<i class="noindent-info-button format_list_numbered_rtl" id="bnum-button"></i>
</div>
<span class="w3tooltiptext">شماره‌گذاری</span>
</a>
</div>
}

View File

@ -84,6 +84,7 @@ function bshfarsinum(englishnum) {
function btshmr_internal(poemId) {
var bnum = getElements("bnum");
if (bnum.length != 0) {
lineNumbers = false;
for (var i = 0; i < bnum.length; ++i) {
bnum[i].remove();
}
@ -91,35 +92,43 @@ function btshmr_internal(poemId) {
for (var i = 0; i < bnumdiv.length; ++i) {
bnumdiv[i].remove();
}
document.getElementById("bnum-button").innerHTML = 'شماره‌گذاری<i class="info-buttons" id="format_list_numbered_rtl">format_list_numbered_rtl</i>';
setCookie("lineNumbers", "false", 365);
return true;
}
document.getElementById("bnum-button").innerHTML = 'حذف شماره‌ها<i class="info-buttons" id="format_list_numbered_rtl">format_list_numbered_rtl</i>';
var msr1s = getElements("m1", "b2", "n", "l");
if (msr1s.length == 0) return true;
var j = 0;
var k = 1;
for (var i = 0; i < msr1s.length; ++i) {
if (msr1s[i].className != "b2") {
if (msr1s[i].className != "m1") {
msr1s[i].innerHTML = '<div class="bnum normalbnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].innerHTML;//no alt, so that when user copies text does not appear in the copied content
else {
lineNumbers = true;
var msr1s = getElements("m1", "b2", "n", "l");
if (msr1s.length == 0) return true;
var j = 0;
var k = 1;
for (var i = 0; i < msr1s.length; ++i) {
if (msr1s[i].className != "b2") {
if (msr1s[i].className != "m1") {
msr1s[i].innerHTML = '<div class="bnum normalbnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].innerHTML;//no alt, so that when user copies text does not appear in the copied content
}
else {
msr1s[i].parentElement.innerHTML = '<div class="bnum normalbnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].parentElement.innerHTML;//no alt, so that when user copies text does not appear in the copied content
}
document.getElementById("bnum" + String(i + 1)).style.background = 'url(' + coupletNumImage(bshfarsinum(String(j + 1)), "red") + ')';
j++;
}
else {
msr1s[i].parentElement.innerHTML = '<div class="bnum normalbnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].parentElement.innerHTML;//no alt, so that when user copies text does not appear in the copied content
msr1s[i].innerHTML = '<div class="bnum bandnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].innerHTML;
document.getElementById("bnum" + String(i + 1)).style.background = 'url(' + coupletNumImage("بند " + bshfarsinum(String(k)), "blue") + ')';
k++;
j = 0;
}
document.getElementById("bnum" + String(i + 1)).style.background = 'url(' + coupletNumImage(bshfarsinum(String(j + 1)), "red") + ')';
j++;
}
else {
msr1s[i].innerHTML = '<div class="bnum bandnum" onclick="bnumClick(' + String(poemId) + ',' + String(i) + ');" id="bnum' + String(i + 1) + '"></div>' + msr1s[i].innerHTML;
document.getElementById("bnum" + String(i + 1)).style.background = 'url(' + coupletNumImage("بند " + bshfarsinum(String(k)), "blue") + ')';
k++;
j = 0;
}
}
setCookie("lineNumbers", "true", 365);
setCookie("lineNumbers", lineNumbers ? "true" : "false", 365);
if (lineNumbers) {
btnLineNumbers.classList.remove("color-disabled");
btnLineNumbers.classList.add("color-white");
}
else {
btnLineNumbers.classList.remove("color-white");;
btnLineNumbers.classList.add("color-disabled")
}
return true;
}