add documentation website to repo

This commit is contained in:
Rene Haas
2022-10-14 11:50:29 +02:00
parent 76f0ebdb08
commit ca54bad7f0
152 changed files with 0 additions and 0 deletions
+1823
View File
File diff suppressed because it is too large Load Diff
+224
View File
@@ -0,0 +1,224 @@
window._framework.defaultPagePath = 'options';
$('#radio-domelements-standard').on('radioon', function() {
$('.domelements-wrapper').removeClass('domelements-wrapper-textarea').addClass('domelements-wrapper-standard');
});
$('#radio-domelements-textarea').on('radioon', function() {
$('.domelements-wrapper').removeClass('domelements-wrapper-standard').addClass('domelements-wrapper-textarea');
});
$('#builtinthemes-theme-demo-none').overlayScrollbars({ className : null, paddingAbsolute : true, resize : "both" });
$('#builtinthemes-theme-demo-dark').overlayScrollbars({ className : 'os-theme-dark', paddingAbsolute : true, resize : "both" });
$('#builtinthemes-theme-demo-light').overlayScrollbars({ className : 'os-theme-light', paddingAbsolute : true, resize : "both" });
$('#themesandstyling-styling-handle-length-target').overlayScrollbars({ className : 'os-theme-dark limited-handles', paddingAbsolute : true, resize : "both" });
$('#themesandstyling-styling-scrollbar-position-target').overlayScrollbars({ className : 'os-theme-dark deviant-scrollbars', paddingAbsolute : true, resize : "both" });
var classnamesDomDraftScrollbar = '.classnames-scrollbars-domdraft-element-scrollbar';
var classnamesDesignDraftScrollbar = '.classnames-scrollbars-designdraft-scrollbar';
var classnamesDomDraftScrollbarTrack = '.classnames-scrollbars-domdraft-element-scrollbar-track';
var classnamesDesignDraftScrollbarTrack = '.classnames-scrollbars-designdraft-scrollbar-track';
var classnamesDomDraftScrollbarHandle = '.classnames-scrollbars-domdraft-element-scrollbar-handle';
var classnamesDesignDraftScrollbarHandle = '.classnames-scrollbars-designdraft-scrollbar-handle';
var classnamesDomDraftScrollbarCorner = '.classnames-scrollbars-domdraft-element-corner';
var classnamesDesignDraftScrollbarCorner = '.classnames-scrollbars-designdraft-corner';
var strActive = 'active';
$(classnamesDesignDraftScrollbar + ', ' + classnamesDomDraftScrollbar).on('mouseover', function(e) {
$(classnamesDesignDraftScrollbar).addClass(strActive);
$(classnamesDomDraftScrollbar).addClass(strActive);
e.stopPropagation();
e.preventDefault();
}).on('mouseout', function() {
$(classnamesDesignDraftScrollbar).removeClass(strActive);
$(classnamesDomDraftScrollbar).removeClass(strActive);
});
$(classnamesDesignDraftScrollbarTrack + ', ' + classnamesDomDraftScrollbarTrack).on('mouseover', function(e) {
$(classnamesDesignDraftScrollbarTrack).addClass(strActive);
$(classnamesDomDraftScrollbarTrack).addClass(strActive);
e.stopPropagation();
e.preventDefault();
}).on('mouseout', function() {
$(classnamesDesignDraftScrollbarTrack).removeClass(strActive);
$(classnamesDomDraftScrollbarTrack).removeClass(strActive);
});
$(classnamesDesignDraftScrollbarHandle + ', ' + classnamesDomDraftScrollbarHandle).on('mouseover', function(e) {
$(classnamesDesignDraftScrollbarHandle).addClass(strActive);
$(classnamesDomDraftScrollbarHandle).addClass(strActive);
e.stopPropagation();
e.preventDefault();
}).on('mouseout', function() {
$(classnamesDesignDraftScrollbarHandle).removeClass(strActive);
$(classnamesDomDraftScrollbarHandle).removeClass(strActive);
});
$(classnamesDesignDraftScrollbarCorner + ', ' + classnamesDomDraftScrollbarCorner).on('mouseover', function(e) {
$(classnamesDesignDraftScrollbarCorner).addClass(strActive);
$(classnamesDomDraftScrollbarCorner).addClass(strActive);
e.stopPropagation();
e.preventDefault();
}).on('mouseout', function() {
$(classnamesDesignDraftScrollbarCorner).removeClass(strActive);
$(classnamesDomDraftScrollbarCorner).removeClass(strActive);
});
OverlayScrollbars.extension("myBasicExtension", function(defaultOptions, framework, compatibility) {
var osInstance = this;
var extInstance = { };
var handleElmHorizontal;
var handleElmVertical;
extInstance.added = function() {
var instanceElements = osInstance.getElements();
var scrollbarHorizontalHandle = instanceElements.scrollbarHorizontal.handle;
var scrollbarVerticalHandle = instanceElements.scrollbarVertical.handle;
var html = '<div style="height: 100%; width: 100%; background: red;"></div>';
handleElmHorizontal = framework(html);
handleElmVertical = framework(html);
framework(scrollbarHorizontalHandle).append(handleElmHorizontal);
framework(scrollbarVerticalHandle).append(handleElmVertical);
}
extInstance.removed = function() {
handleElmHorizontal.remove();
handleElmVertical.remove();
}
return extInstance;
});
var basicExtensionTarget = $('#extensions-createextensions-basic-target').overlayScrollbars({ paddingAbsolute : true }).overlayScrollbars();
$('#extensions-createextensions-basic-target-add').on('click', function() {
basicExtensionTarget.addExt("myBasicExtension");
});
$('#extensions-createextensions-basic-target-remove').on('click', function() {
basicExtensionTarget.removeExt("myBasicExtension");
});
OverlayScrollbars.extension("myAdvancedExtension", function(defaultOptions, framework, compatibility) {
var osInstance = this;
var extInstance = { };
var trackElmHorizontal;
var trackElmHorizontal2;
var trackElmVertical;
var trackElmVertical2;
//add the divs after the extension has been added to a instance
extInstance.added = function(options) {
//extend the defaultOptions with the passed options
//to determine the correct color
var parsedOptions = framework.extend(true, { }, defaultOptions, options);
var instanceElements = osInstance.getElements();
var scrollbarHorizontalHandle = instanceElements.scrollbarHorizontal.track;
var scrollbarVerticalHandle = instanceElements.scrollbarVertical.track;
var html = '<div style="height: 100%; width: 100%; top: 0; left: 0; position: absolute;"></div>';
var sInfo = osInstance.scroll();
trackElmHorizontal = framework(html).css({
background : parsedOptions.color,
width : sInfo.handleOffset.x
});
trackElmHorizontal2 = framework(html).css({
background : parsedOptions.color,
width : sInfo.trackLength.x - (sInfo.handleOffset.x + sInfo.handleLength.x),
left : sInfo.handleOffset.x + sInfo.handleLength.x
});
trackElmVertical = framework(html).css({
background : parsedOptions.color,
height : sInfo.handleOffset.y
});
trackElmVertical2 = framework(html).css({
background : parsedOptions.color,
height : sInfo.trackLength.y - (sInfo.handleOffset.y + sInfo.handleLength.y),
top : sInfo.handleOffset.y + sInfo.handleLength.y
});
framework(scrollbarHorizontalHandle).append([trackElmHorizontal, trackElmHorizontal2])
framework(scrollbarVerticalHandle).append([trackElmVertical, trackElmVertical2]);
}
//remove the divs after the extension has been removed from a instance
extInstance.removed = function() {
trackElmHorizontal.remove();
trackElmHorizontal2.remove();
trackElmVertical.remove();
trackElmVertical2.remove();
}
//hide the custom divs during scrolling
extInstance.on = function(callbackName, args) {
switch(callbackName) {
case "scroll":
var sInfo = osInstance.scroll();
trackElmHorizontal.css({
width : sInfo.handleOffset.x
});
trackElmHorizontal2.css({
width : sInfo.trackLength.x - (sInfo.handleOffset.x + sInfo.handleLength.x),
left : sInfo.handleOffset.x + sInfo.handleLength.x
});
trackElmVertical.css({
height : sInfo.handleOffset.y
});
trackElmVertical2.css({
height : sInfo.trackLength.y - (sInfo.handleOffset.y + sInfo.handleLength.y),
top : sInfo.handleOffset.y + sInfo.handleLength.y
});
break;
}
}
//a custom method which changes the colors of the added divs
extInstance.changeColor = function(color) {
trackElmHorizontal.css("background", color);
trackElmHorizontal2.css("background", color);
trackElmVertical.css("background", color);
trackElmVertical2.css("background", color);
}
return extInstance;
}, { //defaultOptions:
color : "orange"
});
var advancedExtensionTarget = $('#extensions-createextensions-advanced-target').overlayScrollbars({
paddingAbsolute : true,
scrollbars : {
clickScrolling : true
}
}).overlayScrollbars();
$('#extensions-createextensions-advanced-target-add').on('click', function() {
advancedExtensionTarget.addExt("myAdvancedExtension");
});
$('#extensions-createextensions-advanced-target-add-pink').on('click', function() {
advancedExtensionTarget.addExt("myAdvancedExtension", { color : "DodgerBlue" });
});
$('#extensions-createextensions-advanced-target-changeColor').on('click', function() {
try {
advancedExtensionTarget.ext("myAdvancedExtension").changeColor("Crimson");
} catch(ex) {
console.error(ex);
}
});
$('#extensions-createextensions-advanced-target-changeColor-two').on('click', function() {
try {
advancedExtensionTarget.ext("myAdvancedExtension").changeColor("GreenYellow");
} catch(ex) {
console.error(ex);
}
});
$('#extensions-createextensions-advanced-target-remove').on('click', function() {
advancedExtensionTarget.removeExt("myAdvancedExtension");
});
+98
View File
@@ -0,0 +1,98 @@
var githubApi = "https://api.github.com/";
var githubOSExtensionsSearchQuery = "search/repositories?q=topic:overlayscrollbars-extension+language:javascript+language:typescript";
var approvedExtensions = {
"OverlayScrollbarsChat" : { },
"os-scroll-chain" : { }
}
var pageCache = window.localStorage;
var pageCacheName = hasher.getURL();
var pageCacheGithubProperty = "github";
var cache = pageCache ? JSON.parse(pageCache.getItem(pageCacheName)) : null;
var refreshGithubCache = true;
var refreshGithubCacheMinsDiff = 60;
var githubCache = { };
if(cache !== null) {
if(cache.hasOwnProperty(pageCacheGithubProperty)) {
githubCache = cache[pageCacheGithubProperty];
refreshGithubCache = dayjs().diff(githubCache.timestamp, 'minutes', true) > refreshGithubCacheMinsDiff;
}
}
if(refreshGithubCache) {
var deferred = $.get({
url : githubApi + githubOSExtensionsSearchQuery,
success : function(data) {
var filteredCache = {
extensions : [ ]
};
$.each(data.items, function(key, value) {
var approved = false;
$.each(approvedExtensions, function(approvedKey, approvedObj) {
if(approvedKey === value.name) {
approved = true;
return false;
}
});
if(approved)
filteredCache.extensions.push(value);
});
githubCache = filteredCache;
},
error : function(e) {
githubCache = githubCache;
}
});
$.when(deferred).always(function() {
githubCache.timestamp = dayjs().valueOf();
if(pageCache) {
var obj = { };
obj[pageCacheGithubProperty] = githubCache;
pageCache.setItem(pageCacheName, JSON.stringify(obj));
}
insertGithubData(githubCache);
});
}
else {
insertGithubData(githubCache);
}
function insertGithubData(data) {
var count = $('#extensions-count');
var refreshed = $('#extensions-refreshed');
var list = $('#extensions-list');
if(!data || $.isEmptyObject(data) || data.extensions === undefined || data.extensions.length < 1) {
count.text('No Extensions found');
}
else {
refreshed.text('Refreshed on: ' + dayjs(data.timestamp).format('MM.DD.YYYY : HH:mm:ss'));
count.text(data.extensions.length + ' Extensions found:');
$.each(data.extensions, function(index, value) {
var itemTemplate = '<div class="extensions-list-item">';
itemTemplate += '<div class="extensions-list-item-name">';
itemTemplate += '<a href="' + value.html_url + '" target="_blank">' + value.name + '</a>';
itemTemplate += '</div>';
itemTemplate += '<div class="extensions-list-item-description">';
itemTemplate += value.description;
itemTemplate += '</div>';
itemTemplate += '<div class="extensions-list-item-author">';
itemTemplate += '<img src="' + value.owner.avatar_url + '"><a href="' + value.owner.html_url + '" target="_blank">' + value.owner.login + '</a>';
itemTemplate += '</div>';
itemTemplate += '<div class="extensions-list-item-infos">';
itemTemplate += '<div>';
itemTemplate += 'Updated ' + dayjs(value.updated_at).format('MM.DD.YYYY');
itemTemplate += '</div>';
itemTemplate += '<div>';
itemTemplate += value.stargazers_count + ' stars';
itemTemplate += '</div>';
itemTemplate += '</div>';
itemTemplate += '</div>';
list.append(itemTemplate);
});
}
}
+158
View File
@@ -0,0 +1,158 @@
$('#faq-click-scrolling-target').overlayScrollbars({ resize : 'both', paddingAbsolute : true, scrollbars : { clickScrolling : true }});
$('#faq-scrollbar-outside-absolute-target').overlayScrollbars({ paddingAbsolute : true });
$('#faq-scrollbar-outside-relative-target').overlayScrollbars({ paddingAbsolute : false });
$('.split-table').each(function() {
var elm = $(this);
var templateTable = elm.find('table').first();
var sideHead = elm.find('.split-table-side-head').first();
var sideBody = elm.find('.split-table-side-body').first();
var mainHead = elm.find('.split-table-main-head').first();
var mainBody = elm.find('.split-table-main-body').first();
sideHead.append(templateTable.clone());
sideBody.append(templateTable.clone());
mainHead.append(templateTable.clone());
mainBody.append(templateTable.clone());
var osSideBody = sideBody.overlayScrollbars({
paddingAbsolute : true,
overflowBehavior : {
x : 'hidden',
y : 'hidden',
},
scrollbars : {
visibility : 'hidden',
}
}).overlayScrollbars();
var osMainHead = mainHead.overlayScrollbars({
overflowBehavior : {
x : 'hidden',
y : 'hidden',
},
scrollbars : {
visibility : 'hidden',
}
}).overlayScrollbars();
var osMainBody = mainBody.overlayScrollbars({
resize : 'v',
paddingAbsolute : true,
callbacks : {
onHostSizeChanged : function(e) {
sideBody.css("height", e.height);
},
onScroll : function() {
osMainHead.scroll({ x : this.scroll().position.x });
osSideBody.scroll({ y : this.scroll().position.y });
}
}
}).overlayScrollbars();
});
$('[data-tooltip]').each(function() {
var el = this;
var tt = $(this).find('.tooltip').first();
tippy(this, {
html : tt[0],
arrow : true,
interactive: tt.find('a').length > 0,
})
});
var githubApi = "https://api.github.com/";
var githubInfosTemplate = {
overlayscrollbars : githubApi + "repos/kingsora/overlayscrollbars",
simplebar : githubApi + "repos/Grsmto/simplebar",
perfectscrollbar : githubApi + "repos/utatti/perfect-scrollbar",
geminiscrollbar : githubApi + "repos/noeldelgado/gemini-scrollbar",
nanoscrollerjs : githubApi + "repos/jamesflorentino/nanoScrollerJS",
smoothscrollbar : githubApi + "repos/idiotWu/smooth-scrollbar",
optiscroll : githubApi + "repos/albertogasparin/Optiscroll",
nicescroll : githubApi + "repos/inuyaksa/jquery.nicescroll",
malihu : githubApi + "repos/malihu/malihu-custom-scrollbar-plugin",
jscrollpane : githubApi + "repos/vitch/jScrollPane"
}
var pageCache = window.localStorage;
var pageCacheName = hasher.getURL();
var pageCacheGithubProperty = "github";
var cache = pageCache ? JSON.parse(pageCache.getItem(pageCacheName)) : null;
var refreshGithubCache = true;
var refreshGithubCacheMinsDiff = 60 * 12;
var githubCache = { };
if(cache !== null) {
if(cache.hasOwnProperty(pageCacheGithubProperty)) {
githubCache = cache[pageCacheGithubProperty];
refreshGithubCache = dayjs().diff(githubCache.timestamp, 'minutes', true) > refreshGithubCacheMinsDiff;
}
}
if(refreshGithubCache) {
var myArr = [ ];
$.each(githubInfosTemplate, function(key, value) {
myArr.push($.get({
url : value,
success : function(data) {
githubCache[key] = data;
},
error : function(e) {
githubCache[key] = githubCache[key];
}
}));
});
$.when.apply($, myArr).always(function() {
githubCache.timestamp = dayjs().valueOf();
if(pageCache) {
var obj = { };
obj[pageCacheGithubProperty] = githubCache;
pageCache.setItem(pageCacheName, JSON.stringify(obj));
}
insertGithubData(githubCache);
})
}
else {
insertGithubData(githubCache);
}
function insertGithubData(data) {
var unknown = '<i class="mdi mdi-help-circle txtc-light"></i>';
$('#github-infos-timestamp').html(dayjs(data.timestamp).format('MMMM DD, YYYY - HH:mm'))
$.each(data, function(key, value) {
if($.isPlainObject(value)) {
$('.' + key + '-stars').html(value.stargazers_count);
$('.' + key + '-open-issues').html(value.open_issues_count);
$('.' + key + '-created').html(dayjs().diff(dayjs(value.created_at), 'months') + " months ago");
$('.' + key + '-archived').html(value.archived ? "Yes" : "No");
var license = value.license;
if(license && value.license.spdx_id != null)
license = value.license.spdx_id;
else
license = unknown;
$('.' + key + '-license').html(license);
}
else {
$('.' + key + '-stars').html(unknown);
$('.' + key + '-open-issues').html(unknown);
$('.' + key + '-created').html(unknown);
$('.' + key + '-archived').html(unknown);
$('.' + key + '-license').html(unknown);
}
});
$('#faq-comparison-table .mdi.mdi-loading.mdi-spin').each(function() {
var el = this;
var parent = $(el).parent();
parent.html(unknown);
});
}
$('.split-table-expand').on('click', function() {
var elm = $(this);
var icon = elm.find('i').first();
if(icon.hasClass('mdi-arrow-expand')) {
icon.removeClass('mdi-arrow-expand').addClass('mdi-arrow-collapse');
$('#faq-comparison-table').parent().css({ display: 'table', width : 'auto', margin : '0px auto' });
}
else {
icon.removeClass('mdi-arrow-collapse').addClass('mdi-arrow-expand');
$('#faq-comparison-table').parent().css({ display: '', width : '', margin : '' });
}
});
+1
View File
@@ -0,0 +1 @@
undefined
+49
View File
@@ -0,0 +1,49 @@
$('#os-theme-dark').overlayScrollbars({
className : 'os-theme-dark',
paddingAbsolute : true
});
$('#os-theme-light').overlayScrollbars({
className : 'os-theme-light',
paddingAbsolute : true
});
$('#os-theme-minimal-dark').overlayScrollbars({
className : 'os-theme-minimal-dark',
paddingAbsolute : true
});
$('#os-theme-minimal-light').overlayScrollbars({
className : 'os-theme-minimal-light',
paddingAbsolute : true
});
$('#os-theme-thin-dark').overlayScrollbars({
className : 'os-theme-thin-dark',
paddingAbsolute : true
});
$('#os-theme-thin-light').overlayScrollbars({
className : 'os-theme-thin-light',
paddingAbsolute : true
});
$('#os-theme-thick-dark').overlayScrollbars({
className : 'os-theme-thick-dark',
paddingAbsolute : true
});
$('#os-theme-thick-light').overlayScrollbars({
className : 'os-theme-thick-light',
paddingAbsolute : true
});
$('#os-theme-round-dark').overlayScrollbars({
className : 'os-theme-round-dark',
paddingAbsolute : true
});
$('#os-theme-round-light').overlayScrollbars({
className : 'os-theme-round-light',
paddingAbsolute : true
});
$('#os-theme-block-dark').overlayScrollbars({
className : 'os-theme-block-dark',
paddingAbsolute : true
});
$('#os-theme-block-light').overlayScrollbars({
className : 'os-theme-block-light',
paddingAbsolute : true
});