@cartesianui/js 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +35 -0
- package/axis.d.ts +415 -0
- package/axis.js +1125 -0
- package/axis.message.swal.min.js +1 -0
- package/axis.min.js +1 -0
- package/axis.moment.min.js +1 -0
- package/axis.notification.swal.min.js +1 -0
- package/axis.ui.freeze.min.js +1 -0
- package/freeze-ui.min.js +1 -0
- package/package.json +48 -0
- package/src/libs/freeze-ui/freeze-ui.css +56 -0
- package/src/libs/freeze-ui/freeze-ui.js +81 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var axis=axis||{};!function(){var a;Swal&&(a=function(n,t,i,e,a){return i||(i=t,t=void 0),(a=a||{}).title=i,a.icon=n,a.confirmButtonText=a.confirmButtonText||axis.localization.axisWeb("Ok"),e?a.html=t:a.text=t,Swal.fire(a)},axis.message.info=function(n,t,i,e){return a("info",n,t,i,e)},axis.message.success=function(n,t,i,e){return a("success",n,t,i,e)},axis.message.warn=function(n,t,i,e){return a("warning",n,t,i,e)},axis.message.error=function(n,t,i,e){return a("error",n,t,i,e)},axis.message.confirm=function(n,t,i,e,a){var o=void 0;return"function"==typeof t?i=t:t&&(o=t),(a=a||{}).title=o||axis.localization.axisWeb("AreYouSure"),a.icon="warning",a.confirmButtonText=a.confirmButtonText||axis.localization.axisWeb("Yes"),a.cancelButtonText=a.cancelButtonText||axis.localization.axisWeb("Cancel"),a.showCancelButton=!0,e?a.html=n:a.text=n,Swal.fire(a).then(function(n){i&&i(n.value)})})}();
|
package/axis.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(axis=(axis={})||{}).tenancy=axis.tenancy||{},axis.tenancy.isEnabled=!1,axis.tenancy.headerAttribute="Axis-Host",axis.tenancy.ignoreFeatureCheckForHostUsers=!1,axis.tenancy.sides={TENANT:1,HOST:2},axis.tenancy.tenantIdCookieName="Axis.TenantId",axis.tenancy.setTenantIdCookie=function(i){i?axis.utils.setCookieValue(axis.tenancy.tenantIdCookieName,i.toString(),new Date((new Date).getTime()+15768e7),axis.appPath,axis.domain):axis.utils.deleteCookie(axis.tenancy.tenantIdCookieName,axis.appPath)},axis.tenancy.getTenantIdCookie=function(){var i=axis.utils.getCookieValue(axis.tenancy.tenantIdCookieName);return i?parseInt(i):null},(axis=axis||{}).localization=axis.localization||{},axis.localization.languages=[],axis.localization.currentLanguage={},axis.localization.sources=[],axis.localization.values={},axis.localization.localize=function(i,e){e=e||axis.localization.defaultSourceName;var t=axis.localization.values[e];if(!t)return axis.log.warn("Could not find localization source: "+e),i;t=t[i];if(null==t)return i;var a=Array.prototype.slice.call(arguments,0);return a.splice(1,1),a[0]=t,axis.utils.formatString.apply(this,a)},axis.localization.getSource=function(t){return function(i){var e=Array.prototype.slice.call(arguments,0);return e.splice(1,0,t),axis.localization.localize.apply(this,e)}},axis.localization.isCurrentCulture=function(i){return axis.localization.currentCulture&&axis.localization.currentCulture.name&&0==axis.localization.currentCulture.name.indexOf(i)},axis.localization.defaultSourceName=void 0,axis.localization.axisWeb=axis.localization.getSource("AxisWeb"),(axis=axis||{}).auth=axis.auth||{},axis.auth.allPermissions=axis.auth.allPermissions||{},axis.auth.grantedPermissions=axis.auth.grantedPermissions||{},axis.auth.hasPermission=function(i){return axis.auth.isGranted.apply(this,arguments)},axis.auth.hasAnyOfPermissions=function(){return axis.auth.isAnyGranted.apply(this,arguments)},axis.auth.hasAllOfPermissions=function(){return axis.auth.areAllGranted.apply(this,arguments)},axis.auth.isGranted=function(i){return void 0!==axis.auth.allPermissions[i]&&void 0!==axis.auth.grantedPermissions[i]||-1!==axis.auth.allPermissions.indexOf(i)&&-1!==axis.auth.grantedPermissions.indexOf(i)},axis.auth.isAnyGranted=function(){if(!arguments||arguments.length<=0)return!0;for(var i=0;i<arguments.length;i++)if(axis.auth.isGranted(arguments[i]))return!0;return!1},axis.auth.areAllGranted=function(){if(!arguments||arguments.length<=0)return!0;for(var i=0;i<arguments.length;i++)if(!axis.auth.isGranted(arguments[i]))return!1;return!0},axis.auth.tokenCookieName="Axis.AuthToken",axis.auth.setToken=function(i,e){axis.utils.setCookieValue(axis.auth.tokenCookieName,i,e,axis.appPath,axis.domain)},axis.auth.getToken=function(){return axis.utils.getCookieValue(axis.auth.tokenCookieName)},axis.auth.clearToken=function(){axis.auth.setToken()},axis.auth.refreshTokenCookieName="Axis.AuthRefreshToken",axis.auth.setRefreshToken=function(i,e){axis.utils.setCookieValue(axis.auth.refreshTokenCookieName,i,e,axis.appPath,axis.domain)},axis.auth.getRefreshToken=function(){return axis.utils.getCookieValue(axis.auth.refreshTokenCookieName)},axis.auth.clearRefreshToken=function(){axis.auth.setRefreshToken()};(axis=axis||{}).features=axis.features||{},axis.features.allFeatures=axis.features.allFeatures||{},axis.features.get=function(i){return axis.features.allFeatures[i]},axis.features.getValue=function(i){i=axis.features.get(i);if(null!=i)return i.value},axis.features.isEnabled=function(i){i=axis.features.getValue(i);return"true"==i||"True"==i};var axis=axis||{};(typeof define==="function"&&define.amd?define:function(i,e){if(typeof module!=="undefined"&&module.exports)module.exports=e(require("jquery"));else window.axis=e(window.jQuery)})(["jquery"],function(s){return axis.notifications=axis.notifications||{},axis.notifications.severity={INFO:0,SUCCESS:1,WARN:2,ERROR:3,FATAL:4},axis.notifications.userNotificationState={UNREAD:0,READ:1},axis.notifications.getUserNotificationStateAsString=function(i){switch(i){case axis.notifications.userNotificationState.READ:return"READ";case axis.notifications.userNotificationState.UNREAD:return"UNREAD";default:return axis.log.warn("Unknown user notification state value: "+i),"?"}},axis.notifications.getUiNotifyFuncBySeverity=function(i){switch(i){case axis.notifications.severity.SUCCESS:return axis.notify.success;case axis.notifications.severity.WARN:return axis.notify.warn;case axis.notifications.severity.ERROR:case axis.notifications.severity.FATAL:return axis.notify.error;default:axis.notifications.severity.INFO;return axis.notify.info}},axis.notifications.messageFormatters={},axis.notifications.messageFormatters["Axis.Notifications.MessageNotificationData"]=function(i){return i.notification.data.message||i.notification.data.properties.Message},axis.notifications.messageFormatters["Axis.Notifications.LocalizableMessageNotificationData"]=function(i){var e=i.notification.data.message||i.notification.data.properties.Message,t=axis.localization.localize(e.name,e.sourceName);if(i.notification.data.properties)if(s)s.each(i.notification.data.properties,function(i,e){t=t.replace("{"+i+"}",e)});else for(var a=Object.keys(i.notification.data.properties),n=0;n<a.length;n++)t=t.replace("{"+a[n]+"}",i.notification.data.properties[a[n]]);return t},axis.notifications.getFormattedMessageFromUserNotification=function(i){var e=axis.notifications.messageFormatters[i.notification.data.type];return e?axis.utils.isFunction(e)?e(i):(axis.log.warn("Message formatter should be a function! It is invalid for data type: "+i.notification.data.type),"?"):(axis.log.warn("No message formatter defined for given data type: "+i.notification.data.type),"?")},axis.notifications.showUiNotifyForUserNotification=function(i,e){var t=axis.notifications.getFormattedMessageFromUserNotification(i);axis.notifications.getUiNotifyFuncBySeverity(i.notification.severity)(t,void 0,e)},axis.notify=axis.notify||{},axis.notify.success=function(i,e,t){axis.log.warn("axis.notify.success is not implemented!")},axis.notify.info=function(i,e,t){axis.log.warn("axis.notify.info is not implemented!")},axis.notify.warn=function(i,e,t){axis.log.warn("axis.notify.warn is not implemented!")},axis.notify.error=function(i,e,t){axis.log.warn("axis.notify.error is not implemented!")},axis});(axis=axis||{}).log=axis.log||{},axis.log.levels={DEBUG:1,INFO:2,WARN:3,ERROR:4,FATAL:5},axis.log.level=axis.log.levels.DEBUG,axis.log.log=function(i,e){window.console&&window.console.log&&null!=e&&axis.log.level},axis.log.debug=function(i){axis.log.log("DEBUG: ",axis.log.levels.DEBUG),axis.log.log(i,axis.log.levels.DEBUG)},axis.log.info=function(i){axis.log.log("INFO: ",axis.log.levels.INFO),axis.log.log(i,axis.log.levels.INFO)},axis.log.warn=function(i){axis.log.log("WARN: ",axis.log.levels.WARN),axis.log.log(i,axis.log.levels.WARN)},axis.log.error=function(i){axis.log.log("ERROR: ",axis.log.levels.ERROR),axis.log.log(i,axis.log.levels.ERROR)},axis.log.fatal=function(i){axis.log.log("FATAL: ",axis.log.levels.FATAL),axis.log.log(i,axis.log.levels.FATAL)},axis=axis||{};(typeof define==="function"&&define.amd?define:function(i,e){if(typeof module!=="undefined"&&module.exports)module.exports=e(require("jquery"));else window.axis=e(window.jQuery)})(["jquery"],function(n){axis.message=axis.message||{};function a(i,e,t){return alert((e||"")+" "+i),n?n.Deferred(function(i){i.resolve()}):(axis.log.warn("axis.message can not return promise since jQuery is not defined!"),null)}return axis.message.info=function(i,e,t){return axis.log.warn("axis.message.info is not implemented!"),a(i,e)},axis.message.success=function(i,e,t){return axis.log.warn("axis.message.success is not implemented!"),a(i,e)},axis.message.warn=function(i,e,t){return axis.log.warn("axis.message.warn is not implemented!"),a(i,e)},axis.message.error=function(i,e,t){return axis.log.warn("axis.message.error is not implemented!"),a(i,e)},axis.message.confirm=function(i,e,t,a){axis.log.warn("axis.message.confirm is not implemented!");i=confirm(i);return t&&t(i),n?n.Deferred(function(i){i.resolve()}):(axis.log.warn("axis.message can not return promise since jQuery is not defined!"),null)},axis});(axis=axis||{}).ui=axis.ui||{},axis.ui.block=function(i){axis.log.warn("axis.ui.block is not implemented!")},axis.ui.unblock=function(i){axis.log.warn("axis.ui.unblock is not implemented!")},axis.ui.setBusy=function(i,e,t){axis.log.warn("axis.ui.setBusy is not implemented!")},axis.ui.clearBusy=function(i,e){axis.log.warn("axis.ui.clearBusy is not implemented!")},axis=axis||{},function(){var s;axis.event=(s={},{on:function(i,e){s[i]||(s[i]=[]),s[i].push(e)},off:function(i,e){var t=s[i];if(t){for(var a=-1,n=0;n<t.length;n++)if(t[n]===e){a=n;break}a<0||s[i].splice(a,1)}},trigger:function(i){var e=s[i];if(e&&e.length)for(var t=Array.prototype.slice.call(arguments,1),a=0;a<e.length;a++)e[a].apply(this,t)}})}(),axis=axis||{},(typeof define==="function"&&define.amd?define:function(i,e){if(typeof module!=="undefined"&&module.exports)module.exports=e(require("jquery"));else window.axis=e(window.jQuery)})(["jquery"],function(e){return axis.utils=axis.utils||{},axis.utils.createNamespace=function(i,e){for(var t=e.split("."),a=0;a<t.length;a++)void 0===i[t[a]]&&(i[t[a]]={}),i=i[t[a]];return i},axis.utils.replaceAll=function(i,e,t){e=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return i.replace(new RegExp(e,"g"),t)},axis.utils.formatString=function(){if(arguments.length<1)return null;for(var i=arguments[0],e=1;e<arguments.length;e++)i=axis.utils.replaceAll(i,"{"+(e-1)+"}",arguments[e]);return i},axis.utils.toPascalCase=function(i){return i&&i.length?1===i.length?i.charAt(0).toUpperCase():i.charAt(0).toUpperCase()+i.substr(1):i},axis.utils.toCamelCase=function(i){return i&&i.length?1===i.length?i.charAt(0).toLowerCase():i.charAt(0).toLowerCase()+i.substr(1):i},axis.utils.truncateString=function(i,e){return!i||!i.length||i.length<=e?i:i.substr(0,e)},axis.utils.truncateStringWithPostfix=function(i,e,t){return t=t||"...",!i||!i.length||i.length<=e?i:e<=t.length?t.substr(0,e):i.substr(0,e-t.length)+t},axis.utils.isFunction=function(i){return e?e.isFunction(i):!!(i&&i.constructor&&i.call&&i.apply)},axis.utils.buildQueryString=function(i,e){void 0===e&&(e=!0);var t="";function a(){t.length?t+="&":e&&(t+="?")}for(var n=0;n<i.length;++n){var s=i[n];if(void 0!==s.value)if(null===s.value&&(s.value=""),a(),s.value.toJSON&&"function"==typeof s.value.toJSON)t=t+s.name+"="+encodeURIComponent(s.value.toJSON());else if(Array.isArray(s.value)&&s.value.length)for(var o=0;o<s.value.length;o++)0<o&&a(),t=t+s.name+"["+o+"]="+encodeURIComponent(s.value[o]);else t=t+s.name+"="+encodeURIComponent(s.value)}return t},axis.utils.setCookieValue=function(i,e,t,a,n){i=encodeURIComponent(i)+"=";e&&(i+=encodeURIComponent(e)),t&&(i=i+"; expires="+t.toUTCString()),a&&(i=i+"; path="+a),n&&(i=i+"; domain="+n),document.cookie=i},axis.utils.getCookieValue=function(i){for(var e=document.cookie.split("; "),t=0;t<e.length;t++)if(e[t]){var a=e[t].split("=");if(2==a.length&&decodeURIComponent(a[0])===i)return decodeURIComponent(a[1]||"")}return null},axis.utils.deleteCookie=function(i,e){i=(i=encodeURIComponent(i)+"=")+"; expires="+new Date((new Date).getTime()-864e5).toUTCString();e&&(i=i+"; path="+e),document.cookie=i},axis.utils.getDomain=function(i){i=/(https?:){0,1}\/\/((?:[\w\d-]+\.)+[\w\d]{2,})/i.exec(i);return i&&i[2]?i[2]:""},axis}),axis=axis||{};!function(){function e(i){return Date.UTC(i.getUTCFullYear(),i.getUTCMonth(),i.getUTCDate(),i.getUTCHours(),i.getUTCMinutes(),i.getUTCSeconds(),i.getUTCMilliseconds())}function t(i){return new Date(i.getFullYear(),i.getMonth(),i.getDate(),i.getHours(),i.getMinutes(),i.getSeconds(),i.getMilliseconds())}axis.timing=axis.timing||{},axis.timing.utcClockProvider={now:function(){return e(new Date)},normalize:function(i){return i&&new Date(e(i))},supportsMultipleTimezone:!0},axis.timing.localClockProvider={now:function(){return t(new Date)},normalize:function(i){return i&&t(i)},supportsMultipleTimezone:!1},axis.timing.unspecifiedClockProvider={now:function(){return new Date},normalize:function(i){return i},supportsMultipleTimezone:!1},axis.timing.convertToUserTimezone=function(i){i=i.getTime()+6e4*i.getTimezoneOffset(),i=parseInt(i)+parseInt(axis.timing.timeZoneInfo.server.currentUtcOffsetInMilliseconds);return new Date(i)}}(),(axis=axis||{}).clock=axis.clock||{},axis.clock.now=function(){return axis.clock.provider?axis.clock.provider.now():new Date},axis.clock.normalize=function(i){return axis.clock.provider?axis.clock.provider.normalize(i):i},axis.clock.provider=axis.timing.unspecifiedClockProvider,(axis=axis||{}).security=axis.security||{},axis.security.antiForgery=axis.security.antiForgery||{},axis.security.antiForgery.tokenCookieName="XSRF-TOKEN",axis.security.antiForgery.tokenHeaderName="X-XSRF-TOKEN",axis.security.antiForgery.getToken=function(){return axis.utils.getCookieValue(axis.security.antiForgery.tokenCookieName)},axis.security.antiForgery.shouldSendToken=function(i){return void 0===i.crossDomain||null===i.crossDomain?axis.utils.getDomain(location.href)===axis.utils.getDomain(i.url):!i.crossDomain},(axis=axis||{}).appPath=axis.appPath||"/",axis.pageLoadTime=new Date,axis.toAbsAppPath=function(i){return 0==i.indexOf("/")&&(i=i.substring(1)),axis.appPath+i},(axis=axis||{}).session=axis.session||{},axis.session.userId=!1,axis.session.isAdmin=!1,axis.session.hostId=!1,axis.session.tenantId=!1,axis.session.side=axis.tenancy.sides.TENANT,axis.session.isHostAdmin=function(){return!(!axis.session.hostId||!axis.session.isAdmin)},axis.session.isTenantAdmin=function(){return!(!axis.session.tenantId||!axis.session.isAdmin)},axis.session.isUserLogged=function(){return!!axis.session.userId},axis.session.isHostSide=function(){return axis.session.side===axis.tenancy.sides.HOST},axis.session.isTenantSide=function(){return axis.session.side===axis.tenancy.sides.TENANT},(axis=axis||{}).setting=axis.setting||{},axis.setting.values=axis.setting.values||{},axis.setting.get=function(i){return axis.setting.values[i]},axis.setting.getBoolean=function(i){i=axis.setting.get(i);return"true"==i||"True"==i},axis.setting.getInt=function(i){return parseInt(axis.setting.values[i])};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var axis=axis||{};moment&&moment.tz&&(axis.timing=axis.timing||{},axis.timing.convertToUserTimezone=function(i){return moment(i).clone().tz(axis.timing.timeZoneInfo.iana.timeZoneId)});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var axis=axis||{};!function(){var c,a;Swal&&(c=Swal.mixin({toast:!0,position:"bottom-end",showConfirmButton:!1,timer:2e3,timerProgressBar:!0,didOpen:function(s){s.addEventListener("mouseenter",Swal.stopTimer),s.addEventListener("mouseleave",Swal.resumeTimer)}}),a=function(s,n,i,a){var t=!!a.customClass.icon&&'<i class="mr-2 text-light '+a.customClass.icon+'"></i>',o=t||"";o+=i?'<span class="text-light">'+i+"</span>":"",i=n?'<span class="text-light">'+n+"</span>":"",0==t&&(a.icon=s.includes(["warning","error","success","info","question"])?s:""),a.title=o,a.html=i,c.fire(a)},axis.notify.success=function(s,n,i){a("success",s,n,Object.assign({background:"#34bfa3",customClass:{icon:"fas fa-check-circle"}},i))},axis.notify.info=function(s,n,i){a("info",s,n,Object.assign({background:"#36a3f7",customClass:{icon:"fas fa-info-circle"}},i))},axis.notify.warn=function(s,n,i){a("warning",s,n,Object.assign({background:"#ffb822",customClass:{icon:"fas fa-exclamation-triangle"}},i))},axis.notify.error=function(s,n,i){a("error",s,n,Object.assign({background:"#f4516c",customClass:{icon:"fas fa-exclamation-circle"}},i))})}();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var axis=axis||{};FreezeUI&&UnFreezeUI&&(axis.ui.setBusy=function(e,a,i){FreezeUI({element:e,text:a||" ",delay:i})},axis.ui.clearBusy=function(e,a){UnFreezeUI({element:e,delay:a})});
|
package/freeze-ui.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(){var r=document.createElement("div");r.classList.add("freeze-ui"),freezedItems=[],getSelector=function(e){return e||"body"},normalizeFreezeDelay=function(e){return e||250},shouldFreezeItem=function(e){return itemSelector=getSelector(e),0<=freezedItems.indexOf(itemSelector)},addFreezedItem=function(e){itemSelector=getSelector(e),freezedItems.push(itemSelector)},removeFreezedItem=function(e){for(itemSelector=getSelector(e),i=0;i<freezedItems.length;i++)freezedItems[i]===itemSelector&&freezedItems.splice(i,1)},window.FreezeUI=function(t){addFreezedItem(t.selector),delay=normalizeFreezeDelay(t.delay),setTimeout(function(){var e;shouldFreezeItem(t.selector)&&(e=t.element||document.querySelector(t.selector)||document.body,r.setAttribute("data-text",t.text||"Loading"),(document.querySelector(t.selector)||t.element)&&(r.style.position="absolute"),e.appendChild(r))},delay)},window.UnFreezeUI=function(t){removeFreezedItem(t.selector),delay=normalizeFreezeDelay(t.delay)+250,setTimeout(function(){var e=(t.element||document).querySelector(".freeze-ui");e&&(e.classList.remove("is-unfreezing"),e.parentElement&&e.parentElement.removeChild(e))},delay)}}();
|
package/package.json
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@cartesianui/js",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Serves as x-axis for CartesianUI project.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"main": "axis.js",
|
|
7
|
+
"types": "axis.d.ts",
|
|
8
|
+
"keywords": [
|
|
9
|
+
"js axis",
|
|
10
|
+
"npm",
|
|
11
|
+
"package",
|
|
12
|
+
"js-axis",
|
|
13
|
+
"cartesian-ui",
|
|
14
|
+
"component"
|
|
15
|
+
],
|
|
16
|
+
"scripts": {
|
|
17
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
18
|
+
"build-and-publish": "gulp concat & gulp build && npm publish --access public"
|
|
19
|
+
},
|
|
20
|
+
"author": "Syed Ali Murtaza Kazmi <ali@kazmi.me>",
|
|
21
|
+
"contributors": [
|
|
22
|
+
{
|
|
23
|
+
"name": "Ali Kazmi",
|
|
24
|
+
"email": "ali@kazmi.me",
|
|
25
|
+
"url": "https://github.com/smurtazakazmi/"
|
|
26
|
+
}
|
|
27
|
+
],
|
|
28
|
+
"bugs": {
|
|
29
|
+
"url": "https://github.com/cartesianui/js/issues",
|
|
30
|
+
"email": "support@cartesianui.com"
|
|
31
|
+
},
|
|
32
|
+
"homepage": "https://github.com/cartesianui/js#readme",
|
|
33
|
+
"dependencies": {},
|
|
34
|
+
"devDependencies": {
|
|
35
|
+
"gulp": "^4.0.2",
|
|
36
|
+
"gulp-concat": "^2.6.1",
|
|
37
|
+
"gulp-ignore": "^3.0.0",
|
|
38
|
+
"gulp-jshint": "^2.1.0",
|
|
39
|
+
"gulp-minify": "^3.1.0",
|
|
40
|
+
"gulp-order": "^1.2.0",
|
|
41
|
+
"gulp-print": "^5.0.2",
|
|
42
|
+
"gulp-rename": "^2.0.0",
|
|
43
|
+
"gulp-sequence": "^1.0.0",
|
|
44
|
+
"gulp-uglify": "^3.0.2",
|
|
45
|
+
"gulp4-run-sequence": "^1.0.1",
|
|
46
|
+
"jshint": "^2.12.0"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
@keyframes spin {
|
|
2
|
+
0% {
|
|
3
|
+
transform: translateZ(0) rotate(0);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
100% {
|
|
7
|
+
transform: translateZ(0) rotate(360deg);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.freeze-ui {
|
|
12
|
+
position: fixed;
|
|
13
|
+
top: 0;
|
|
14
|
+
left: 0;
|
|
15
|
+
width: 100%;
|
|
16
|
+
height: 100%;
|
|
17
|
+
z-index: 999999999;
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
opacity: 0.8;
|
|
20
|
+
transition: opacity 0.25s;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.freeze-ui.is-unfreezing {
|
|
24
|
+
opacity: 0;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.freeze-ui:after {
|
|
28
|
+
content: attr(data-text);
|
|
29
|
+
display: block;
|
|
30
|
+
max-width: 125px;
|
|
31
|
+
position: absolute;
|
|
32
|
+
top: 50%;
|
|
33
|
+
left: 50%;
|
|
34
|
+
transform: translate(-50%, -50%);
|
|
35
|
+
font-size: 20px;
|
|
36
|
+
font-family: sans-serif;
|
|
37
|
+
color: #343a40;
|
|
38
|
+
text-align: center;
|
|
39
|
+
text-transform: uppercase;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.freeze-ui:before {
|
|
43
|
+
content: "";
|
|
44
|
+
display: block;
|
|
45
|
+
width: 75px;
|
|
46
|
+
height: 75px;
|
|
47
|
+
border-radius: 50%;
|
|
48
|
+
border-width: 2px;
|
|
49
|
+
border-style: solid;
|
|
50
|
+
border-color: transparent #228ae6 #228ae6;
|
|
51
|
+
position: absolute;
|
|
52
|
+
top: calc(50% - 75px);
|
|
53
|
+
left: calc(50% - 75px);
|
|
54
|
+
will-change: transform;
|
|
55
|
+
animation: spin 0.75s infinite ease-in-out;
|
|
56
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
// taken from https://raw.githubusercontent.com/alexradulescu/FreezeUI and modified
|
|
2
|
+
(function () {
|
|
3
|
+
var freezeHtml = document.createElement("div");
|
|
4
|
+
freezeHtml.classList.add("freeze-ui");
|
|
5
|
+
|
|
6
|
+
freezedItems = [];
|
|
7
|
+
|
|
8
|
+
getSelector = function(selector) {
|
|
9
|
+
return selector ? selector : "body";
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
normalizeFreezeDelay = function(delay) {
|
|
13
|
+
return delay ? delay : 250;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
shouldFreezeItem = function (selector) {
|
|
17
|
+
itemSelector = getSelector(selector);
|
|
18
|
+
return freezedItems.indexOf(itemSelector) >= 0;
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
addFreezedItem = function(selector) {
|
|
22
|
+
itemSelector = getSelector(selector);
|
|
23
|
+
freezedItems.push(itemSelector);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
removeFreezedItem = function(selector) {
|
|
27
|
+
itemSelector = getSelector(selector);
|
|
28
|
+
for (i = 0; i < freezedItems.length; i++) {
|
|
29
|
+
if (freezedItems[i] === itemSelector) {
|
|
30
|
+
freezedItems.splice(i, 1);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
window.FreezeUI = function(options) {
|
|
36
|
+
addFreezedItem(options.selector);
|
|
37
|
+
delay = normalizeFreezeDelay(options.delay);
|
|
38
|
+
|
|
39
|
+
setTimeout(function(){
|
|
40
|
+
if (!shouldFreezeItem(options.selector)) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
var parent;
|
|
45
|
+
if (options.element) {
|
|
46
|
+
parent = options.element;
|
|
47
|
+
} else {
|
|
48
|
+
parent = document.querySelector(options.selector) || document.body;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
freezeHtml.setAttribute("data-text", options.text || "Loading");
|
|
52
|
+
|
|
53
|
+
if (document.querySelector(options.selector) || options.element) {
|
|
54
|
+
freezeHtml.style.position = "absolute";
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
parent.appendChild(freezeHtml);
|
|
58
|
+
}, delay);
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
window.UnFreezeUI = function(options) {
|
|
62
|
+
removeFreezedItem(options.selector);
|
|
63
|
+
delay = normalizeFreezeDelay(options.delay) + 250;
|
|
64
|
+
|
|
65
|
+
setTimeout(function() {
|
|
66
|
+
var freezeHtml;
|
|
67
|
+
if (options.element) {
|
|
68
|
+
freezeHtml = options.element.querySelector(".freeze-ui");
|
|
69
|
+
} else {
|
|
70
|
+
freezeHtml = document.querySelector(".freeze-ui");
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
if (freezeHtml) {
|
|
74
|
+
freezeHtml.classList.remove("is-unfreezing");
|
|
75
|
+
if (freezeHtml.parentElement) {
|
|
76
|
+
freezeHtml.parentElement.removeChild(freezeHtml);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}, delay);
|
|
80
|
+
};
|
|
81
|
+
})();
|