dsaisudheer3772/BizgazeUI
1
1
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Wydania Wiki Aktywność

new changes

Przeglądaj źródła
This commit is contained in:
Sai Sudheer
2022-12-09 17:33:06 +05:30
rodzic 85ee06163f
commit f46290abf6
8 zmienionych plików z 385 dodań i 295 usunięć
Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files
assets/js/base.js
+12 -6
Wyświetl plik
@@ -1,7 +1,13 @@
const serverUrl = 'http://localhost:1188/'; import {
let _baseUserInfo = atob(document.cookie.split('=')[1]); decrypt
let baseUserInfo = 'JSON.parse(_baseUserInfo).result'; } from "./cookiehelper.js";
let baseSessionId = 'baseUserInfo.sessionId'; import {
_serverUrl
} from "./setting.js";
let serverUrl = _serverUrl();
let baseUserInfo = decrypt(document.cookie.split('=')[1]);
let baseSessionId = baseUserInfo.sessionId;
export function getData(url) { export function getData(url) {
var datastr = null; var datastr = null;
@@ -18,7 +24,7 @@ export function getData(url) {
data: datastr, data: datastr,
beforeSend: function(xhr) { beforeSend: function(xhr) {
if (baseUserInfo != undefined && baseUserInfo != null) { if (baseUserInfo != undefined && baseUserInfo != null) {
xhr.setRequestHeader("Authorization", "Basic " + baseSessionId); xhr.setRequestHeader("Authorization", "Basic " + JSON.parse(baseUserInfo).sessionId);
xhr.setRequestHeader('geoposition', 0 + ':' + 0); xhr.setRequestHeader('geoposition', 0 + ':' + 0);
} }
} }
@@ -38,7 +44,7 @@ export function getDataObj(url, data, async, type) { //url, data, true, "POST"
async: async, async: async,
beforeSend: function(xhr) { beforeSend: function(xhr) {
if (baseUserInfo != undefined && baseUserInfo != null) { if (baseUserInfo != undefined && baseUserInfo != null) {
xhr.setRequestHeader('Authorization', 'Basic ' + baseSessionId); xhr.setRequestHeader('Authorization', 'Basic ' + JSON.parse(baseUserInfo).sessionId);
xhr.setRequestHeader('geoposition', 0 + ':' + 0); xhr.setRequestHeader('geoposition', 0 + ':' + 0);
} }
} }
assets/js/forgotpassword.js
+4 -9
Wyświetl plik
@@ -1,4 +1,4 @@
const serverUrl = 'http://localhost:3088/'; const serverUrl = 'http://localhost:3086/';
let otpid; let otpid;
let sendotp; let sendotp;
let unibaseid; let unibaseid;
@@ -43,8 +43,7 @@ async function showOtpBox() {
document.getElementById('div_ValidationSummary').innerHTML = ""; document.getElementById('div_ValidationSummary').innerHTML = "";
}) })
.catch(error => console.log('error', error)); .catch(error => console.log('error', error));
} } else {
else{
let html = '<div class="p-2"><span class="error-warning">Error !</span> Email/Phonenumber does not exist</div>'; let html = '<div class="p-2"><span class="error-warning">Error !</span> Email/Phonenumber does not exist</div>';
document.getElementById('div_ValidationSummary').innerHTML = ""; document.getElementById('div_ValidationSummary').innerHTML = "";
let error = document.getElementById('div_ValidationSummary'); let error = document.getElementById('div_ValidationSummary');
@@ -103,6 +102,7 @@ async function showOtpBox() {
} }
function showSuccessBox() { function showSuccessBox() {
let txt_NewPassword = document.getElementById('txt_NewPassword').value; let txt_NewPassword = document.getElementById('txt_NewPassword').value;
let txt_ConfirmPassword = document.getElementById('txt_ConfirmPassword').value; let txt_ConfirmPassword = document.getElementById('txt_ConfirmPassword').value;
@@ -129,8 +129,7 @@ fetch(serverUrl + 'account/updatepassword', requestOptions)
document.getElementById('div_ResetPswd').style.display = 'none'; document.getElementById('div_ResetPswd').style.display = 'none';
document.getElementById('div_SuccessMsg').style.display = 'block'; document.getElementById('div_SuccessMsg').style.display = 'block';
} }
} })
)
.catch(error => console.log('error', error)); .catch(error => console.log('error', error));
} else { } else {
@@ -141,7 +140,3 @@ fetch(serverUrl + 'account/updatepassword', requestOptions)
} }
} }
assets/js/home.js
+6 -19
Wyświetl plik
@@ -1,22 +1,9 @@
import { getCookie } from "./cookiehelper.js"; import {
import { initListIndex } from "./list.index.js"; getCookie
} from "./cookiehelper.js";
import {
initListIndex
} from "./list.index.js";
initListIndex(); initListIndex();
$('#detailBtn').click(function () {
$('.bdy-ul').addClass('d-none');
// Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
const cookie = getCookie('_idty');
if (cookie) {
const {
unibaseId,
tenantId,
userId
} = JSON.parse(cookie);
debugger;
$('#detailIframe').html(
`<iframe width="100%" style="min-height:746px"  name="srcframe" id="srcframe" class="srcframe" src="http://localhost:1188/#/${unibaseId}/${tenantId}/${userId}/106457720000011/100010270000325/loadDetail"></iframe>`
);
}
});
assets/js/list.index.js
+135 -50
Wyświetl plik
@@ -1,53 +1,94 @@
/*Data loading start here*/ /*Data loading start here*/
import {
getCookie
} from "./cookiehelper.js";
import { getData, getDataObj } from "./base.js"; import {
getData,
getDataObj
} from "./base.js";
function loadData() { function loadData() {
getData('apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/6/PageSize/20').then(function (result) { getData(
"apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/6/PageSize/20"
).then(function(result) {
let response = JSON.parse(result.result); let response = JSON.parse(result.result);
if (response.length != 0) { // Notifcations if (response.length != 0) {
// Notifcations
let bdyUI = '<div class="accordion" id="notifi-list">'; let bdyUI = '<div class="accordion" id="notifi-list">';
for (var i = 0; i < response.length; i++) { for (var i = 0; i < response.length; i++) {
bdyUI += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}"> bdyUI += `<li class="item-li" id="${
<div class="accordion-header" id="accHeader-${response[i].ReminderId}"> response[i].ReminderId
<div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne"> }" data-ref="${
response[i].RedirectOptions.RefId
}" data-installedAppId="${
response[i].RedirectOptions.InstalledAppId
}" data-formId="${response[i].RedirectOptions.CreateFormId}">
<div class="accordion-header" id="accHeader-${
response[i].ReminderId
}">
<div class="notifiListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${
response[i].ReminderId
}" aria-expanded="false" aria-controls="collapseOne">
<div class="row m-0 w-100 p-0 "> <div class="row m-0 w-100 p-0 ">
<div class="col-1 "> <div class="col-1 ">
<input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault">
</div> </div>
<div class="col-4 text-truncate"> <div class="col-4 text-truncate">
<span class="mx-1">${response[i].Subject}</span> <span class="mx-1">${
response[i].Subject
}</span>
</div> </div>
<div class="col-5 text-truncate"> <div class="col-5 text-truncate">
<span class="mx-1">${response[i].Message}</span> <span class="mx-1">${
response[i].Message
}</span>
</div> </div>
<div class="col-2 text-truncate"> <div class="col-2 text-truncate">
<span class="mx-1">${formatLocal(response[i].ReminderDate)}</span> <span class="mx-1">22 minutes ago</span>
</div> </div>
</div> </div>
</div> </div>
<div id="collapse-${response[i].ReminderId}" class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list"> <div id="collapse-${
<div class="accordion-body" id="accBody${response[i].ReminderId}"> response[i].ReminderId
}" class="accordion-collapse collapse" aria-labelledby="accHeader-${
response[i].ReminderId
}" data-bs-parent="#notifi-list">
<div class="accordion-body" id="accBody${
response[i].ReminderId
}">
</div> </div>
</div> </div>
</div> </div>
</li>`; </li>`;
} }
bdyUI += '</div>' bdyUI += "</div>";
$('.bdy-ul').append(bdyUI); $(".bdy-ul").append(bdyUI);
$('.notifiListItms').on('click', function () {
let _this = $(this).parents('.item-li'); $(".notifiListItms").on("click", function() {
let obj = { "FromDate": "2022/11/30", "InstalledAppId": Number($(_this).attr('data-installedAppId')), "RecordId": Number($(_this).attr('data-ref')), "ToDate": "2022/11/30" }; let _this = $(this).parents(".item-li");
let obj = {
FromDate: "2022/11/30",
InstalledAppId: Number($(_this).attr("data-installedAppId")),
RecordId: Number($(_this).attr("data-ref")),
ToDate: "2022/11/30",
};
//let obj = { "FromDate": "2022/11/30", "InstalledAppId": 102530270000109, "RecordId": 102533490346298, "ToDate": "2022/11/30" }; //let obj = { "FromDate": "2022/11/30", "InstalledAppId": 102530270000109, "RecordId": 102533490346298, "ToDate": "2022/11/30" };
getDataObj('apis/v4/unibase/platform/widgets/getdefaultwidget', obj, true, "POST").then(function (response) { getDataObj(
"apis/v4/unibase/platform/widgets/getdefaultwidget",
obj,
true,
"POST"
).then(function(response) {
let res = JSON.parse(response.result), let res = JSON.parse(response.result),
html = ''; html = "";
if (response.message == '200' && response.errors == null) { if (response.message == "200" && response.errors == null) {
html = `<ul class="p-0 m-0 d-flex flex-row">`; html = `<ul class="p-0 m-0 d-flex flex-row">`;
if (res.AppConfigurations != null && res.AppConfigurations.length > 0) { if (
res.AppConfigurations != null &&
res.AppConfigurations.length > 0
) {
for (var k = 0; k < res.AppConfigurations.length; k++) { for (var k = 0; k < res.AppConfigurations.length; k++) {
html += `<li class="mx-2 btn-outline-primary btn btn-sm">${res.AppConfigurations[k].SettingName}</li>`; html += `<li class="mx-2 btn-outline-primary btn btn-sm">${res.AppConfigurations[k].SettingName}</li>`;
} }
@@ -71,86 +112,130 @@ function loadData() {
html += `<li><a class="dropdown-item" href="javascript:void(0);">${res.Stages[i].StageName}</a></li>`; html += `<li><a class="dropdown-item" href="javascript:void(0);">${res.Stages[i].StageName}</a></li>`;
} }
} }
html += '</ul></li>' html += "</ul></li>";
} else { } else {
html += `<li class="p-1 my-0 alert alert-danger ml-auto" role="alert"> html += `<li class="p-1 my-0 alert alert-danger ml-auto" role="alert">
No Stages No Stages
</li>`; </li>`;
} }
html += `</ul>`; html += `<li class="p-1 mx-2 my-0 btn-outline-info detailBtn btn btn-sm" data-appid="${Number($(_this).attr("data-installedAppId"))}" data-recordid="${Number($(_this).attr("data-ref"))}">Details-Page</li></ul>`;
} else { } else {
html += `<div class="alert alert-danger" role="alert"> html += `<div class="alert alert-danger" role="alert">
${response.message} ${response.errors} ${response.message} ${response.errors}
</div>` </div>`;
} }
$(_this).find('.accordion-body').html(html); $(_this).find(".accordion-body").html(html);
detailClick();
});
}); });
})
} }
}) });
getData('apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/1/PageSize/20').then(function (tskResp) { getData(
let response = JSON.parse(tskResp.result) "apis/v4/unibase/reminders/platform/getunreadreminders/ReminderType/1/PageSize/20"
).then(function(tskResp) {
let response = JSON.parse(tskResp.result);
if (response.length != 0) { if (response.length != 0) {
let _tskhtml = '<div class="accordion" id="task-list">'; let _tskhtml = '<div class="accordion" id="task-list">';
for (var i = 0; i < response.length; i++) { for (var i = 0; i < response.length; i++) {
_tskhtml += `<li class="item-li" id="${response[i].ReminderId}" data-ref="${response[i].RedirectOptions.RefId}" data-installedAppId="${response[i].RedirectOptions.InstalledAppId}" data-formId="${response[i].RedirectOptions.CreateFormId}">
<div class="accordion-header" id="accHeader-${response[i].ReminderId}"> _tskhtml += `<li class="item-li" id="${
<div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${response[i].ReminderId}" aria-expanded="false" aria-controls="collapseOne"> response[i].ReminderId
}" data-ref="${
response[i].RedirectOptions.RefId
}" data-installedAppId="${
response[i].RedirectOptions.InstalledAppId
}" data-formId="${response[i].RedirectOptions.CreateFormId}">
<div class="accordion-header" id="accHeader-${
response[i].ReminderId
}">
<div class="tskListItms accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#collapse-${
response[i].ReminderId
}" aria-expanded="false" aria-controls="collapseOne">
<div class="row m-0 w-100 p-0 "> <div class="row m-0 w-100 p-0 ">
<div class="col-1 "> <div class="col-1 ">
<input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault"> <input class="form-check-input mx-1" type="checkbox" value="" id="flexCheckDefault">
</div> </div>
<div class="col-4 text-truncate"> <div class="col-4 text-truncate">
<span class="mx-1">${response[i].Subject}</span> <span class="mx-1">${
response[i].Subject
}</span>
</div> </div>
<div class="col-5 text-truncate"> <div class="col-5 text-truncate">
<span class="mx-1">${response[i].Message}</span> <span class="mx-1">${
response[i].Message
}</span>
</div> </div>
<div class="col-2 text-truncate"> <div class="col-2 text-truncate">
<span class="mx-1">${formatLocal(response[i].ReminderDate)}</span> <span class="mx-1">2 seconds</span>
</div> </div>
</div> </div>
</div> </div>
<div id="collapse-${response[i].ReminderId}" class="accordion-collapse collapse" aria-labelledby="accHeader-${response[i].ReminderId}" data-bs-parent="#notifi-list"> <div id="collapse-${
<div class="accordion-body" id="accBody${response[i].ReminderId}"> response[i].ReminderId
}" class="accordion-collapse collapse" aria-labelledby="accHeader-${
response[i].ReminderId
}" data-bs-parent="#notifi-list">
<div class="accordion-body" id="accBody${
response[i].ReminderId
}">
<ul class="p-0 m-0 d-flex flex-row justify-content-between"> <ul class="p-0 m-0 d-flex flex-row justify-content-between">
<li class="mx-2 btn-outline-success btn btn-sm">Confirm</li> <li class="mx-2 btn-outline-success btn btn-sm">Confirm</li>
<li class="mx-2 btn-outline-danger btn btn-sm">Reject</li> <li class="mx-2 btn-outline-danger btn btn-sm">Reject</li>
<li class="mx-2 btn-outline-primary btn btn-sm">Close</li> <li class="mx-2 btn-outline-primary btn btn-sm">Close</li>
<li class="mx-2 btn-outline-info detailBtn btn btn-sm" data-appId="${response[i].RedirectOptions.InstalledAppId}" data-recordId="${response[i].RedirectOptions.RefId}">Details-Page</li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</li>`; </li>`;
} }
_tskhtml += '</div>' _tskhtml += "</div>";
$('.bdy-ul').append(_tskhtml); $(".bdy-ul").append(_tskhtml);
detailClick()
} }
}); });
} }
export function detailClick(){
$('.detailBtn').click(function() {
$('.bdy-ul').addClass('d-none');
let installedAppId = +$(this).attr('data-appId');
let recordId = +$(this).attr('data-recordId')
// Unibase.Themes.Compact.Components.Notification.Instance().loadReminderDetails(105013010001972,105010260000090,'Details','null',6,0,null)
const cookie = getCookie('_idty');
if (cookie) {
const {
unibaseId,
tenantId,
userId
} = JSON.parse(cookie);
debugger;
$('#detailIframe').html(
`<iframe width="100%" style="min-height:746px"  name="srcframe" id="srcframe" class="srcframe" src="http://localhost:3086/#/${unibaseId}/${tenantId}/${userId}/${recordId}/${installedAppId}/loadDetail"></iframe>`
);
}
});
}
export function initListIndex() { export function initListIndex() {
let _userInfo = atob(document.cookie.split('=')[1]); let _userInfo = atob(document.cookie.split("=")[1]);
let userInfo = ' JSON.parse(_userInfo).result'; let userInfo = " JSON.parse(_userInfo).result";
let sessionId = 'userInfo.sessionId'; let sessionId = "userInfo.sessionId";
let usrinfoHTML = `<li><a class="dropdown-item" href="javascript:void(0);">${userInfo.name}</a></li> let usrinfoHTML = `<li><a class="dropdown-item" href="javascript:void(0);">${userInfo.name}</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Cloud Settings</a></li> <li><a class="dropdown-item" href="javascript:void(0);">Cloud Settings</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Help</a></li> <li><a class="dropdown-item" href="javascript:void(0);">Help</a></li>
<li><a class="dropdown-item" href="javascript:void(0);">Logoff</a></li>`; <li><a class="dropdown-item" href="javascript:void(0);">Logoff</a></li>`;
$('.icn-circle').text(userInfo?.name?.charAt(0)?.toUpperCase()) $(".icn-circle").text(userInfo?.name?.charAt(0)?.toUpperCase());
$('.uindtls').html(usrinfoHTML) $(".uindtls").html(usrinfoHTML);
// List Page loading // List Page loading
/*Data loading start here*/ /*Data loading start here*/
$('.mnNvIcn').click(function () { $(".mnNvIcn").click(function() {
$('.lft-nav-bar').toggleClass('lft-nav-bar-Wrap'); $(".lft-nav-bar").toggleClass("lft-nav-bar-Wrap");
$('.ctr-lst-pge').toggleClass('lft-nav-bar-Wrap'); $(".ctr-lst-pge").toggleClass("lft-nav-bar-Wrap");
}); });
loadData(); loadData();
} }
assets/js/login.js
+10 -2
Wyświetl plik
@@ -1,6 +1,14 @@
import { setCookie } from "./cookiehelper.js"; import {
setCookie
} from "./cookiehelper.js";
import {
_serverUrl
} from "./setting.js";
const serverUrl = _serverUrl();
const serverUrl = 'http://localhost:1188/';
const emailInputEl = document.getElementById('email'); const emailInputEl = document.getElementById('email');
const passwordInputEl = document.getElementById('password'); const passwordInputEl = document.getElementById('password');
const emailErrEl = document.getElementById('emailErrMsg'); const emailErrEl = document.getElementById('emailErrMsg');
assets/js/setting.js
+3
Wyświetl plik
@@ -0,0 +1,3 @@
export function _serverUrl() {
return 'http://localhost:3086/';
}
authentication/index.html
+9 -2
Wyświetl plik
@@ -30,7 +30,7 @@
<input type="text" class="form-control" id="searchBar" placeholder="Search here"> <input type="text" class="form-control" id="searchBar" placeholder="Search here">
</li> </li>
<li class="ml-auto"> <li class="ml-auto">
<button class="btn btn-outline-primary" id="detailBtn">Detail</button> <button class="btn btn-sm btn-outline-primary detailBtn" id="detailBtn">Detail</button>
<span><i class="la la-question-circle"></i></span> <span><i class="la la-question-circle"></i></span>
</li> </li>
<li> <li>
@@ -92,6 +92,13 @@
</div> </div>
</section> </section>
</body> </body>
<script>
window.addEventListener('message', function (e) {
debugger;
$('#detailIframe').empty();
$('.bdy-ul').removeClass('d-none');
//do stuff
});
</script>
</html> </html>
login/index.html
+3 -4
Wyświetl plik
@@ -25,7 +25,7 @@
<div class="form-body"> <div class="form-body">
<div class="form-input-wrap"> <div class="form-input-wrap">
<div class="form-group"> <div class="form-group">
<input type="text" id="email" class="email-input"> <input type="text" id="email" class="email-input" value="common_20220630_1453@bizgaze.com">
<label class="form-control-placeholder" id="emailLabel" for="email">Email or phone</label> <label class="form-control-placeholder" id="emailLabel" for="email">Email or phone</label>
</div> </div>
<div class="err-msg" id="emailErrMsg"></div> <div class="err-msg" id="emailErrMsg"></div>
@@ -53,14 +53,13 @@
<div class="form-body password-form-box"> <div class="form-body password-form-box">
<div class="form-input-wrap"> <div class="form-input-wrap">
<div class="form-group"> <div class="form-group">
<input type="password" id="password" class="password-input"> <input type="password" id="password" class="password-input" value="UABvAHcAbgBlAHIAcwBAADEAMgAzAA==!~`^e_n_c-^`~!">
<label class="form-control-placeholder" id="passwordLabel" for="password">Enter Your <label class="form-control-placeholder" id="passwordLabel" for="password">Enter Your
Password</label> Password</label>
</div> </div>
<div class="err-msg" id="passwordErrMsg"></div> <div class="err-msg" id="passwordErrMsg"></div>
<div class="form-link show-password-link flex-between-center"> <div class="form-link show-password-link flex-between-center">
<div class="flex-between-center"><input type="checkbox" id="showPassword" <div class="flex-between-center"><input type="checkbox" id="showPassword" class="password-checkbox">
class="password-checkbox">
<label for="showPassword">Show password</label></div> <label for="showPassword">Show password</label></div>
<label><a href="../forgotpassword">Forgot password?</a></label> <label><a href="../forgotpassword">Forgot password?</a></label>
</div> </div>