Fakultas Ilmu Komputer UI

Commit 8ba8e2da authored by arif teguh wangi's avatar arif teguh wangi
Browse files

Merge branch 'master' of...

Merge branch 'master' of https://gitlab.cs.ui.ac.id/pmpl/class-project/marjinal-digipus into 1706040012-30
parents 59309e71 4a8b9a90
Pipeline #57865 passed with stages
in 8 minutes and 46 seconds
...@@ -62,12 +62,21 @@ ...@@ -62,12 +62,21 @@
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Sila konfirmasi penghapusan akun dengan tekan tombol hapus di bawah</p> <p>Anda akan menghapus akun admin dengan email
</div> <span class="bg-danger pr-1 pl-1 text-white" style="text-transform: lowercase">{{current.email}}</span>
<div class="modal-footer"> . Lakukan konfirmasi penghapusan dengan mengetik: </p>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button> <p class="bg-danger text-white p-1"> {{current.email}} </p>
<a href="/administration/hapus-admin/{{current.id}}/" type="button" class="btn btn-danger">Hapus</a>
</div> </div>
<form/>
{% csrf_token %}
<div class="form-group pl-3 pr-3">
<input name="{{ current.email }}" class="form-control" id="{{ current.id }}"required pattern="{{current.email}}" oninput="checkValue(this)">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
<a href="/administration/hapus-admin/{{current.id}}/" id="btn-hapus-{{current.id}}" type="button" class="btn btn-danger disabled">Hapus</a>
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
...@@ -118,4 +127,14 @@ ...@@ -118,4 +127,14 @@
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript">
function checkValue(element){
buttonElement = document.getElementById("btn-hapus-" + element.id)
if(element.value != element.name) {
buttonElement.classList.add("disabled");
} else {
buttonElement.classList.remove("disabled");
}
}
</script>
{% endblock %} {% endblock %}
\ No newline at end of file
.img-profile {
width: 10vw;
height: 10vw;
}
.profile-data {
color: #615CFD;
padding-right: 75px;
}
\ No newline at end of file
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
<link href="{% static 'css/sb-admin-2.min.css' %}" rel="stylesheet"> <link href="{% static 'css/sb-admin-2.min.css' %}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{% static 'app/css/detail_materi.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'app/css/detail_materi.css' %}">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,100&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,100&display=swap" rel="stylesheet">
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0"></script> <script async defer crossorigin="anonymous"
src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0"></script>
<script src="{% static 'js/detail_materi.js'%}"></script> <script src="{% static 'js/detail_materi.js'%}"></script>
{% endblock header %} {% endblock header %}
...@@ -14,51 +15,53 @@ ...@@ -14,51 +15,53 @@
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
{% block verification %} {% endblock verification %} {% block verification %} {% endblock verification %}
<div id="fb-root"></div> <div id="fb-root"></div>
<div class="container-fluid p-0 bg detail-materi-color"> <div class="container-fluid p-0 bg detail-materi-color">
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow"> <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
<!-- Sidebar Toggle (Topbar) --> <!-- Sidebar Toggle (Topbar) -->
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3"> <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars" aria-hidden="true"></i> <i class="fa fa-bars" aria-hidden="true"></i>
</button> </button>
<div class="sidebar-brand-text mx-3">Diskominfo Kota Depok</div> <div class="sidebar-brand-text mx-3">Diskominfo Kota Depok</div>
<!-- Topbar Navbar --> <!-- Topbar Navbar -->
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
{% if request.user.is_contributor %} {% if request.user.is_contributor %}
{% if materi_data.status == "DISAPPROVE" %} {% if materi_data.status == "DISAPPROVE" %}
<li class="nav-item black-text"> <li class="nav-item black-text">
<a class="nav-link feedback" data-toggle="modal" data-target="#umpanBalikModal"> <a class="nav-link feedback" data-toggle="modal" data-target="#umpanBalikModal">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">Umpan Balik Materi</span> <span class="mr-2 d-none d-lg-inline text-gray-600 small">Umpan Balik Materi</span>
</a> </a>
<div class="modal fade" id="umpanBalikModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal fade" id="umpanBalikModal" tabindex="-1" role="dialog"
<div class="modal-dialog" role="document"> aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-content"> <div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title black-text" id="exampleModalLabel">Umpan Balik Materi</h5> <h5 class="modal-title black-text" id="exampleModalLabel">Umpan Balik Materi</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
{% for item in report %} {% for item in report %}
<p class="black-text">Alasan materi ditolak:</p> <p class="black-text">Alasan materi ditolak:</p>
<p class="black-text">{{ item.report.feedback }}</p> <p class="black-text">{{ item.report.feedback }}</p>
<p class="black-text">Untuk merevisi materi, sila tekan tombol revisi di halaman riwayat unggah.</p> <p class="black-text">Untuk merevisi materi, sila tekan tombol revisi di halaman riwayat
{% endfor %} unggah.</p>
{% endfor %}
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Tutup</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Tutup</button>
</div> </div>
</div>
</div> </div>
</div> </div>
</li> </div>
{% endif %} </li>
{% endif %}
{% endif %} {% endif %}
<li class="nav-item"> <li class="nav-item">
...@@ -80,63 +83,106 @@ ...@@ -80,63 +83,106 @@
<!-- Nav Item - User Information --> <!-- Nav Item - User Information -->
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
<li class="nav-item dropdown no-arrow"> <li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="/dashboard/"> <a class="nav-link dropdown-toggle" href="/dashboard/">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">{{ user.name }}</span> <span class="mr-2 d-none d-lg-inline text-gray-600 small">{{ user.name }}</span>
{% if not user.default_profile_picture %} {% if not user.default_profile_picture %}
<img class="img-profile rounded-circle" src="https://i.ibb.co/9wgPzyZ/default-image.png" alt="User profile picture"> <img class="img-profile rounded-circle" src="https://i.ibb.co/9wgPzyZ/default-image.png"
{% else %} alt="User profile picture">
<img class="img-profile rounded-circle" src="{{ user.profile_picture.url }}" alt="User profile picture"> {% else %}
{% endif %} <img class="img-profile rounded-circle" src="{{ user.profile_picture.url }}"
</a> alt="User profile picture">
{% endif %}
</a>
</li> </li>
{% endif %} {% endif %}
</ul> </ul>
</nav> </nav>
<div class="row materi-data mr-4 ml-4 p-3 shadow-sm rounded"> <div class="row materi-data mr-4 ml-4 p-3 shadow-sm rounded">
<div class="col col-3 cover"> <div class="col col-3 cover">
<img src={{materi_data.cover.url}} alt="cover"> <img src={{materi_data.cover.url}} alt="cover">
</div>
<div class="col col-6 ml-3 book">
<h2>{{materi_data.title}}</h2>
<div class="category-wrapper">
{% for category in materi_data.categories.all %}
<span class="mr-1">#{{category.name}}</span>
{% endfor %}
</div> </div>
<div class="col col-6 ml-3 book"> <div class="info-wrapper">
<h2>{{materi_data.title}}</h2> <div class="info" id="1">
<div class="category-wrapper"> <dl class="col col-4">
{% for category in materi_data.categories.all %} <dt class="info-name">Penulis</dt>
<span class="mr-1">#{{category.name}}</span> </dl>
{% endfor %} <dd>
<p class="info-content">{{materi_data.author}}</p>
</dd>
</div> </div>
<div class="info-wrapper"> <div class="info" id="1">
<div class="info" id="1"> <dl class="col col-4">
<dt class="col col-4"> <dt class="info-name">Penerbit</dt>
<p class="info-name">Penulis</p> </dl>
</dt> <dd>
<dd> <p class="info-content">{{materi_data.publisher}}</p>
<p class="info-content">{{materi_data.author}}</p> </dd>
</dd> </div>
</div> <div class="info" id="1">
<div class="info" id="1"> <dl class="col col-4">
<dt class="col col-4"> <dt class="info-name">Kontributor</dt>
<p class="info-name">Penerbit</p> </dl>
</dt> <dd>
<dd> <a class="info-content"
<p class="info-content">{{materi_data.publisher}}</p> href="{% url 'katalog-per-kontributor' materi_data.uploader.email %}">{{materi_data.uploader.name}}</a>
</dd> </dd>
</div> </div>
<div class="info" id="1"> <div class="info" id="1">
<dt class="col col-4"> <dl class="col col-4">
<p class="info-name">Jumlah Halaman</p> <dt class="info-name">Jumlah Halaman</dt>
</dt> </dl>
<dd> <dd>
<p class="info-content">{{materi_data.pages}}</p> <p class="info-content">{{materi_data.pages}}</p>
</dd> </dd>
</div> </div>
<div class="info" id="1"> <div class="info" id="1">
<dt class="col col-4"> <dl class="col col-4">
<p class="info-name">Ukuran File</p> <dt class="info-name">Ukuran File</dt>
</dt> </dl>
<dd> <dd>
<p class="info-content">{{materi_data.content.size|filesizeformat}}</p> <p class="info-content">{{materi_data.content.size|filesizeformat}}</p>
</dd> </dd>
</div>
</div>
<div class="buttons d-flex flex-row bd-highlight mb-1">
<a href="{% url 'view-materi' materi_data.id %}"
class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded">Baca</a>
<a href="{% url 'download-materi' materi_data.id %}"
class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded">Unduh</a>
<div class="dropdown">
<button class="btn dropdown-toggle btn-book shadow-sm p-2 mr-2 bg-white rounded" type="button"
id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Bagikan
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="fb-share-button" data-href="{% url 'detail-materi' materi_data.id %}"
data-layout="button" data-size="small">
<a target="_blank"
href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdigipus-staging-2.herokuapp.com%2Fmateri%2F{{materi_data.id}}%2F&amp;src=sdkpreparse"
class="dropdown-item fb-xfbml-parse-ignore">Facebook</a>
</div>
<a class="twitter-share-button dropdown-item"
href="https://twitter.com/intent/tweet?text=Cek%20materi%20ini%20yuk%20https%3A%2F%2Fdigipus-staging-2.herokuapp.com%2Fmateri%2F{{materi_data.id}}%2F"
target="_blank" data-size="large">
Twitter
</a>
<a class="dropdown-item"
href="whatsapp://send?text=Cek materi ini yuk! https://digipus-staging-2.herokuapp.com{{request.path}}"
target="_blank">Whatsapp</a>
<a class="dropdown-item"
href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fdigipus-staging-2.herokuapp.com%2Fmateri%2F{{materi_data.id}}%2F"
target="_blank">Line</a>
<p id="url" style="display: none">https://digipus-staging-2.herokuapp.com{{request.path}}</p>
<button class="dropdown-item btn-book" onclick="copyToClipboard('#url')">Bagikan Tautan</button>
</div> </div>
</div> </div>
<div class="buttons d-flex flex-row bd-highlight mb-1"> <div class="buttons d-flex flex-row bd-highlight mb-1">
...@@ -161,98 +207,198 @@ ...@@ -161,98 +207,198 @@
<a class="dropdown-item" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fdigipus-staging-2.herokuapp.com%2Fmateri%2F{{materi_data.id}}%2F" target="_blank">Line</a> <a class="dropdown-item" href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fdigipus-staging-2.herokuapp.com%2Fmateri%2F{{materi_data.id}}%2F" target="_blank">Line</a>
<p id="url" style="display: none">https://digipus-staging-2.herokuapp.com{{request.path}}</p> <p id="url" style="display: none">https://digipus-staging-2.herokuapp.com{{request.path}}</p>
<button class="dropdown-item btn-book" onclick="copyToClipboard('#url')">Bagikan Tautan</button> <button class="dropdown-item btn-book" onclick="copyToClipboard('#url')">Bagikan Tautan</button>
<form action="" method="POST">
<input type="hidden" name="action" value="like">
</form>
{% if has_liked %}
<button id="thumb" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded"><i id="thumbIcon"
aria-hidden="true" class="fas fa-thumbs-up"></i> Disukai</button>
{% else %}
<button id="thumb" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded"><i id="thumbIcon"
aria-hidden="true" class="far fa-thumbs-up"></i> Sukai</button>
{% endif %}
{% if user.is_authenticated %}
<div class="dropdown">
<button class="btn dropdown-toggle btn-book shadow-sm p-2 mr-2 bg-white rounded align-self-center"
type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<em id="button-rating-star-icon" class="align-self-center far fa-star"></em>
<span id="button-rating-text">Beri Rating</span>
</button>
<div id="star-dropdown" class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="text-center btn-book">
<em onclick="postAddRating(1)" id="star-1" class="far fa-star fa-lg"></em>
<em onclick="postAddRating(2)" id="star-2" class="far fa-star fa-lg"></em>
<em onclick="postAddRating(3)" id="star-3" class="far fa-star fa-lg"></em>
<em onclick="postAddRating(4)" id="star-4" class="far fa-star fa-lg"></em>
<em onclick="postAddRating(5)" id="star-5" class="far fa-star fa-lg"></em>
</div> </div>
</div> </div>
<form action="" method="POST">
<input type="hidden" name="action" value="like">
</form>
{% if has_liked %}
<button id="thumb" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded"><i id="thumbIcon" aria-hidden="true" class="fas fa-thumbs-up"></i> Disukai</button>
{% else %}
<button id="thumb" class="btn btn-link btn-book shadow-sm p-2 mr-2 bg-white rounded"><i id="thumbIcon" aria-hidden="true" class="far fa-thumbs-up"></i> Sukai</button>
{% endif %}
</div> </div>
{% else %}
<button class="btn dropdown-toggle btn-book shadow-sm p-2 mr-2 bg-white rounded align-self-center"
type="button" id="dropdownMenuButton" aria-haspopup="true" aria-expanded="false" data-toggle="modal"
data-target="#notLoggedInModal">
<em class="align-self-center far fa-star"></em> Beri Rating
</button>
{% endif %}
</div> </div>
</div> </div>
<div class="row menu-wrapper mr-4 ml-4 p-3"> </div>
<nav class="navbar navbar-expand-sm border-top border-bottom p-0 mt-3 mb-3"> <div class="row menu-wrapper mr-4 ml-4 p-3">
<ul class="navbar-nav"> <nav class="navbar navbar-expand-sm border-top border-bottom p-0 mt-3 mb-3">
<li class="nav-item"> <ul class="navbar-nav">
<a class="nav-link" href="#deskripsi">Deskripsi</a> <li class="nav-item">
</li> <a class="nav-link" href="#deskripsi">Deskripsi</a>
{% if materi_data.status == "APPROVE" %} </li>
<li class="nav-item"> {% if materi_data.status == "APPROVE" %}
<a class="nav-link" href="#komentar">Komentar</a> <li class="nav-item">
</li> <a class="nav-link" href="#komentar">Komentar</a>
{% endif %} </li>
</ul> {% endif %}
</nav> </ul>
<div id="deskripsi" class="container-fluid description-wrapper bg-white shadow-sm rounded p-3"> </nav>
<h1>Deskripsi</h1> <div id="deskripsi" class="container-fluid description-wrapper bg-white shadow-sm rounded p-3">
<div class="col col-8 description"> <h1>Deskripsi</h1>
<p>{{materi_data.descriptions}}</p> <div class="col col-8 description">
</div> <p>{{materi_data.descriptions}}</p>
</div> </div>
{% if materi_data.status == "APPROVE" %} </div>
<div id="komentar" class="container-fluid comments-wrapper p-0"> {% if materi_data.status == "APPROVE" %}
<div class="add-comments col col-8 bg-white shadow-sm rounded p-3 mb-3"> <div id="komentar" class="container-fluid comments-wrapper p-0">
<form method="POST"> <div class="add-comments col col-8 bg-white shadow-sm rounded p-3 mb-3">
{% csrf_token %} <form method="POST">
<h1>Komentar</h1> {% csrf_token %}
<div class="form-group"> <h1>Komentar</h1>
<textarea placeholder="Beri komentar..." class="form-control" <div class="form-group">
id="exampleFormControlTextarea1" <textarea placeholder="Beri komentar..." class="form-control" id="exampleFormControlTextarea1"
rows="3" name="comment" required rows="3" name="comment" required></textarea>
></textarea> <button type="submit"
<button type="submit" class="btn btn-link btn-book shadow-sm p-2 mt-2 bg-white rounded">Kirim</button> class="btn btn-link btn-book shadow-sm p-2 mt-2 bg-white rounded">Kirim</button>
</div>
</form>
</div> </div>
{% for comment in comment_data %} </form>
<div class="col col-8 comment shadow-sm p-3 mb-1 bg-white rounded"> </div>
<div class="d-flex bd-highlight mb-3 align-items-center user"> {% for comment in comment_data %}
{% if comment.user != Null %} <div class="col col-8 comment shadow-sm p-3 mb-1 bg-white rounded">
{% if not user.default_profile_picture %} <div class="d-flex bd-highlight mb-3 align-items-center user">
<img class="profile" src="https://i.ibb.co/9wgPzyZ/default-image.png" alt="profile-picture"> {% if comment.user != Null %}
{% else %} {% if not user.default_profile_picture %}
<img class="profile" src="{{ comment.user.profile_picture.url }}" alt="profile-picture"> <img class="profile" src="https://i.ibb.co/9wgPzyZ/default-image.png" alt="profile-picture">
{% endif %} {% else %}
{% else %} <img class="profile" src="{{ comment.user.profile_picture.url }}" alt="profile-picture">
<span style="background-color: #{{comment.profile}}" class="profile p-1 bd-highligh"></span> {% endif %}
{% endif %} {% else %}
<p class="p-1 bd-highligh m-0"><b>{{comment.user.name}}</b></p> <span style="background-color: #{{comment.profile}}" class="profile p-1 bd-highligh"></span>
<p class="p-1 bd-highligh m-0"></p> {% endif %}
<p <p class="p-1 bd-highligh m-0"><b>{{comment.user.name}}</b></p>
class="timestamp p-1 bd-highligh m-0 text-muted" <p class="p-1 bd-highligh m-0"></p>
> <p class="timestamp p-1 bd-highligh m-0 text-muted">
{{ comment.timestamp|naturaltime }} {{ comment.timestamp|naturaltime }}
</p> </p>
{% if user.is_admin %} {% if user.is_admin %}
<a class="ml-auto p-1 bd-highlight close" href="{% url 'delete-comment' materi_data.id comment.id %}"> <a class="ml-auto p-1 bd-highlight close"
<span aria-hidden="true">&times;</span> href="{% url 'delete-comment' materi_data.id comment.id %}">
</a> <span aria-hidden="true">&times;</span>
{% endif %} </a>
</div> {% endif %}
<p class="text">{{comment.comment}}</p>
</div>
{% endfor %}
</div> </div>
{% endif %} <p class="text">{{comment.comment}}</p>
</div>
{% endfor %}
</div> </div>
{% endif %}
</div> </div>
<footer class="sticky-footer bg-white p-4"> </div>
<div class="container my-auto"> <footer class="sticky-footer bg-white p-4">
<div class="copyright text-center my-auto"> <div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Diskominfo Kota Depok 2020</span> <span>Copyright &copy; Diskominfo Kota Depok 2020</span>
</div>
</div> </div>
</footer> </div>
</footer>
<!-- Modal -->
<div class="modal fade" id="notLoggedInModal" tabindex="-1" role="dialog" aria-labelledby="notLoggedInModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="notLoggedInModalLabel">Belum Login</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Login untuk memberikan rating
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
<button type="button" class="btn btn-primary" onclick="window.location.href = '/login';">Login</button>
</div>
</div>
</div>
</div>
{% endblock content %} {% endblock content %}
{% block extra_scripts %} {% block extra_scripts %}
<script src="https://kit.fontawesome.com/bc2cedd6b2.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/bc2cedd6b2.js" crossorigin="anonymous"></script>
<script type="text/javascript"> <script type="text/javascript">
// using jQuery // using jQuery
var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val(); var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
let currentRating = {{ materi_rating_score }};
fillRatingStar(currentRating)
function changeButtonIntoRated() {
$('#button-rating-star-icon').addClass('fas');
$('#button-rating-star-icon').removeClass('far');
$('#button-rating-text').text("Rating Anda")
}
if (currentRating > 0) {
changeButtonIntoRated()
}
$("#star-dropdown").click(function (e) {
e.stopPropagation();
});
function clearRatingStar() {
for (let i = 1; i <= 5; i++) {
$('#star-' + i).addClass('far');
$('#star-' + i).removeClass('fas');
}
}
function fillRatingStar(ratingScore) {
for (let i = 1; i <= ratingScore; i++) {
$('#star-' + i).addClass('fas');
$('#star-' + i).removeClass('far');
}
}
function makeHoverStar(starAmount) {
function hoverStar() {
clearRatingStar()
fillRatingStar(starAmount)
}
return hoverStar
}
function makeUnHoverStar(starAmount) {
function unHoverStar() {
clearRatingStar()
fillRatingStar(currentRating)
}
return unHoverStar
}