Iniit
Этот коммит содержится в:
@@ -0,0 +1,219 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Analytics;
|
||||
(function (Analytics) {
|
||||
let Components;
|
||||
(function (Components) {
|
||||
class UserDesignConfigApps extends Components._ReportViewer {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.PortletWidgetId = 0;
|
||||
this.totalreportWidgetData = [];
|
||||
this.ReportId = 0;
|
||||
}
|
||||
jsFiles() {
|
||||
return this._jsFiles();
|
||||
}
|
||||
cssFiles() {
|
||||
return this._cssFiles();
|
||||
}
|
||||
html(id, containerid) {
|
||||
var instance = this;
|
||||
let html = ``;
|
||||
return html;
|
||||
}
|
||||
load(id, containerid, callback) {
|
||||
var instance = this;
|
||||
}
|
||||
init(containerid) {
|
||||
var instance = this;
|
||||
instance.loadConfigSettings(containerid);
|
||||
}
|
||||
loadConfigSettings(containerid) {
|
||||
let reportid = 0;
|
||||
let totalcontent = '';
|
||||
var jsfiles = ["apps/transact/managers/inventory/transactsettingmanager.js"];
|
||||
$(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
|
||||
<div class="card-header py-2 px-2 search-bar-main-wrapper border-0 viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_` + containerid + `">
|
||||
<div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
|
||||
<div class=line-loader></div>
|
||||
<div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
|
||||
<div class="card-search-bar report-tree-view-search m-0" id=cardSearchBar${containerid}>
|
||||
<div class='search-wrapper d-flex w-100' id=searchWrapper${containerid}>
|
||||
<input class="form-control txt_global_search" id=ListSearch placeholder="Search Configurations" autocomplete=off >
|
||||
<i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
|
||||
<div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
|
||||
<a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body p-2 border-removed border-white-removed show userDesignWidgetCardBody" id="Viewer_` + containerid + `" data-iscollapseapplied=false>
|
||||
<ul class="userdesignedTreeview_${containerid} userDesignReportSettings" id="userdesignedTreeview" style="column-count:3"></ul>
|
||||
</div>
|
||||
</div>`);
|
||||
let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
|
||||
if (height != '0px') {
|
||||
$('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
|
||||
}
|
||||
var instance = this;
|
||||
instance.fileCacheHelper.loadJsFiles(["apps/transact/managers/inventory/transactsettingmanager.js"], () => {
|
||||
Unibase.Platform.Apps.Managers.AppManager.Instance().getConfigurationApps().then((res) => {
|
||||
let appdata = res.result.sort(function (a, b) {
|
||||
var a1 = a.AppGroupName.toLowerCase(), b1 = b.AppGroupName.toLowerCase();
|
||||
if (a1 == b1)
|
||||
return 0;
|
||||
return a1 > b1 ? 1 : -1;
|
||||
});
|
||||
let totalcount = res.result.length;
|
||||
let old_groupname = "";
|
||||
for (var i = 0; i < appdata.length; i++) {
|
||||
let icon = '';
|
||||
let imgurl = '';
|
||||
var data = res.result[i];
|
||||
let appname = data.AppTitle;
|
||||
let appdescription = data.Description;
|
||||
icon = data.IconName;
|
||||
imgurl = data.ImageUrl;
|
||||
let installedappid = data.MyAppId;
|
||||
let count = i;
|
||||
let appgroupname = data.AppGroupName;
|
||||
if (appgroupname == '')
|
||||
appgroupname = "No Group";
|
||||
let avatarTxt = "";
|
||||
let matches = appname.match(/\b(\w)/g);
|
||||
if (matches.length == 1) {
|
||||
avatarTxt = $.trim(appname).substr(0, 2).toUpperCase();
|
||||
}
|
||||
else {
|
||||
avatarTxt = matches.join('').slice(0, 2).toUpperCase();
|
||||
}
|
||||
if (appgroupname != old_groupname) {
|
||||
let appgroupnameid = appgroupname.replace(/ /g, "_");
|
||||
appgroupnameid = appgroupnameid.replace(/&/g, "_");
|
||||
let groupnamecontent = '';
|
||||
if (old_groupname != '') {
|
||||
groupnamecontent = `</ul></li>`;
|
||||
groupnamecontent = `</ul></li>`;
|
||||
}
|
||||
groupnamecontent += `<li class="nav-item border report-group-tree-view border-dark mb-2 w-100 text-truncate" id="settingreport_` + appgroupnameid + `" style="display: grid;break-inside: avoid;">
|
||||
<a class="nav-link report-Header-Title biz-highlight-opacity border-bottom text-dark font-weight-600" href ="javascript:void(0);" ><span class="report-group-tree-name">` + appgroupname + `</span></a>
|
||||
<ul class="flex-column text-truncate w-100 group-drp-` + appgroupnameid + `" id="reportgroup-tree_` + appgroupnameid + `" name='` + appgroupnameid + `'><li class="nav-item lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2 text-truncate"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12 w-100">` + appdescription + `</div></div></div></a></li>`;
|
||||
totalcontent += groupnamecontent;
|
||||
old_groupname = appgroupname;
|
||||
}
|
||||
else {
|
||||
let childsetting = `<li class="nav-item lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem w-100 text-truncate" style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2 text-truncate"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12 w-100">` + appdescription + `</div></div></div></a></li>`;
|
||||
totalcontent += childsetting;
|
||||
}
|
||||
}
|
||||
$("#userdesignedTreeview").html(totalcontent);
|
||||
if (screen.width < 1198) {
|
||||
$(".appname").addClass("font-12");
|
||||
$(".text-truncate.description-Text").addClass("font-11").removeClass("font-12");
|
||||
}
|
||||
});
|
||||
});
|
||||
instance.settingsearch(containerid);
|
||||
}
|
||||
getform(AppName, InstalledAppId, callback) {
|
||||
var instance = this;
|
||||
if (AppName != " ") {
|
||||
Unibase.Platform.Helpers.NavigationHelper.Instance().loadSettings(InstalledAppId, callback);
|
||||
}
|
||||
else {
|
||||
Bizgaze.Apps.Transact.Managers.TransactSettingManager.Instance().getBranchSettingByInstalledApp(InstalledAppId).then(function (bs_res) {
|
||||
let Pk_Id = 0;
|
||||
if (bs_res.result != "" && bs_res.result != null) {
|
||||
Pk_Id = bs_res.result.BranchSettingId;
|
||||
}
|
||||
var FormUniqueId = 'Bizgaze_Extension_Transact_Apps_' + AppName;
|
||||
Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
|
||||
var successCallBack = {
|
||||
CallBack: function (id) {
|
||||
},
|
||||
Parameters: null,
|
||||
};
|
||||
var formviewerObj = {
|
||||
FormId: response.result.FormId,
|
||||
AppConfigurationId: 0,
|
||||
Pk_Value: Pk_Id,
|
||||
PortletWidgetId: 0,
|
||||
OnSuccess: successCallBack,
|
||||
OnFail: null,
|
||||
OnLoad: null,
|
||||
FormSize: Platform.Helpers.Size.Medium,
|
||||
};
|
||||
Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj);
|
||||
instance.navigationHelper.hideLoading();
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
settingsearch(containerid) {
|
||||
$(".biz-highlight-opacity").mouseover(function () {
|
||||
$(this).css({ "cursor": "context-menu" });
|
||||
});
|
||||
$('.clear_icon').click(function () {
|
||||
$("#ListSearch").val('');
|
||||
$('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').css("display", "block");
|
||||
$('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').find('.lireportgrp-item').css("display", "block");
|
||||
$(".clear_icon").addClass("d-none");
|
||||
});
|
||||
if (($(window).width()) <= 1198) {
|
||||
$("#userdesignedTreeview").css({ "column-count": "2" });
|
||||
$(".search-wrapper").css({ "display": "block !important" });
|
||||
}
|
||||
if (($(window).width()) <= 576) {
|
||||
$("#userdesignedTreeview").css({ "column-count": "1" });
|
||||
$(".search-wrapper").css({ "display": "block !important" });
|
||||
$(".report-group-tree-view").each(function (index) {
|
||||
let width = $(this).width();
|
||||
let maxwidth = $(this).width() - 100;
|
||||
$(this).find(".report-Header-Title").css("width", width + 'px');
|
||||
$(this).find(".lireportgrp-item").find(".description-Text").css("max-width", maxwidth + 'px');
|
||||
});
|
||||
}
|
||||
$('#' + containerid).find("#ListSearch").on('keyup', function () {
|
||||
$(".clear_icon").removeClass("d-none");
|
||||
var _value = $(this).val().toString(), value = _value.toUpperCase();
|
||||
if (_value == '') {
|
||||
$(".clear_icon").addClass("d-none");
|
||||
}
|
||||
$('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').each(function () {
|
||||
let reportName = $(this).find('.lireportgrp-item a').text();
|
||||
if (reportName.toUpperCase().indexOf(value) > -1) {
|
||||
$(this).css('display', 'block');
|
||||
$(this).find('.lireportgrp-item a').each(function () {
|
||||
let reportName = $(this).text();
|
||||
let reportGroupName = $(this).find('.a').text();
|
||||
if (reportName.toUpperCase().indexOf(value) > -1) {
|
||||
$(this).parent().css('display', 'block');
|
||||
}
|
||||
else {
|
||||
$(this).parent().css('display', 'none');
|
||||
}
|
||||
});
|
||||
}
|
||||
else {
|
||||
$(this).css('display', 'none');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
generatecolor() {
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new UserDesignConfigApps();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Components.UserDesignConfigApps = UserDesignConfigApps;
|
||||
})(Components = Analytics.Components || (Analytics.Components = {}));
|
||||
})(Analytics = Platform.Analytics || (Platform.Analytics = {}));
|
||||
})(Platform = Unibase.Platform || (Unibase.Platform = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
@@ -0,0 +1,149 @@
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Analytics;
|
||||
(function (Analytics) {
|
||||
let Components;
|
||||
(function (Components) {
|
||||
class UserDesignMenu extends Components._ReportViewer {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.appsHtml = '';
|
||||
this.IsAppRefresh = false;
|
||||
}
|
||||
jsFiles() {
|
||||
return this._jsFiles();
|
||||
}
|
||||
cssFiles() {
|
||||
return this._cssFiles();
|
||||
}
|
||||
html(id, containerid) {
|
||||
var instance = this;
|
||||
let html = ``;
|
||||
return html;
|
||||
}
|
||||
load(id, containerid, callback) {
|
||||
var instance = this;
|
||||
}
|
||||
init(containerid) {
|
||||
var instance = this;
|
||||
instance.loadMenu(containerid);
|
||||
$('.BindData_' + containerid).find("#ListSearch").on('keyup', function () {
|
||||
$(".clear_icon").removeClass("d-none");
|
||||
var _value = $(this).val().toString(), value = _value.toUpperCase();
|
||||
if (_value == '') {
|
||||
$(".clear_icon").addClass("d-none");
|
||||
}
|
||||
$('#userdesignmenu_apps').find('.appmenu_li').each(function () {
|
||||
let appName = $(this).find('.appname').text();
|
||||
if (appName.toUpperCase().indexOf(value) > -1) {
|
||||
$(this).css('display', 'block');
|
||||
}
|
||||
else {
|
||||
$(this).css('display', 'none');
|
||||
}
|
||||
});
|
||||
});
|
||||
$('.clear_icon').click(function () {
|
||||
$("#ListSearch").val('');
|
||||
$('#userdesignmenu_apps').find('.appmenu_li').removeAttr("style");
|
||||
$(".clear_icon").addClass("d-none");
|
||||
});
|
||||
}
|
||||
loadMenu(containerid) {
|
||||
var instance = this;
|
||||
$(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100 menu" style="background:transparent !important">
|
||||
<div class="card-header py-2 px-2 search-bar-main-wrapper position-sticky t-0 bg-white z-index-2 border-0 viewer-header biz-secondary-color" id="ViewerHeader_` + containerid + `">
|
||||
<div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
|
||||
<div class=line-loader></div>
|
||||
<div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
|
||||
<div class="card-search-bar report-tree-view-search" id=cardSearchBar${containerid}>
|
||||
<div class="search-wrapper d-flex w-100" id=searchWrapper${containerid}>
|
||||
<input class="form-control txt_global_search bg-transparent" id=ListSearch placeholder="Search App" autocomplete=off >
|
||||
<i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
|
||||
<div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
|
||||
<a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biz-highlight-text-color d-none"></div>
|
||||
</div>
|
||||
<div class="card-body userDesignWidgetCardBody p-2 bg-transparent" style="background:transparent !important">
|
||||
<ul class="userdesignmenu_apps_${containerid} userdesignmenu_apps row px-3" id="userdesignmenu_apps"></ul>
|
||||
</div>
|
||||
</div>`);
|
||||
let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
|
||||
if (height != '0px') {
|
||||
$('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
|
||||
}
|
||||
if ((this.appsHtml != '' && this.appsHtml != null) && !this.IsAppRefresh) {
|
||||
$('#userdesignmenu_apps').html(this.appsHtml);
|
||||
}
|
||||
else {
|
||||
Unibase.Platform.Apps.Managers.AppManager.Instance().getMyApps().then((res) => {
|
||||
this.IsAppRefresh = false;
|
||||
let totalcount = res.result.length;
|
||||
for (var i = 0; i < res.result.length; i++) {
|
||||
if (res.result[i].ParentAppId == 0) {
|
||||
let icon = '';
|
||||
let imgurl = '';
|
||||
let html = '';
|
||||
var data = res.result[i];
|
||||
let appname = data.AppTitle;
|
||||
icon = data.IconName;
|
||||
imgurl = data.ImageUrl;
|
||||
let installedappid = data.MyAppId;
|
||||
let count = i;
|
||||
if (($(window).width()) <= 575) {
|
||||
$('.appname.Mobile-menu').html(function (i, v) {
|
||||
return v.replace(' ', '<br />');
|
||||
});
|
||||
html = `<li class="col-4 p-1 appmenu_li" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
|
||||
<div class="card px-1 py-3 shadow-none m-0 border-0 h-100 text-center bg-transparent">
|
||||
<div class="w-100 text-center py-3"><div class="avatar menu-icon-card_` + count + ` biz-detail-avatar mx-auto"></div></div>
|
||||
<h6 class=" font-weight-500 text-center appname Mobile-menu" style="font-size:10px">` + appname + `</h6>
|
||||
</div></a></li>`;
|
||||
}
|
||||
else {
|
||||
html = `<li class="col-xl-2 col-lg-3 col-sm-3 col-6 p-2 appmenu_li biz-landing" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
|
||||
<div class="card p-2 m-0 border-0 h-100 text-center shadow-none bg-transparent">
|
||||
<div class="feature-block mx-auto rounded-12 h-100 ">
|
||||
<div class="p-3"><div class="avatar menu-icon-card_` + count + ` biz-detail-avatar mx-auto p-2"></div></div>
|
||||
<div> <h6 class="font-13 font-weight-500 text-center appname " style="padding:5px">` + appname + `</h6></div>
|
||||
</div>
|
||||
</div></a></li>`;
|
||||
}
|
||||
$("#userdesignmenu_apps").append(html);
|
||||
if (imgurl.length > 1) {
|
||||
let assesturl = _appsettings.asset_url();
|
||||
imgurl = assesturl + imgurl;
|
||||
let imgtag = '<img src="' + imgurl + '" onerror="ReloadImage(event)" data-dynamic="1" data-loaded="0" class=" w-50p h-50p">';
|
||||
$(".menu-icon-card_" + count).html(imgtag);
|
||||
}
|
||||
else {
|
||||
$(".menu-icon-card_" + count).html(`<i class="text-dark ` + icon + ` font-40"></i>`);
|
||||
}
|
||||
}
|
||||
}
|
||||
$(".userdesignmenu_apps").each(function () {
|
||||
let element = $(this).children("li");
|
||||
$(this).html(element.sort(function (a, b) {
|
||||
return $(a).attr('data-name') < $(b).attr('data-name') ? -1 : 1;
|
||||
}));
|
||||
});
|
||||
this.appsHtml = $('#userdesignmenu_apps').html();
|
||||
});
|
||||
}
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new UserDesignMenu();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Components.UserDesignMenu = UserDesignMenu;
|
||||
})(Components = Analytics.Components || (Analytics.Components = {}));
|
||||
})(Analytics = Platform.Analytics || (Platform.Analytics = {}));
|
||||
})(Platform = Unibase.Platform || (Unibase.Platform = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
@@ -0,0 +1,165 @@
|
||||
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
||||
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
||||
return new (P || (P = Promise))(function (resolve, reject) {
|
||||
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
||||
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
||||
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
||||
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
||||
});
|
||||
};
|
||||
var Unibase;
|
||||
(function (Unibase) {
|
||||
let Platform;
|
||||
(function (Platform) {
|
||||
let Analytics;
|
||||
(function (Analytics) {
|
||||
let Components;
|
||||
(function (Components) {
|
||||
class UserDesignSvgMenu extends Components._ReportViewer {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.svgappsHtml = '';
|
||||
this.IsAppRefresh = false;
|
||||
}
|
||||
jsFiles() {
|
||||
return this._jsFiles();
|
||||
}
|
||||
cssFiles() {
|
||||
return this._cssFiles();
|
||||
}
|
||||
html(id, containerid) {
|
||||
var instance = this;
|
||||
let html = ``;
|
||||
return html;
|
||||
}
|
||||
load(id, containerid, callback) {
|
||||
var instance = this;
|
||||
}
|
||||
init(containerid) {
|
||||
var instance = this;
|
||||
instance.loadMenu(containerid);
|
||||
$('.BindData_' + containerid).find("#ListSearch").on('keyup', function () {
|
||||
$(".clear_icon").removeClass("d-none");
|
||||
var _value = $(this).val().toString(), value = _value.toUpperCase();
|
||||
if (_value == '') {
|
||||
$(".clear_icon").addClass("d-none");
|
||||
}
|
||||
$('#userdesignmenu_apps').find('.appmenu_li').each(function () {
|
||||
let appName = $(this).find('.appname').text();
|
||||
if (appName.toUpperCase().indexOf(value) > -1) {
|
||||
$(this).css('display', 'block');
|
||||
}
|
||||
else {
|
||||
$(this).css('display', 'none');
|
||||
}
|
||||
});
|
||||
});
|
||||
$('.clear_icon').click(function () {
|
||||
$("#ListSearch").val('');
|
||||
$('#userdesignmenu_apps').find('.appmenu_li').removeAttr("style");
|
||||
$(".clear_icon").addClass("d-none");
|
||||
});
|
||||
}
|
||||
loadMenu(containerid) {
|
||||
var instance = this;
|
||||
$(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
|
||||
<div class="card-header py-2 px-2 search-bar-main-wrapper position-sticky t-0 bg-white z-index-2 border-0 viewer-header" id="ViewerHeader_` + containerid + `">
|
||||
<div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
|
||||
<div class=line-loader></div>
|
||||
<div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
|
||||
<div class="card-search-bar report-tree-view-search" id=cardSearchBar${containerid}>
|
||||
<div class="search-wrapper d-flex w-100" id=searchWrapper${containerid}>
|
||||
<input class="form-control txt_global_search" id=ListSearch placeholder="Search App" autocomplete=off >
|
||||
<i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
|
||||
<div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
|
||||
<a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="biz-highlight-text-color d-none"></div>
|
||||
</div>
|
||||
<div class="card-body userDesignWidgetCardBody p-2">
|
||||
<ul class="userdesignmenu_apps_${containerid} userdesignmenu_apps row px-3 svgmenu" id="userdesignmenu_apps"></ul>
|
||||
</div>
|
||||
</div>`);
|
||||
let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
|
||||
if (height != '0px') {
|
||||
$('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
|
||||
}
|
||||
if ((this.svgappsHtml != '' && this.svgappsHtml != null) && !this.IsAppRefresh) {
|
||||
$('#userdesignmenu_apps').html(this.svgappsHtml);
|
||||
}
|
||||
else {
|
||||
instance.fileCacheHelper.loadJsFile('platform/apps/managers/appmanager.js', () => {
|
||||
Unibase.Platform.Apps.Managers.AppManager.Instance().getMyApps().then((res) => __awaiter(this, void 0, void 0, function* () {
|
||||
this.IsAppRefresh = false;
|
||||
let html = '';
|
||||
let totalcount = res.result.length;
|
||||
for (var i = 0; i < res.result.length; i++) {
|
||||
if (res.result[i].ParentAppId == 0) {
|
||||
let icon = '';
|
||||
let imgurl = '';
|
||||
let apps_data = '';
|
||||
let iconurl = '';
|
||||
var data = res.result[i];
|
||||
let appname = data.AppTitle;
|
||||
icon = data.IconName;
|
||||
imgurl = data.SvgIconUrl;
|
||||
iconurl = data.ImageUrl;
|
||||
let installedappid = data.MyAppId;
|
||||
let count = i;
|
||||
if (($(window).width()) <= 575) {
|
||||
apps_data = `<li class="col-3 p-1 appmenu_li" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
|
||||
<div class="card px-1 py-3 shadow-none m-0 border-0 h-100 text-center">
|
||||
<div class="w-100 text-center py-3"><div class="avatar menu-icon-card_` + count + ` biz-detail-avatar mx-auto">`;
|
||||
}
|
||||
else {
|
||||
apps_data = `<li class="appmenu_li biz-landing" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
|
||||
<div class="card p-2 m-0 border-0 h-100 text-center shadow-none">
|
||||
<div class="feature-block mx-auto h-100 m-0">
|
||||
<div class="p-3"><div class="avatar svg_desktop menu-icon-card_` + count + ` biz-detail-avatar mx-auto h-100">`;
|
||||
}
|
||||
let svgstring = imgurl.substring(1, 4);
|
||||
if (imgurl != '' && svgstring == 'svg') {
|
||||
apps_data += imgurl;
|
||||
}
|
||||
apps_data += `</div></div>
|
||||
<div> <h6 class="font-10 font-md-13 font-weight-500 text-center appname pb-1 px-1">` + appname + `</h6></div>
|
||||
</div>
|
||||
</div></a></li>`;
|
||||
html += apps_data;
|
||||
}
|
||||
}
|
||||
$("#userdesignmenu_apps").append(html);
|
||||
if (screen.width > 1367) {
|
||||
$(".appmenu_li").addClass("w-10");
|
||||
}
|
||||
else if (screen.width > 1198) {
|
||||
$(".appmenu_li").addClass("w-12");
|
||||
}
|
||||
if (screen.width < 1198) {
|
||||
$(".svg-icons").addClass("w-35p h-35p").removeClass("w-40p h-40p");
|
||||
}
|
||||
$(".userdesignmenu_apps").each(function () {
|
||||
let element = $(this).children("li");
|
||||
$(this).html(element.sort(function (a, b) {
|
||||
return $(a).attr('data-name') < $(b).attr('data-name') ? -1 : 1;
|
||||
}));
|
||||
});
|
||||
$('.userdesignmenu_apps svg').addClass("h-100");
|
||||
this.svgappsHtml = $('#userdesignmenu_apps').html();
|
||||
}));
|
||||
});
|
||||
}
|
||||
}
|
||||
static Instance() {
|
||||
if (this._instance === undefined)
|
||||
this._instance = new UserDesignSvgMenu();
|
||||
return this._instance;
|
||||
}
|
||||
}
|
||||
Components.UserDesignSvgMenu = UserDesignSvgMenu;
|
||||
})(Components = Analytics.Components || (Analytics.Components = {}));
|
||||
})(Analytics = Platform.Analytics || (Platform.Analytics = {}));
|
||||
})(Platform = Unibase.Platform || (Unibase.Platform = {}));
|
||||
})(Unibase || (Unibase = {}));
|
||||
Ссылка в новой задаче
Block a user