Fixed Cost
`);
return;
}else{
let btnUrl = "";
if(authenticationRequired){
if(!themeDisplay.isSignedIn()){
console.log("authentication required-----")
btnUrl = '/theqa-login?redirect=/w/application-to-participate-in-a-conference-for-postgraduate-students'
}else{
btnUrl = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377'
}
}else{
btnUrl = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377'
}
$('#btn-loader').removeClass('d-none').addClass('d-flex');
$('#btn-container').addClass('d-none');
redirectToSPPortal(false)
.then(({ url, serviceType }) => {
const startNowBtn = $('#btn-container').find('gup-button');
localStorage.setItem("serviceType",serviceType);
startNowBtn.attr('href', url);
if (serviceType !== 'EVENT_PROCESSING' && serviceType !== 'FORM_MANAGEMENT') {
startNowBtn.on('click', function (e) {
e.preventDefault();
window.open(url, '_blank');
});
}
})
.catch(error => {
console.error("Error in redirectToSPPortal:", error);
});
if(startNowImageFlag){
$('#btn-container').find('#arrow-forward').removeClass('d-none')
}else{
$('#btn-container').find('#launch').removeClass('d-none');
$('#btn-container').find('p').removeClass('d-none');
}
$('#btn-container').removeClass('d-none').addClass('d-flex');
}
}else{
redirectToSPPortal(true)
.then(({ url, serviceType }) => {
$(".sp-start-now-btn").attr("href", url);
})
.catch(error => {
console.error("Error in redirectToSPPortal:", error);
});
$('#start-now-btn').removeClass('d-none').addClass('d-flex');
}
$('#btn-loader').addClass('d-none').removeClass('d-flex');
$('#btn-container').removeClass('d-none').addClass('d-flex');
})
.catch((error) => {
console.log(error);
$('#btn-loader').addClass('d-none').removeClass('d-flex');
});
}
async function getCrNumber(){
let crNumber = null;
const civilNumber = '20095';
try {
const response = await fetch(window.location.origin+`/o/gup-nortal-custom-wrapper-headless/v1.0/getusersasloggedindata` , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const wrapperData = await response.json();
if (wrapperData.statusCode=="500") {
throw new Error("HTTP error! status: "+wrapperData.responseMessage);
}
const data = typeof wrapperData.responseMessage == "string"
? JSON.parse(wrapperData.responseMessage)
: wrapperData.responseMessage;
if(data.items.length > 0 ){
//crNumber=data.items[0].cRNumber;
if(data.items[0].viewableAs=="business"){
crNumber=data.items[0].cRNumber;
}
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return crNumber;
};
async function getServiceId(){
let serviceId = null;
try {
const response = await fetch("/o/c/servicedetailsmappings/?restrictFields=actions,creator&filter=articleId eq 1242929", {
headers: {
'accept': 'application/json'
}
})
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const data = await response.json();
if(data.items.length > 0 ){
serviceId=data.items[0].aGCCode;
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return serviceId;
};
async function getPublicUserData(){
let data = null;
const civilNumber = '20095';
try {
const response = await fetch(window.location.origin+"/o/c/publicusers/?filter=civilNumber eq '"+civilNumber+"'" , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const responseData = await response.json();
if(responseData.items.length > 0 ){
data= sanitizeResponse(responseData.items[0]);
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return data;
}
async function getServiceType(serviceId){
let serviceType = null;
try {
const response = await fetch(window.location.origin+"/o/c/onboardedservicedetails/?restrictFields=actions,creator&filter=serviceId eq '"+serviceId+"'" , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const responseData = await response.json();
if(responseData.items.length > 0 ){
serviceType = responseData.items[0].serviceType;
console.log(serviceType);
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return serviceType;
}
async function getHeadlessData(authMethod, serviceId, language, callbackUrl) {
console.log("POST getHeadlessData");
const bodyData = {
authMethod: authMethod,
serviceId: serviceId,
//serviceType: serviceType,
languageId: language,
callbackUrl: callbackUrl,
//redirectUrl: spRedirectLink
source: "GUP"
};
const requestOptions = {
method: "POST",
headers: {
"Content-Type": "application/json",
"Accept": "application/json",
"x-csrf-token": Liferay.authToken
},
body: JSON.stringify(bodyData)
};
const url = "/o/gup-nortal-custom-wrapper-headless/v1.0/getServiceDetailsRequestParam";
const response = await fetch(url, requestOptions);
const json = await response.json();
console.log("API RESPONSE:", json);
return json;
}
async function redirectToSPPortal(isArrowForward){
const authMethod = localStorage.getItem("authMethod");
const serviceId = await getServiceId();
const serviceType = await getServiceType(serviceId);
//const serviceData = await getHeadlessData();
console.log("is logged out :: ", !themeDisplay.isSignedIn() && serviceType);
if(!themeDisplay.isSignedIn() && serviceType){
let url='/theqa-login?redirect=/w/application-to-participate-in-a-conference-for-postgraduate-students';
/*if(authMethod=="mpki" || authMethod=="idp"){
url='/pki-login?redirect=/w/application-to-participate-in-a-conference-for-postgraduate-students';
}else{
url= '/theqa-login?redirect=/w/application-to-participate-in-a-conference-for-postgraduate-students'
}*/
return {
url: url,
serviceType: serviceType
}
}
let language = themeDisplay.getLanguageId();
language = language.split("_")[0];
//const crNumber = await getCrNumber();
//console.log("crNumber-----", crNumber);
let startNowBtnUrl;
let spRedirectLink;
if(!(isArrowForward)){
spRedirectLink = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377';
}else{
spRedirectLink = $("#start-now-btn").attr("href");
}
console.log("spRedirectLink : ",spRedirectLink);
if(serviceType=="EVENT_PROCESSING"){
console.log("Calling EP Service");
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const categoryParam = urlParams.get('category');
const contentParam = urlParams.get('content');
let relativeUrl=themeDisplay.getLayoutRelativeURL();
if(relativeUrl.startsWith("/")){
relativeUrl = relativeUrl.substring(1);
}
let callbackUrl = null;
if(authMethod=="theqa"){
callbackUrl = themeDisplay.getCDNBaseURL()+'/'+language+'/theqa-login?redirect='+relativeUrl;
}else{
callbackUrl = themeDisplay.getCDNBaseURL()+'/'+language+'/pki-login?redirect='+relativeUrl;
}
if (categoryParam) {
callbackUrl += '&category='+categoryParam;
}
if (contentParam) {
callbackUrl += '&content='+contentParam;
}
let modifiedspRedirectUrl = spRedirectLink.includes("#") ? spRedirectLink.replace("#", "_HASH_") : spRedirectLink;
const serviceUrl = new URL(modifiedspRedirectUrl);
const serviceData = await getHeadlessData(authMethod, serviceId, language, callbackUrl);
console.log("EP Service Data: ", serviceData);
if (serviceData.statusCode=="200" && serviceData?.responseMessage) {
//startNowBtnUrl = serviceData.responseMessage;
console.log("serviceData.responseMessage :: ", serviceData.responseMessage);
modifiedUrl = modifiedspRedirectUrl.includes("_HASH_") ? modifiedspRedirectUrl.replace("_HASH_", "#") : modifiedspRedirectUrl;
startNowBtnUrl = modifiedUrl.includes("?") ? modifiedUrl + "&" + serviceData.responseMessage
: modifiedUrl + "?" +serviceData.responseMessage;
} else {
console.error("Backend did not return responseMessage");
}
}else{
startNowBtnUrl=spRedirectLink;
}
return {
url: startNowBtnUrl,
serviceType: serviceType
};
}
});
//show more steps
document.addEventListener("DOMContentLoaded", () => {
const timelineItems = document.querySelectorAll(".timeline-item");
const loadMoreContainer = document.querySelector(".load-more-container");
const loadMoreBtn = document.querySelector(".load-more-btn");
const icon = document.querySelector(".load-more-container i");
const toggleVisibility = (showMore) => {
timelineItems.forEach((item, index) => {
if (index >= 4) {
item.classList.toggle("hidden-steps", !showMore);
}
if (index == 3) {
item.classList.toggle("hide-step-line", !showMore);
}
});
};
toggleVisibility(false);
if(loadMoreBtn){
loadMoreBtn.addEventListener("click", () => {
const isExpanded = !timelineItems[4].classList.contains("hidden-steps");
toggleVisibility(!isExpanded);
loadMoreBtn.textContent = isExpanded
? loadMoreBtn.getAttribute("data-show-all")
: loadMoreBtn.getAttribute("data-show-less");
if (isExpanded) {
icon.classList.replace("ri-indeterminate-circle-line", "ri-add-circle-line");
} else {
icon.classList.replace("ri-add-circle-line", "ri-indeterminate-circle-line");
}
});
}
});
//hiding steps if empty
const firstTimelineItemP = document.querySelector('.service-steps .timeline-item:first-child p');
const serviceSteps = document.querySelector('.service-steps');
if (firstTimelineItemP) {
if (firstTimelineItemP.textContent.trim() === '') {
serviceSteps.style.display = 'none';
} else {
serviceSteps.style.display = 'block';
}
}
function getEntitiesList() {
const entityID = $('.entities.d-flex ').attr('id');
if(entityID != " "){
fetch(
window.location.origin+`/o/c/entities/scopes/20117?fields=categoryImage&restrictFields=actions%2Ccreator&filter=categoryId eq `+entityID
,{
headers: {
'accept': 'application/json',
"x-csrf-token": Liferay.authToken,
}
}).then((response) => response.json())
.then((data) => {
if(data.items[0].categoryImage.link != undefined){
$('.entities.d-flex img').attr("src",data.items[0].categoryImage.link.href);
}
})
.catch((error) => {
console.log("Error");
});
}
}
getEntitiesList();
if(!Liferay.ThemeDisplay.isSignedIn()){
$(".service-user-info").addClass("hide");
}else{
$(".service-user-info").removeClass("hide");
}
<li class="breadcrumb-item d-none">
<span class="active breadcrumb-text-truncate d-none" aria-current="page">اطلب المشاركة قي مؤتمر لطلبة الدراسات العليا</span>
</li>
<li class="breadcrumb-item">
<span class="active breadcrumb-text-truncate d-none" aria-current="page">اطلب المشاركة قي مؤتمر لطلبة الدراسات العليا</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="container-fluid container-fluid-max-xl container-padding">
<div class="service-and-entitylist">
<div class="d-flex flex-column">
<h1 class="title h2 mb-0" id="mainPageTitle" data-pagetitle="Service : اطلب المشاركة قي مؤتمر لطلبة الدراسات العليا">
اطلب المشاركة قي مؤتمر لطلبة الدراسات العليا
</h1>
<div class="description">
<p>تمكّن هذه الخدمة الطالب في حالة رغبته المشاركة في مؤتمر على أن تتكفل الجامعة بتكاليف مشاركته حسب الضوابط المحددة.</p>
</div>
</div>
<div class="entities d-flex align-items-center" id="1200559">
<img src="/o/gup-theme-css/assets/image/entity-logo.svg" alt="entity-list-logo" />
<span>
جامعة السلطان قابوس
</span>
</div>
<time>
نشرت:
فبراير 24, 2025
</time>
</div>
</div>
</section>
<section class="service-related-section">
<div class="container-fluid container-fluid-max-xl container-padding">
<div class="row">
<div class="service-related-info col-lg-8">
<div class="service-user-info">
<div class="user-info-title">
أنت تبدأ الخدمة كـ:
</div>
<div class="user personal-details" style="display:none;">
<div class="sticker sticker-user-icon sticker-lg">
<span class="sticker user-icon-color-2 sticker-circle sticker-lg">
<span class="sticker-overlay">
<img class="sticker-img"
src="/image/user_portrait?img_id=0&img_id_token=USyPXHclxmB08yKlKOuEkLClQms%3D&t=1786947037360"
alt="" />
</span>
</span>
</div>
<div class="user-detail">
<div class="username">
</div>
<div class="user-account">
حساب شخصي
</div>
</div>
</div>
<div class="user business-details" style="display:none;">
<div class="sticker sticker-user-icon sticker-lg hide">
<span class="sticker user-icon-color-2 sticker-circle sticker-lg">
<span class="sticker-overlay text-uppercase">
</span>
</span>
</div>
<div class="user-detail hide">
<div class="username">
</div>
<div class="user-account">
gup-business-account-label
</div>
</div>
</div>
</div>
<div class="checklist">
<h2 class="checklist-title h4">
قبل أن تبدأ
</h2>
<ul><li>مستند رسوم التسجيل</li><li>تقرير المشاركة في مؤتمر</li><li>نسخة من جواز السفر</li><li>نسخة من التأشيرة</li><li>الورقة العلمية أو العرض</li><li>رسالة القبول في المؤتمر</li><li>البطاقة البنكية</li></ul>
</div>
<ul class="service-category-fee-list" role="tablist">
<li role="presentation">
<h2 onkeydown="onKeyDown(event)" role="tab" tabindex="0"
class="step-title d-flex align-items-center justify-content-between mb-0 pb-4 h5"
data-toggle="collapse" data-target="#timeline_item_collapse_0"
aria-expanded="false" aria-controls="timeline_item_collapse_0">
فئة الخدمة والرسوم
<span id="timeline_collapse_btn_0" tabindex="-1"
class="toggle-step-btn btn btn-outline-primary bg-transparent border-0 shadow-none">
<i class="ri-arrow-down-s-line"></i>
<i class="ri-arrow-up-s-line"></i>
<span class="show-lbl">
أظهر
</span>
<span class="hide-lbl">
إخفِ
</span>
</span>
</h2>
<div class="collapse timeline-item-collapse " role="tabpanel"
id="timeline_item_collapse_0">
<div class="d-flex flex-column c-gap-4 mt-0 pb-4">
<div class="service-category">
<div class="title">
</div>
<div class="description">
<p></p>
</div>
<div class="d-flex">
<img src="/documents/d/guest/Omani-rial"
alt="oman-rial" width="30" height="20" alt="OMR"/>
0
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="service-steps">
<h2 class="checklist-title h4">خطوات</h2>
<ol class="timeline mb-0" role="tablist" aria-label="steps">
<li class="timeline-item " role="presentation">
<span class="timeline-count">1</span>
<p>تقديم استمارة</p>
</li>
<li class="timeline-item " role="presentation">
<span class="timeline-count">2</span>
<p>تسليم الاستمارة إلى المشرف</p>
</li>
<li class="timeline-item " role="presentation">
<span class="timeline-count">3</span>
<p>تقديم الاستمارة إلى ريئيس القسم</p>
</li>
<li class="timeline-item " role="presentation">
<span class="timeline-count">4</span>
<p>تقديم الاستمارة إلى عمادة الدراسات العليا</p>
</li>
<li class="timeline-item " role="presentation">
<span class="timeline-count">5</span>
<p>تقديم الاستمارة إلى نائب الرئيس للدراسات العليا والبحث العلمي</p>
</li>
<li class="timeline-item " role="presentation">
<span class="timeline-count">6</span>
<p>مرحلة الاعتماد</p>
</li>
</ol>
<div class="load-more-container">
<i class="ri-add-circle-line"></i>
<button class="load-more-btn"
data-show-all="إظهار كافة الخطوات"
data-show-less="عرض خطوات أقل">
إظهار كافة الخطوات </button>
</div>
</div>
<div class="special-top-line"></div>
<div class="special-conditions-section list-section">
<h2 class="checklist-title h4">شروط خاصة</h2>
<ul><li>أن يكون الطالب مقيدًا في البرنامج</li><li>أن يكون قد أكمل أربعة فصول دراسية</li><li>أن يرتبط المؤتمر بالمشروع البحثي للطالب</li><li>أن يكون الطالب هو المؤلف الرئيسي للورقة</li><li>لم يتقدم بطلب المشاركة في مؤتمر مسبقا</li><li>لا يسمح للطالب بتغيير نمط المشاركة في المؤتمر بعد الاعتماد</li></ul>
</div>
<div class="special-top-line"></div>
<div class="special-conditions-section hide">
<h2 class="checklist-title h4">مواقع الخدمة</h2>
<p></p>
</div>
</div>
<aside class="service-section col-lg-4" aria-label="Start Service">
<div class="service-start-now">
<div class="service-title">
الخدمة
</div>
<ul class="list-unstyled mb-0" role="list" aria-label="service duration and cost">
<li role="listitem" class="d-flex">
<i class="ri-time-line" aria-hidden="true"></i>
14 أيام
</li>
<li class="d-flex">
<img class="mt-0" src="/documents/d/guest/Omani-rial" alt="oman-rial" width="30" height="20" alt="OMR" />
التكلفة الثابتة
</li>
</ul>
<gup-button id="start-now-btn" style="display: none;" kind="link" href="/theqa-login?redirect=/ar/w/application-to-participate-in-a-conference-for-postgraduate-students">
ابدأ الآن
<gup-icon slot="icon-end" icon-name="arrow-back" height="20" width="20"></gup-icon>
</gup-button>
<gup-button id="internal-link" style="display: none;" kind="link" href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377">
ابدأ الآن
<gup-icon slot="icon-end" icon-name="arrow-back" height="20" width="20"></gup-icon>
</gup-button>
<div id="startnow-link-online" class="d-none flex-column c-gap-4">
<gup-button kind="link" href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377" open-in-new-tab="">
ابدأ الآن
<gup-icon id="startnow-link-online-icon" slot="icon-end" icon-name="launch" height="20" width="20"></gup-icon>
</gup-button>
<p>من خلال تحديد "ابدأ الآن"، ستغادر صفحة GUP وسيتم إعادة توجيهك</p>
</div>
<div id="startnow-link-offline" class="d-none flex-column c-gap-4">
<gup-button kind="link" href="/theqa-login" open-in-new-tab="">
ابدأ الآن
<gup-icon slot="icon-end" icon-name="launch" height="20" width="20"></gup-icon>
</gup-button>
<p>من خلال تحديد "ابدأ الآن"، ستغادر صفحة GUP وسيتم إعادة توجيهك</p>
</div>
<div id="external-link" class="d-none flex-column c-gap-4">
<gup-button kind="link" href="chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377" open-in-new-tab="">
زيارة الموقع
<gup-icon slot="icon-end" icon-name="launch" height="20" width="20"></gup-icon>
</gup-button>
<p>من خلال تحديد "زيارة الموقع الإلكتروني"، ستغادر صفحة GUP وسيتم</p>
</div>
<div id="start-now-section" class="flex-column c-gap-4">
<div id="btn-loader" class="d-flex justify-content-center">
<gup-spinner size="l"></gup-spinner>
</div>
<div id="btn-container" class="d-none flex-column c-gap-4">
<gup-button kind="link" href="">
ابدأ الآن
<gup-icon id="arrow-forward" slot="icon-end" class="d-none" icon-name="arrow-back" height="20" width="20"></gup-icon>
<gup-icon id="launch" slot="icon-end" class="d-none" icon-name="launch" height="20" width="20"></gup-icon>
</gup-button>
<p class="d-none">من خلال تحديد "ابدأ الآن"، ستغادر صفحة GUP وسيتم إعادة توجيهك</p>
</div>
</div>
</div>
</aside>
</div>
</div>
</section>
</article>
<script>
let startNowBtnUrl = null;
function onKeyDown(event) {
if (event.key === 'Enter' || event.key === ' ') {
event.target.click();
}
}
const sanitizeResponse = (data) => {
const scriptTagRegex = /<script[^>]*>([\S\s]*?)<\/script>/gi;
const dangerousAttributesRegex = /(href|src|action|on\w+)=("[^"]*"|'[^']*'|[^'">\s]+)/gi;
const imgTagRegex = /<img[^>]*>/gi;
const decodeHTML = (str) => {
const txt = document.createElement("textarea");
txt.innerHTML = str;
return txt.value;
};
const sanitizeHTML = (str) => {
str = decodeHTML(str);
str = str.replace(scriptTagRegex, (match, content) => content);
str = str.replace(dangerousAttributesRegex, '');
str = str.replace(imgTagRegex, '');
return str;
};
const sanitizeObject = (obj) => {
for (let key in obj) {
if (typeof obj[key] === 'string') {
obj[key] = sanitizeHTML(obj[key]);
} else if (typeof obj[key] === 'object' && obj[key] !== null) {
obj[key] = sanitizeObject(obj[key]);
}
}
return obj;
};
if (Array.isArray(data)) {
data = data.map(item => sanitizeObject(item));
} else if (typeof data === 'object' && data !== null) {
data = sanitizeObject(data);
}
return data;
};
async function fetchCurrentUser() {
const civilNumber = '20095'
try {
const response = await fetch(window.location.origin+`/o/gup-nortal-custom-wrapper-headless/v1.0/getusersasloggedindata` , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
const wrapperData = await response.json();
if (wrapperData.statusCode=="500") {
throw new Error("HTTP error! status: "+wrapperData.responseMessage);
}
const data = typeof wrapperData.responseMessage == "string"
? JSON.parse(wrapperData.responseMessage)
: wrapperData.responseMessage;
return sanitizeResponse(data); // Return the data
} catch (error) {
console.error('Error fetching data:', error);
throw error; // Rethrow the error to handle it in the calling code
}
}
function getNameInitials(name) {
if (!name) {
return '';
}
let cleanedName = name.replace(/[^a-zA-Z\u0600-\u06FF ]/g, "");
let initials = cleanedName.match(/\b\w/g);
return initials ? initials.join('') : cleanedName.charAt(0);
}
function getNameInitialsARName(name) {
if (!name) {
return '';
}
var cleanedName = name.replace(/[^a-zA-Z\u0600-\u06FF ]/g, "");
var initials = cleanedName.match(/\b\w/g);
return initials ? initials.join('') : cleanedName.charAt(0);
}
$(document).ready(function () {
fetchCurrentUser()
.then(data => {
$('.business-details').hide();
$('.personal-details').hide();
if(data.items.length > 0) {
const userRecord = data.items[0];
const cRNumber = userRecord.cRNumber;
const civilNumber = userRecord.civilNumber;
const viewableAs = userRecord.viewableAs;
if(viewableAs === "business"){
let companyInitial = getNameInitials(userRecord.name);
let companyName = userRecord.name;
if(themeDisplay.getLanguageId() == "ar_SA"){
companyInitial = userRecord.nameAR !== "" ? getNameInitialsARName(userRecord.nameAR) : getNameInitials(userRecord.name);
companyName = userRecord.nameAR !== "" ? userRecord.nameAR : userRecord.name; ;
}
//$('.user.business-details').find('.username').html(companyName);
//$('.user.business-details').find('.user-account').html(cRNumber);
//$('.user.business-details').find('.sticker-overlay').html(companyInitial);
$('.business-details').show();
}else{
$('.personal-details').show();
}
}else{
$('.personal-details').show();
}
})
.catch(error => {
console.error('Error:', error);
});
getStartNowButtonDetail();
async function getStartNowButtonDetail(){
await fetch("/o/c/servicedetailsmappings/?restrictFields=actions,creator&filter=articleId eq 1242929", {
headers: {
'accept': 'application/json'
}
})
.then((response) => response.json())
.then((response) => {
if(response?.items.length > 0){
let serviceAccessChannel = response?.items[0]?.serviceAccessChannel;
serviceAccessChannel = serviceAccessChannel.toLowerCase();
const startNowImageFlag = response?.items[0]?.startNowImageFlag;
const authenticationRequired = response?.items[0]?.authenticationRequired;
console.log("serviceAccessChannel------", serviceAccessChannel);
if(serviceAccessChannel == "physical"){
//$('#external-link').removeClass('d-none').addClass('d-flex');
$('#start-now-btn').hide();
$('#btn-container').hide();
$('#external-link').hide();
$('#internal-link').hide();
$('#startnow-link-online').hide();
$('#startnow-link-offline').hide();
$('#btn-loader').addClass('d-none').removeClass('d-flex');
$('.service-start-now').append(`
<div id="service-unavailable" class="d-flex flex-column c-gap-4">
<p>خدمة غير متوفرة</p>
</div>
`);
return;
}else{
let btnUrl = "";
if(authenticationRequired){
if(!themeDisplay.isSignedIn()){
console.log("authentication required-----")
btnUrl = '/theqa-login?redirect=/ar/w/application-to-participate-in-a-conference-for-postgraduate-students'
}else{
btnUrl = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377'
}
}else{
btnUrl = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377'
}
$('#btn-loader').removeClass('d-none').addClass('d-flex');
$('#btn-container').addClass('d-none');
redirectToSPPortal(false)
.then(({ url, serviceType }) => {
const startNowBtn = $('#btn-container').find('gup-button');
localStorage.setItem("serviceType",serviceType);
startNowBtn.attr('href', url);
if (serviceType !== 'EVENT_PROCESSING' && serviceType !== 'FORM_MANAGEMENT') {
startNowBtn.on('click', function (e) {
e.preventDefault();
window.open(url, '_blank');
});
}
})
.catch(error => {
console.error("Error in redirectToSPPortal:", error);
});
if(startNowImageFlag){
$('#btn-container').find('#arrow-forward').removeClass('d-none')
}else{
$('#btn-container').find('#launch').removeClass('d-none');
$('#btn-container').find('p').removeClass('d-none');
}
$('#btn-container').removeClass('d-none').addClass('d-flex');
}
}else{
redirectToSPPortal(true)
.then(({ url, serviceType }) => {
$(".sp-start-now-btn").attr("href", url);
})
.catch(error => {
console.error("Error in redirectToSPPortal:", error);
});
$('#start-now-btn').removeClass('d-none').addClass('d-flex');
}
$('#btn-loader').addClass('d-none').removeClass('d-flex');
$('#btn-container').removeClass('d-none').addClass('d-flex');
})
.catch((error) => {
console.log(error);
$('#btn-loader').addClass('d-none').removeClass('d-flex');
});
}
async function getCrNumber(){
let crNumber = null;
const civilNumber = '20095';
try {
const response = await fetch(window.location.origin+`/o/gup-nortal-custom-wrapper-headless/v1.0/getusersasloggedindata` , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const wrapperData = await response.json();
if (wrapperData.statusCode=="500") {
throw new Error("HTTP error! status: "+wrapperData.responseMessage);
}
const data = typeof wrapperData.responseMessage == "string"
? JSON.parse(wrapperData.responseMessage)
: wrapperData.responseMessage;
if(data.items.length > 0 ){
//crNumber=data.items[0].cRNumber;
if(data.items[0].viewableAs=="business"){
crNumber=data.items[0].cRNumber;
}
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return crNumber;
};
async function getServiceId(){
let serviceId = null;
try {
const response = await fetch("/o/c/servicedetailsmappings/?restrictFields=actions,creator&filter=articleId eq 1242929", {
headers: {
'accept': 'application/json'
}
})
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const data = await response.json();
if(data.items.length > 0 ){
serviceId=data.items[0].aGCCode;
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return serviceId;
};
async function getPublicUserData(){
let data = null;
const civilNumber = '20095';
try {
const response = await fetch(window.location.origin+"/o/c/publicusers/?filter=civilNumber eq '"+civilNumber+"'" , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const responseData = await response.json();
if(responseData.items.length > 0 ){
data= sanitizeResponse(responseData.items[0]);
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return data;
}
async function getServiceType(serviceId){
let serviceType = null;
try {
const response = await fetch(window.location.origin+"/o/c/onboardedservicedetails/?restrictFields=actions,creator&filter=serviceId eq '"+serviceId+"'" , {
headers: {
accept: "application/json",
"x-csrf-token": Liferay.authToken,
},
});
if (!response.ok) {
throw new Error("HTTP error! status: "+response.status);
}
const responseData = await response.json();
if(responseData.items.length > 0 ){
serviceType = responseData.items[0].serviceType;
console.log(serviceType);
}
} catch (error) {
console.error('Error fetching data:', error);
throw error;
}
return serviceType;
}
async function getHeadlessData(authMethod, serviceId, language, callbackUrl) {
console.log("POST getHeadlessData");
const bodyData = {
authMethod: authMethod,
serviceId: serviceId,
//serviceType: serviceType,
languageId: language,
callbackUrl: callbackUrl,
//redirectUrl: spRedirectLink
source: "GUP"
};
const requestOptions = {
method: "POST",
headers: {
"Content-Type": "application/json",
"Accept": "application/json",
"x-csrf-token": Liferay.authToken
},
body: JSON.stringify(bodyData)
};
const url = "/o/gup-nortal-custom-wrapper-headless/v1.0/getServiceDetailsRequestParam";
const response = await fetch(url, requestOptions);
const json = await response.json();
console.log("API RESPONSE:", json);
return json;
}
async function redirectToSPPortal(isArrowForward){
const authMethod = localStorage.getItem("authMethod");
const serviceId = await getServiceId();
const serviceType = await getServiceType(serviceId);
//const serviceData = await getHeadlessData();
console.log("is logged out :: ", !themeDisplay.isSignedIn() && serviceType);
if(!themeDisplay.isSignedIn() && serviceType){
let url='/theqa-login?redirect=/ar/w/application-to-participate-in-a-conference-for-postgraduate-students';
/*if(authMethod=="mpki" || authMethod=="idp"){
url='/pki-login?redirect=/ar/w/application-to-participate-in-a-conference-for-postgraduate-students';
}else{
url= '/theqa-login?redirect=/ar/w/application-to-participate-in-a-conference-for-postgraduate-students'
}*/
return {
url: url,
serviceType: serviceType
}
}
let language = themeDisplay.getLanguageId();
language = language.split("_")[0];
//const crNumber = await getCrNumber();
//console.log("crNumber-----", crNumber);
let startNowBtnUrl;
let spRedirectLink;
if(!(isArrowForward)){
spRedirectLink = 'chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.squ.edu.om/Portals/42/Forms/Students%20Forms/Participation%20Conference%20Form%20(PhD%20students).pdf?ver=2020-06-24-105012-377';
}else{
spRedirectLink = $("#start-now-btn").attr("href");
}
console.log("spRedirectLink : ",spRedirectLink);
if(serviceType=="EVENT_PROCESSING"){
console.log("Calling EP Service");
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const categoryParam = urlParams.get('category');
const contentParam = urlParams.get('content');
let relativeUrl=themeDisplay.getLayoutRelativeURL();
if(relativeUrl.startsWith("/")){
relativeUrl = relativeUrl.substring(1);
}
let callbackUrl = null;
if(authMethod=="theqa"){
callbackUrl = themeDisplay.getCDNBaseURL()+'/'+language+'/theqa-login?redirect='+relativeUrl;
}else{
callbackUrl = themeDisplay.getCDNBaseURL()+'/'+language+'/pki-login?redirect='+relativeUrl;
}
if (categoryParam) {
callbackUrl += '&category='+categoryParam;
}
if (contentParam) {
callbackUrl += '&content='+contentParam;
}
let modifiedspRedirectUrl = spRedirectLink.includes("#") ? spRedirectLink.replace("#", "_HASH_") : spRedirectLink;
const serviceUrl = new URL(modifiedspRedirectUrl);
const serviceData = await getHeadlessData(authMethod, serviceId, language, callbackUrl);
console.log("EP Service Data: ", serviceData);
if (serviceData.statusCode=="200" && serviceData?.responseMessage) {
//startNowBtnUrl = serviceData.responseMessage;
console.log("serviceData.responseMessage :: ", serviceData.responseMessage);
modifiedUrl = modifiedspRedirectUrl.includes("_HASH_") ? modifiedspRedirectUrl.replace("_HASH_", "#") : modifiedspRedirectUrl;
startNowBtnUrl = modifiedUrl.includes("?") ? modifiedUrl + "&" + serviceData.responseMessage
: modifiedUrl + "?" +serviceData.responseMessage;
} else {
console.error("Backend did not return responseMessage");
}
}else{
startNowBtnUrl=spRedirectLink;
}
return {
url: startNowBtnUrl,
serviceType: serviceType
};
}
});
//show more steps
document.addEventListener("DOMContentLoaded", () => {
const timelineItems = document.querySelectorAll(".timeline-item");
const loadMoreContainer = document.querySelector(".load-more-container");
const loadMoreBtn = document.querySelector(".load-more-btn");
const icon = document.querySelector(".load-more-container i");
const toggleVisibility = (showMore) => {
timelineItems.forEach((item, index) => {
if (index >= 4) {
item.classList.toggle("hidden-steps", !showMore);
}
if (index == 3) {
item.classList.toggle("hide-step-line", !showMore);
}
});
};
toggleVisibility(false);
if(loadMoreBtn){
loadMoreBtn.addEventListener("click", () => {
const isExpanded = !timelineItems[4].classList.contains("hidden-steps");
toggleVisibility(!isExpanded);
loadMoreBtn.textContent = isExpanded
? loadMoreBtn.getAttribute("data-show-all")
: loadMoreBtn.getAttribute("data-show-less");
if (isExpanded) {
icon.classList.replace("ri-indeterminate-circle-line", "ri-add-circle-line");
} else {
icon.classList.replace("ri-add-circle-line", "ri-indeterminate-circle-line");
}
});
}
});
//hiding steps if empty
const firstTimelineItemP = document.querySelector('.service-steps .timeline-item:first-child p');
const serviceSteps = document.querySelector('.service-steps');
if (firstTimelineItemP) {
if (firstTimelineItemP.textContent.trim() === '') {
serviceSteps.style.display = 'none';
} else {
serviceSteps.style.display = 'block';
}
}
function getEntitiesList() {
const entityID = $('.entities.d-flex ').attr('id');
if(entityID != " "){
fetch(
window.location.origin+`/o/c/entities/scopes/20117?fields=categoryImage&restrictFields=actions%2Ccreator&filter=categoryId eq `+entityID
,{
headers: {
'accept': 'application/json',
"x-csrf-token": Liferay.authToken,
}
}).then((response) => response.json())
.then((data) => {
if(data.items[0].categoryImage.link != undefined){
$('.entities.d-flex img').attr("src",data.items[0].categoryImage.link.href);
}
})
.catch((error) => {
console.log("Error");
});
}
}
getEntitiesList();
if(!Liferay.ThemeDisplay.isSignedIn()){
$(".service-user-info").addClass("hide");
}else{
$(".service-user-info").removeClass("hide");
}
</script>
