anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

#208 preparing UI for bookmarking

Browse Source
This commit is contained in:
Hamid Reza Mohammadi 2021-09-26 19:48:38 +03:30
parent 40d3390c85
commit acf2a62e2e
4 changed files with 38 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
GanjooRazor/Pages/Index.cshtml
View File

@ -19,6 +19,7 @@
<link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css" rel="stylesheet" type="text/css" />
<link href="/css/fab.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="shortcut icon" href="/favicon.ico" 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>

7
GanjooRazor/Pages/_BNumPartial.cshtml
View File

@ -12,9 +12,10 @@
@if (Model.LoggedIn)
{
<div style="width:100%;clear:both;">
<a role="button" id="listen-@Model.CoupletIndex" style="cursor: pointer; width: 100%; color: white; background-color: #300; display: block; text-align: center; border-color: #300;" onclick="editCouplet(@Model.PoemId, @Model.CoupletIndex)">ویرایش از اینجا</a>
</div>
<div style="width: 100%; clear: both; background-color: #300;">
<a role="button" id="bookmark-@Model.CoupletIndex" style="cursor: pointer;" onclick="switchBookmark(@Model.PoemId, @Model.CoupletIndex)" title="@Model.BookmarkingText"><i class="material-icons" id="bookmark-icon-@Model.CoupletIndex" style="color:white;">@Model.BookmarkingIcon</i></a>
<a role="button" id="listen-@Model.CoupletIndex" style="cursor: pointer;" onclick="editCouplet(@Model.PoemId, @Model.CoupletIndex)" title="ویرایش از اینجا"><i class="material-icons" style="color:white;">edit</i></a>
</div>
}

29
GanjooRazor/Pages/_BNumPartial.cshtml.cs
View File

@ -1,4 +1,4 @@
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.RazorPages;
using RMuseum.Models.Ganjoor.ViewModels;
using System.Collections.Generic;
@ -21,6 +21,33 @@ namespace GanjooRazor.Pages
/// </summary>
public int CoupletIndex { get; set; }
/// <summary>
/// is bookmarked
/// </summary>
public bool IsBookmarked { get; set; }
/// <summary>
/// bookmaring text
/// </summary>
public string BookmarkingText
{
get
{
return IsBookmarked ? "حذف نشانه" : "نشانه‌گذاری";
}
}
/// <summary>
/// bookmarking icon
/// </summary>
public string BookmarkingIcon
{
get
{
return IsBookmarked ? "star" : "star_border";
}
}
/// <summary>
/// comments
/// </summary>

5
GanjooRazor/wwwroot/js/bj.js
View File

@ -399,4 +399,9 @@ function editCouplet(poemId, coupletIndex) {
var vIndex = getVerseIndexFromCoupleIndex(coupletIndex);
location.href = '/User/Editor?id=' + poemId + '#id-' + String(vIndex + 1);
}
function switchBookmark(poemId, coupletIndex) {
var iconElementId = 'bookmark-icon-' + String(coupletIndex);
document.getElementById(iconElementId).innerHTML = (document.getElementById(iconElementId).innerHTML == 'star') ? 'star_border' : 'star';
}