495 lines
16 KiB
HTML
Executable File
495 lines
16 KiB
HTML
Executable File
<!DOCTYPE html>{% load static %}
|
|
|
|
<head>
|
|
<title>MyNextFilm</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- font awsome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
|
|
|
|
<!-- Latest compiled and minified CSS -->
|
|
{% comment %} <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
|
|
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> {% endcomment %}
|
|
|
|
<!-- Latest compiled and minified JavaScript -->
|
|
{% comment %} <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
|
|
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
|
|
crossorigin="anonymous"></script> {% endcomment %}
|
|
|
|
<!-- j-query css -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.5.0/axios.min.js"></script>
|
|
|
|
<!-- Include the Virtual Keyboard library -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-keyboard@latest/build/css/index.css" />
|
|
|
|
<script>
|
|
var access_token = localStorage.getItem("accessToken");
|
|
var accessConfig = {
|
|
headers: { Authorization: `Bearer ${access_token}` },
|
|
};
|
|
|
|
//var rhmBaseUrl = "http://1.6.141.104:4000";
|
|
var rhmBaseUrl = window.location.origin;
|
|
// var rhmBaseUrl = "https://taj.mynextfilm.in";
|
|
|
|
// var rhmBaseUrl='https://mynextfilm.ai';
|
|
</script>
|
|
|
|
<!-- external css -->
|
|
<link href="{% static 'css/rhm/rhm.css'%}" rel="stylesheet" type="text/css" />
|
|
<link href="{% static 'css/rhm/rhm-media.css'%}" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="{% static 'css/rhm/rhm-community.css'%}" rel="stylesheet" type="text/css" />
|
|
|
|
<link href="{% static 'css/rhm/rhm_community.css'%}" rel="stylesheet" type="text/css" />
|
|
|
|
</head>
|
|
|
|
<div class="vertical-tabs" style="height: 100%; font-family: Poppins">
|
|
<nav class="nav_rhm">
|
|
<ul class="nav nav-bold nav-pills ul_rhm">
|
|
|
|
<li class="nav-item1 li_rhm" id="list-1">
|
|
<img class="rhm4-img" src="{% static 'Rhm/rhm-acc.png' %}" data-toggle="tooltip" title="Account" />
|
|
</li>
|
|
|
|
<li class="nav-item1 li_rhm" id="list-6">
|
|
<img class="rhm4-img" src="{% static 'Rhm/rhm-engagement.png' %}" data-toggle="tooltip" title="Engagements" />
|
|
</li>
|
|
|
|
<li class="nav-item1 li_rhm" id="list-3">
|
|
<img class="rhm4-img" src="{% static 'Rhm/rhm-msg.png' %}" data-toggle="tooltip" title="Message" />
|
|
</li>
|
|
|
|
<li class="nav-item1 li_rhm" id="list-5">
|
|
<img onclick="loadAllNoti()" class="rhm4-img" src="{% static 'Rhm/rhm-notification.png' %}"
|
|
data-toggle="tooltip" title="Notification" />
|
|
</li>
|
|
|
|
<li class="nav-item1 li_rhm" id="list-2">
|
|
<img onclick="fetchComProfiles()" class="rhm4-img" src="{% static 'Rhm/rhm-community.png' %}"
|
|
data-toggle="tooltip" title="Community" />
|
|
</li>
|
|
<!-- calender (comming soon) -->
|
|
<!-- <li class="nav-item1 li_rhm" id="list-4">
|
|
<img class="rhm4-img" src="{% static 'Rhm/rhm-calender.png' %}" data-toggle="tooltip" title="Calender" />
|
|
</li> -->
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
<div style="line-height: 18px">
|
|
<div class="account-rhm" id="my-account">
|
|
<h3 class="heading">My Account</h3>
|
|
<ul class="account-nav notranslate" translate="no">
|
|
<li class="nav-sub active-sub" id="mnf-account">Privileges</li>
|
|
<li class="nav-sub" id="profile-page">Profiles</li>
|
|
<li class="nav-sub" id="project-page">Projects</li>
|
|
<li class="nav-sub" id="cng-pass">Displays</li>
|
|
<li class="nav-sub" id="up-photo">Pages</li>
|
|
</ul>
|
|
|
|
<!-- Privileges -->
|
|
{% include 'rhm/rhmPrivileges.html' %}
|
|
|
|
<!-- Profiles -->
|
|
{% include 'rhm/rhmProfiles.html' %}
|
|
|
|
<!-- Projects -->
|
|
{% include 'rhm/rhmProjects.html' %}
|
|
<!-- Display -->
|
|
{% include 'rhm/rhmDisplays.html' %}
|
|
<!-- Pages -->
|
|
{% include 'rhm/rhmPages.html' %}
|
|
</div>
|
|
|
|
<!-- my community part -->
|
|
<div class="account-rhm" id="my-community" style="display: none">
|
|
<h3 class="heading">My Community</h3>
|
|
{% include 'rhm/rhmCommunity/rhm_community.html' %}
|
|
</div>
|
|
|
|
<!-- my messages part -->
|
|
<div class="account-rhm" id="message" style="display: none">
|
|
<h3 class="heading">Messages</h3>
|
|
|
|
{% include 'rhm/rhmMessages/rhmChat.html' %}
|
|
</div>
|
|
|
|
<!-- my calender part -->
|
|
<div class="account-rhm" id="my-calender" style="display: none">
|
|
<h3 class="heading">Calender</h3>
|
|
<div class="text-center"><span>Coming soon</span></div>
|
|
</div>
|
|
|
|
<!-- my notification part -->
|
|
<div class="account-rhm" id="news" style="display: none">
|
|
<h3 class="heading">Notification
|
|
<!-- <img onclick="$('#popup_alert').show()" class="noti_3dot" src="{% static 'Rhm/harkat_3dot.png' %}" alt=""> -->
|
|
</h3>
|
|
<!-- this code will be needed -->
|
|
<!-- <div id="popup_alert" class="popup_alert">
|
|
<div>
|
|
<div>Notification Alert</div>
|
|
<button style="display: none;background-color: #19CC09;"
|
|
id="alert_on"
|
|
class="on-rhm-eng lpp_app_on_off"
|
|
{% comment %} onclick="toggleAvalability('No');" {% endcomment %}
|
|
>
|
|
<i class="fa-solid fa-circle"></i>
|
|
</button>
|
|
<button
|
|
id="alert_off"
|
|
class="off-rhm-eng"
|
|
style="background-color: #EAEAEA;"
|
|
{% comment %} onclick="toggleAvalability('Yes');" {% endcomment %}
|
|
>
|
|
<i class="fa-solid fa-circle"></i>
|
|
</button>
|
|
</div>
|
|
</div> -->
|
|
|
|
{% include 'rhm/rhmMessages/rhmNotification.html' %}
|
|
</div>
|
|
|
|
<!-- engagement part -->
|
|
<div id="engagement" style="display: none" class="account-rhm">
|
|
<h3 class="heading">
|
|
MNF Engagements
|
|
</h3>
|
|
<ul class="account-nav">
|
|
<li onclick="loadLppDetails()" class="nav-sub-e active-sub toggle-element" id="lpp-e">
|
|
LPP
|
|
</li>
|
|
<li class="nav-sub-e toggle-element" id="messiah-e" onclick="fetchRhmMessiah();">
|
|
Messiah
|
|
</li>
|
|
<!-- <li class="nav-sub-e toggle-element" id="harkat-e" onclick="getHarkatData();">Harkat</li> -->
|
|
</ul>
|
|
|
|
<!-- lpp -->
|
|
{% include 'rhm/rhmLpp.html' %}
|
|
|
|
<!-- messiah -->
|
|
{% include 'rhm/rhmMessiah.html' %}
|
|
|
|
<!-- harkat -->
|
|
{% include 'rhm/rhmHarkat.html' %}
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var threeDotImg = document.querySelector('.noti_3dot');
|
|
var popup = document.querySelector('.popup_alert');
|
|
|
|
|
|
document.addEventListener('click', function (event) {
|
|
if (!popup.contains(event.target) && event.target !== threeDotImg) {
|
|
popup.style.display = 'none';
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
<script>
|
|
// lpp & messiah on off button
|
|
|
|
$(".on-rhm").click(function () {
|
|
$(".off-rhm").css("border-color", "#1D9BF0");
|
|
});
|
|
|
|
$(".on-rhm-m").click(function () {
|
|
$(".off-rhm-m").css("border-color", "#1D9BF0");
|
|
});
|
|
|
|
// sub active account
|
|
$(".nav-sub").click(function () {
|
|
$(".nav-sub").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
|
|
//navigation harkat sub active
|
|
$(".rhm-harkat-ac").click(function () {
|
|
$(".rhm-harkat-ac").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
//navigation sub active community
|
|
$(".nav-sub-c").click(function () {
|
|
$(".nav-sub-c").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
|
|
//navigation sub active calebder
|
|
$(".nav-sub-ca").click(function () {
|
|
$(".nav-sub-ca").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
|
|
//navigation sub active engagement
|
|
$(".nav-sub-e").click(function () {
|
|
$(".nav-sub-e").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
|
|
//navigation sub project
|
|
$(".project-sub").click(function () {
|
|
$(".project-sub").css({
|
|
"border-bottom": "none",
|
|
color: "#7D7D7D",
|
|
});
|
|
$(this).css({
|
|
"border-bottom": "1px solid #33B0CA",
|
|
color: "#33B0CA",
|
|
});
|
|
});
|
|
|
|
// my account part............................................................
|
|
$("#list-1").click(function () {
|
|
$("#my-community").hide();
|
|
$("#message").hide();
|
|
$("#news").hide();
|
|
$("#my-calender").hide();
|
|
$("#engagement").hide();
|
|
$("#my-account").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-acc-active.png' %}");
|
|
|
|
$("#list-2 img").attr("src", "{% static 'Rhm/rhm-community.png' %}");
|
|
$("#list-3 img").attr("src", "{% static 'Rhm/rhm-msg.png' %}");
|
|
$("#list-4 img").attr("src", "{% static 'Rhm/rhm-calender.png' %}");
|
|
$("#list-5 img").attr("src", "{% static 'Rhm/rhm-notification.png' %}");
|
|
$("#list-6 img").attr("src", "{% static 'Rhm/rhm-engagement.png' %}");
|
|
|
|
return false;
|
|
});
|
|
|
|
// my account-----profile
|
|
$("#profile-page").click(function () {
|
|
$("#account-div").hide();
|
|
$("#pass-div").hide();
|
|
$("#up-div").hide();
|
|
$("#project-div").hide();
|
|
$("#profile-div").slideToggle("slow");
|
|
getPersonalProfile();
|
|
});
|
|
|
|
// my account-----account
|
|
$("#mnf-account").click(function () {
|
|
$("#profile-div").hide();
|
|
$("#pass-div").hide();
|
|
$("#up-div").hide();
|
|
$("#project-div").hide();
|
|
$("#account-div").slideToggle("slow");
|
|
});
|
|
// my account-----display page
|
|
$("#cng-pass").click(function () {
|
|
$("#profile-div").hide();
|
|
$("#account-div").hide();
|
|
$("#up-div").hide();
|
|
$("#project-div").hide();
|
|
$("#pass-div").slideToggle("slow");
|
|
});
|
|
// my account-----change pages
|
|
$("#up-photo").click(function () {
|
|
$("#profile-div").hide();
|
|
$("#account-div").hide();
|
|
$("#pass-div").hide();
|
|
$("#project-div").hide();
|
|
$("#up-div").slideToggle("slow");
|
|
});
|
|
// my account-----project-div
|
|
$("#project-page").click(function () {
|
|
$("#profile-div").hide();
|
|
$("#account-div").hide();
|
|
$("#pass-div").hide();
|
|
$("#up-div").hide();
|
|
$("#project-div").slideToggle("slow");
|
|
});
|
|
|
|
// my community part...........................................................
|
|
$("#list-2").click(function () {
|
|
$("#my-account").hide();
|
|
$("#message").hide();
|
|
$("#news").hide();
|
|
$("#my-calender").hide();
|
|
$("#engagement").hide();
|
|
$("#my-community").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-community-active.png' %}");
|
|
|
|
$("#list-1 img").attr("src", "{% static 'Rhm/rhm-acc.png' %}");
|
|
$("#list-3 img").attr("src", "{% static 'Rhm/rhm-msg.png' %}");
|
|
$("#list-4 img").attr("src", "{% static 'Rhm/rhm-calender.png' %}");
|
|
$("#list-5 img").attr("src", "{% static 'Rhm/rhm-notification.png' %}");
|
|
$("#list-6 img").attr("src", "{% static 'Rhm/rhm-engagement.png' %}");
|
|
|
|
return false;
|
|
});
|
|
|
|
// my message part.................................................................
|
|
$("#list-3").click(function () {
|
|
$("#my-account").hide();
|
|
$("#my-community").hide();
|
|
$("#my-calender").hide();
|
|
$("#news").hide();
|
|
$("#engagement").hide();
|
|
$("#message").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-msg-active.png' %}");
|
|
|
|
$("#list-2 img").attr("src", "{% static 'Rhm/rhm-community.png' %}");
|
|
$("#list-1 img").attr("src", "{% static 'Rhm/rhm-acc.png' %}");
|
|
$("#list-4 img").attr("src", "{% static 'Rhm/rhm-calender.png' %}");
|
|
$("#list-5 img").attr("src", "{% static 'Rhm/rhm-notification.png' %}");
|
|
$("#list-6 img").attr("src", "{% static 'Rhm/rhm-engagement.png' %}");
|
|
getChatList();
|
|
return false;
|
|
});
|
|
|
|
// calender part .................................................................
|
|
$("#list-4").click(function () {
|
|
$("#my-account").hide();
|
|
$("#my-community").hide();
|
|
$("#message").hide();
|
|
$("#news").hide();
|
|
$("#engagement").hide();
|
|
$("#my-calender").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-calendar-active.png' %}");
|
|
|
|
$("#list-2 img").attr("src", "{% static 'Rhm/rhm-community.png' %}");
|
|
$("#list-3 img").attr("src", "{% static 'Rhm/rhm-msg.png' %}");
|
|
$("#list-1 img").attr("src", "{% static 'Rhm/rhm-acc.png' %}");
|
|
$("#list-5 img").attr("src", "{% static 'Rhm/rhm-notification.png' %}");
|
|
$("#list-6 img").attr("src", "{% static 'Rhm/rhm-engagement.png' %}");
|
|
return false;
|
|
});
|
|
|
|
// my notfication part.................................................................
|
|
$("#list-5").click(function () {
|
|
console.log("js added");
|
|
$("#my-account").hide();
|
|
$("#my-community").hide();
|
|
$("#message").hide();
|
|
$("#my-calender").hide();
|
|
$("#engagement").hide();
|
|
$("#news").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-notification-active.png' %}");
|
|
|
|
$("#list-2 img").attr("src", "{% static 'Rhm/rhm-community.png' %}");
|
|
$("#list-3 img").attr("src", "{% static 'Rhm/rhm-msg.png' %}");
|
|
$("#list-4 img").attr("src", "{% static 'Rhm/rhm-calender.png' %}");
|
|
$("#list-1 img").attr("src", "{% static 'Rhm/rhm-acc.png' %}");
|
|
$("#list-6 img").attr("src", "{% static 'Rhm/rhm-engagement.png' %}");
|
|
return false;
|
|
});
|
|
|
|
// my engagement part.................................................................
|
|
$("#list-6").click(function () {
|
|
$("#my-account").hide();
|
|
$("#my-community").hide();
|
|
$("#message").hide();
|
|
$("#my-calender").hide();
|
|
$("#news").hide();
|
|
$("#engagement").animate(
|
|
{
|
|
width: "toggle",
|
|
},
|
|
"slow"
|
|
);
|
|
$(this)
|
|
.find("img")
|
|
.attr("src", "{% static 'Rhm/rhm-engagement-active.png' %}");
|
|
|
|
$("#list-2 img").attr("src", "{% static 'Rhm/rhm-community.png' %}");
|
|
$("#list-3 img").attr("src", "{% static 'Rhm/rhm-msg.png' %}");
|
|
$("#list-4 img").attr("src", "{% static 'Rhm/rhm-calender.png' %}");
|
|
$("#list-5 img").attr("src", "{% static 'Rhm/rhm-notification.png' %}");
|
|
$("#list-1 img").attr("src", "{% static 'Rhm/rhm-acc.png' %}");
|
|
return false;
|
|
});
|
|
|
|
// engagement-----lpp
|
|
$("#lpp-e").click(function () {
|
|
$("#messiah-div").hide();
|
|
$("#harkat-e-div").hide();
|
|
$("#lpp-div").slideToggle("slow");
|
|
});
|
|
// engagement-----lpp
|
|
$("#messiah-e").click(function () {
|
|
$("#lpp-div").hide();
|
|
$("#harkat-e-div").hide();
|
|
$("#messiah-div").slideToggle("slow");
|
|
});
|
|
// engagement-----lpp
|
|
$("#harkat-e").click(function () {
|
|
$("#messiah-div").hide();
|
|
$("#lpp-div").hide();
|
|
$("#harkat-e-div").slideToggle("slow");
|
|
});
|
|
</script>
|