mirror of
https://github.com/stisla/stisla.git
synced 2025-08-31 03:50:11 +02:00
update index
This commit is contained in:
Muhamad Nauval Azhar
599
0.js
Normal file
599
0.js
Normal file
@@ -0,0 +1,599 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[0],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/css-loader/lib/css-base.js":
|
||||||
|
/*!*************************************************!*\
|
||||||
|
!*** ./node_modules/css-loader/lib/css-base.js ***!
|
||||||
|
\*************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports) {
|
||||||
|
|
||||||
|
/*
|
||||||
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||||
|
Author Tobias Koppers @sokra
|
||||||
|
*/
|
||||||
|
// css base code, injected by the css-loader
|
||||||
|
module.exports = function(useSourceMap) {
|
||||||
|
var list = [];
|
||||||
|
|
||||||
|
// return the list of modules as css string
|
||||||
|
list.toString = function toString() {
|
||||||
|
return this.map(function (item) {
|
||||||
|
var content = cssWithMappingToString(item, useSourceMap);
|
||||||
|
if(item[2]) {
|
||||||
|
return "@media " + item[2] + "{" + content + "}";
|
||||||
|
} else {
|
||||||
|
return content;
|
||||||
|
}
|
||||||
|
}).join("");
|
||||||
|
};
|
||||||
|
|
||||||
|
// import a list of modules into the list
|
||||||
|
list.i = function(modules, mediaQuery) {
|
||||||
|
if(typeof modules === "string")
|
||||||
|
modules = [[null, modules, ""]];
|
||||||
|
var alreadyImportedModules = {};
|
||||||
|
for(var i = 0; i < this.length; i++) {
|
||||||
|
var id = this[i][0];
|
||||||
|
if(typeof id === "number")
|
||||||
|
alreadyImportedModules[id] = true;
|
||||||
|
}
|
||||||
|
for(i = 0; i < modules.length; i++) {
|
||||||
|
var item = modules[i];
|
||||||
|
// skip already imported module
|
||||||
|
// this implementation is not 100% perfect for weird media query combinations
|
||||||
|
// when a module is imported multiple times with different media queries.
|
||||||
|
// I hope this will never occur (Hey this way we have smaller bundles)
|
||||||
|
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
|
||||||
|
if(mediaQuery && !item[2]) {
|
||||||
|
item[2] = mediaQuery;
|
||||||
|
} else if(mediaQuery) {
|
||||||
|
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
|
||||||
|
}
|
||||||
|
list.push(item);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return list;
|
||||||
|
};
|
||||||
|
|
||||||
|
function cssWithMappingToString(item, useSourceMap) {
|
||||||
|
var content = item[1] || '';
|
||||||
|
var cssMapping = item[3];
|
||||||
|
if (!cssMapping) {
|
||||||
|
return content;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (useSourceMap && typeof btoa === 'function') {
|
||||||
|
var sourceMapping = toComment(cssMapping);
|
||||||
|
var sourceURLs = cssMapping.sources.map(function (source) {
|
||||||
|
return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
|
||||||
|
});
|
||||||
|
|
||||||
|
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
|
||||||
|
}
|
||||||
|
|
||||||
|
return [content].join('\n');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Adapted from convert-source-map (MIT)
|
||||||
|
function toComment(sourceMap) {
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
|
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
|
||||||
|
var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
|
||||||
|
|
||||||
|
return '/*# ' + data + ' */';
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/style-loader/lib/addStyles.js":
|
||||||
|
/*!****************************************************!*\
|
||||||
|
!*** ./node_modules/style-loader/lib/addStyles.js ***!
|
||||||
|
\****************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
/*
|
||||||
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
||||||
|
Author Tobias Koppers @sokra
|
||||||
|
*/
|
||||||
|
|
||||||
|
var stylesInDom = {};
|
||||||
|
|
||||||
|
var memoize = function (fn) {
|
||||||
|
var memo;
|
||||||
|
|
||||||
|
return function () {
|
||||||
|
if (typeof memo === "undefined") memo = fn.apply(this, arguments);
|
||||||
|
return memo;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var isOldIE = memoize(function () {
|
||||||
|
// Test for IE <= 9 as proposed by Browserhacks
|
||||||
|
// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
|
||||||
|
// Tests for existence of standard globals is to allow style-loader
|
||||||
|
// to operate correctly into non-standard environments
|
||||||
|
// @see https://github.com/webpack-contrib/style-loader/issues/177
|
||||||
|
return window && document && document.all && !window.atob;
|
||||||
|
});
|
||||||
|
|
||||||
|
var getTarget = function (target, parent) {
|
||||||
|
if (parent){
|
||||||
|
return parent.querySelector(target);
|
||||||
|
}
|
||||||
|
return document.querySelector(target);
|
||||||
|
};
|
||||||
|
|
||||||
|
var getElement = (function (fn) {
|
||||||
|
var memo = {};
|
||||||
|
|
||||||
|
return function(target, parent) {
|
||||||
|
// If passing function in options, then use it for resolve "head" element.
|
||||||
|
// Useful for Shadow Root style i.e
|
||||||
|
// {
|
||||||
|
// insertInto: function () { return document.querySelector("#foo").shadowRoot }
|
||||||
|
// }
|
||||||
|
if (typeof target === 'function') {
|
||||||
|
return target();
|
||||||
|
}
|
||||||
|
if (typeof memo[target] === "undefined") {
|
||||||
|
var styleTarget = getTarget.call(this, target, parent);
|
||||||
|
// Special case to return head of iframe instead of iframe itself
|
||||||
|
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
|
||||||
|
try {
|
||||||
|
// This will throw an exception if access to iframe is blocked
|
||||||
|
// due to cross-origin restrictions
|
||||||
|
styleTarget = styleTarget.contentDocument.head;
|
||||||
|
} catch(e) {
|
||||||
|
styleTarget = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
memo[target] = styleTarget;
|
||||||
|
}
|
||||||
|
return memo[target]
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
var singleton = null;
|
||||||
|
var singletonCounter = 0;
|
||||||
|
var stylesInsertedAtTop = [];
|
||||||
|
|
||||||
|
var fixUrls = __webpack_require__(/*! ./urls */ "./node_modules/style-loader/lib/urls.js");
|
||||||
|
|
||||||
|
module.exports = function(list, options) {
|
||||||
|
if (typeof DEBUG !== "undefined" && DEBUG) {
|
||||||
|
if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
|
||||||
|
}
|
||||||
|
|
||||||
|
options = options || {};
|
||||||
|
|
||||||
|
options.attrs = typeof options.attrs === "object" ? options.attrs : {};
|
||||||
|
|
||||||
|
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
|
||||||
|
// tags it will allow on a page
|
||||||
|
if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
|
||||||
|
|
||||||
|
// By default, add <style> tags to the <head> element
|
||||||
|
if (!options.insertInto) options.insertInto = "head";
|
||||||
|
|
||||||
|
// By default, add <style> tags to the bottom of the target
|
||||||
|
if (!options.insertAt) options.insertAt = "bottom";
|
||||||
|
|
||||||
|
var styles = listToStyles(list, options);
|
||||||
|
|
||||||
|
addStylesToDom(styles, options);
|
||||||
|
|
||||||
|
return function update (newList) {
|
||||||
|
var mayRemove = [];
|
||||||
|
|
||||||
|
for (var i = 0; i < styles.length; i++) {
|
||||||
|
var item = styles[i];
|
||||||
|
var domStyle = stylesInDom[item.id];
|
||||||
|
|
||||||
|
domStyle.refs--;
|
||||||
|
mayRemove.push(domStyle);
|
||||||
|
}
|
||||||
|
|
||||||
|
if(newList) {
|
||||||
|
var newStyles = listToStyles(newList, options);
|
||||||
|
addStylesToDom(newStyles, options);
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var i = 0; i < mayRemove.length; i++) {
|
||||||
|
var domStyle = mayRemove[i];
|
||||||
|
|
||||||
|
if(domStyle.refs === 0) {
|
||||||
|
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
|
||||||
|
|
||||||
|
delete stylesInDom[domStyle.id];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
function addStylesToDom (styles, options) {
|
||||||
|
for (var i = 0; i < styles.length; i++) {
|
||||||
|
var item = styles[i];
|
||||||
|
var domStyle = stylesInDom[item.id];
|
||||||
|
|
||||||
|
if(domStyle) {
|
||||||
|
domStyle.refs++;
|
||||||
|
|
||||||
|
for(var j = 0; j < domStyle.parts.length; j++) {
|
||||||
|
domStyle.parts[j](item.parts[j]);
|
||||||
|
}
|
||||||
|
|
||||||
|
for(; j < item.parts.length; j++) {
|
||||||
|
domStyle.parts.push(addStyle(item.parts[j], options));
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
var parts = [];
|
||||||
|
|
||||||
|
for(var j = 0; j < item.parts.length; j++) {
|
||||||
|
parts.push(addStyle(item.parts[j], options));
|
||||||
|
}
|
||||||
|
|
||||||
|
stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function listToStyles (list, options) {
|
||||||
|
var styles = [];
|
||||||
|
var newStyles = {};
|
||||||
|
|
||||||
|
for (var i = 0; i < list.length; i++) {
|
||||||
|
var item = list[i];
|
||||||
|
var id = options.base ? item[0] + options.base : item[0];
|
||||||
|
var css = item[1];
|
||||||
|
var media = item[2];
|
||||||
|
var sourceMap = item[3];
|
||||||
|
var part = {css: css, media: media, sourceMap: sourceMap};
|
||||||
|
|
||||||
|
if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
|
||||||
|
else newStyles[id].parts.push(part);
|
||||||
|
}
|
||||||
|
|
||||||
|
return styles;
|
||||||
|
}
|
||||||
|
|
||||||
|
function insertStyleElement (options, style) {
|
||||||
|
var target = getElement(options.insertInto)
|
||||||
|
|
||||||
|
if (!target) {
|
||||||
|
throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
|
||||||
|
}
|
||||||
|
|
||||||
|
var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
|
||||||
|
|
||||||
|
if (options.insertAt === "top") {
|
||||||
|
if (!lastStyleElementInsertedAtTop) {
|
||||||
|
target.insertBefore(style, target.firstChild);
|
||||||
|
} else if (lastStyleElementInsertedAtTop.nextSibling) {
|
||||||
|
target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
|
||||||
|
} else {
|
||||||
|
target.appendChild(style);
|
||||||
|
}
|
||||||
|
stylesInsertedAtTop.push(style);
|
||||||
|
} else if (options.insertAt === "bottom") {
|
||||||
|
target.appendChild(style);
|
||||||
|
} else if (typeof options.insertAt === "object" && options.insertAt.before) {
|
||||||
|
var nextSibling = getElement(options.insertAt.before, target);
|
||||||
|
target.insertBefore(style, nextSibling);
|
||||||
|
} else {
|
||||||
|
throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeStyleElement (style) {
|
||||||
|
if (style.parentNode === null) return false;
|
||||||
|
style.parentNode.removeChild(style);
|
||||||
|
|
||||||
|
var idx = stylesInsertedAtTop.indexOf(style);
|
||||||
|
if(idx >= 0) {
|
||||||
|
stylesInsertedAtTop.splice(idx, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function createStyleElement (options) {
|
||||||
|
var style = document.createElement("style");
|
||||||
|
|
||||||
|
if(options.attrs.type === undefined) {
|
||||||
|
options.attrs.type = "text/css";
|
||||||
|
}
|
||||||
|
|
||||||
|
if(options.attrs.nonce === undefined) {
|
||||||
|
var nonce = getNonce();
|
||||||
|
if (nonce) {
|
||||||
|
options.attrs.nonce = nonce;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
addAttrs(style, options.attrs);
|
||||||
|
insertStyleElement(options, style);
|
||||||
|
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createLinkElement (options) {
|
||||||
|
var link = document.createElement("link");
|
||||||
|
|
||||||
|
if(options.attrs.type === undefined) {
|
||||||
|
options.attrs.type = "text/css";
|
||||||
|
}
|
||||||
|
options.attrs.rel = "stylesheet";
|
||||||
|
|
||||||
|
addAttrs(link, options.attrs);
|
||||||
|
insertStyleElement(options, link);
|
||||||
|
|
||||||
|
return link;
|
||||||
|
}
|
||||||
|
|
||||||
|
function addAttrs (el, attrs) {
|
||||||
|
Object.keys(attrs).forEach(function (key) {
|
||||||
|
el.setAttribute(key, attrs[key]);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function getNonce() {
|
||||||
|
if (false) {}
|
||||||
|
|
||||||
|
return __webpack_require__.nc;
|
||||||
|
}
|
||||||
|
|
||||||
|
function addStyle (obj, options) {
|
||||||
|
var style, update, remove, result;
|
||||||
|
|
||||||
|
// If a transform function was defined, run it on the css
|
||||||
|
if (options.transform && obj.css) {
|
||||||
|
result = typeof options.transform === 'function'
|
||||||
|
? options.transform(obj.css)
|
||||||
|
: options.transform.default(obj.css);
|
||||||
|
|
||||||
|
if (result) {
|
||||||
|
// If transform returns a value, use that instead of the original css.
|
||||||
|
// This allows running runtime transformations on the css.
|
||||||
|
obj.css = result;
|
||||||
|
} else {
|
||||||
|
// If the transform function returns a falsy value, don't add this css.
|
||||||
|
// This allows conditional loading of css
|
||||||
|
return function() {
|
||||||
|
// noop
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (options.singleton) {
|
||||||
|
var styleIndex = singletonCounter++;
|
||||||
|
|
||||||
|
style = singleton || (singleton = createStyleElement(options));
|
||||||
|
|
||||||
|
update = applyToSingletonTag.bind(null, style, styleIndex, false);
|
||||||
|
remove = applyToSingletonTag.bind(null, style, styleIndex, true);
|
||||||
|
|
||||||
|
} else if (
|
||||||
|
obj.sourceMap &&
|
||||||
|
typeof URL === "function" &&
|
||||||
|
typeof URL.createObjectURL === "function" &&
|
||||||
|
typeof URL.revokeObjectURL === "function" &&
|
||||||
|
typeof Blob === "function" &&
|
||||||
|
typeof btoa === "function"
|
||||||
|
) {
|
||||||
|
style = createLinkElement(options);
|
||||||
|
update = updateLink.bind(null, style, options);
|
||||||
|
remove = function () {
|
||||||
|
removeStyleElement(style);
|
||||||
|
|
||||||
|
if(style.href) URL.revokeObjectURL(style.href);
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
style = createStyleElement(options);
|
||||||
|
update = applyToTag.bind(null, style);
|
||||||
|
remove = function () {
|
||||||
|
removeStyleElement(style);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
update(obj);
|
||||||
|
|
||||||
|
return function updateStyle (newObj) {
|
||||||
|
if (newObj) {
|
||||||
|
if (
|
||||||
|
newObj.css === obj.css &&
|
||||||
|
newObj.media === obj.media &&
|
||||||
|
newObj.sourceMap === obj.sourceMap
|
||||||
|
) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
update(obj = newObj);
|
||||||
|
} else {
|
||||||
|
remove();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
var replaceText = (function () {
|
||||||
|
var textStore = [];
|
||||||
|
|
||||||
|
return function (index, replacement) {
|
||||||
|
textStore[index] = replacement;
|
||||||
|
|
||||||
|
return textStore.filter(Boolean).join('\n');
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
function applyToSingletonTag (style, index, remove, obj) {
|
||||||
|
var css = remove ? "" : obj.css;
|
||||||
|
|
||||||
|
if (style.styleSheet) {
|
||||||
|
style.styleSheet.cssText = replaceText(index, css);
|
||||||
|
} else {
|
||||||
|
var cssNode = document.createTextNode(css);
|
||||||
|
var childNodes = style.childNodes;
|
||||||
|
|
||||||
|
if (childNodes[index]) style.removeChild(childNodes[index]);
|
||||||
|
|
||||||
|
if (childNodes.length) {
|
||||||
|
style.insertBefore(cssNode, childNodes[index]);
|
||||||
|
} else {
|
||||||
|
style.appendChild(cssNode);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyToTag (style, obj) {
|
||||||
|
var css = obj.css;
|
||||||
|
var media = obj.media;
|
||||||
|
|
||||||
|
if(media) {
|
||||||
|
style.setAttribute("media", media)
|
||||||
|
}
|
||||||
|
|
||||||
|
if(style.styleSheet) {
|
||||||
|
style.styleSheet.cssText = css;
|
||||||
|
} else {
|
||||||
|
while(style.firstChild) {
|
||||||
|
style.removeChild(style.firstChild);
|
||||||
|
}
|
||||||
|
|
||||||
|
style.appendChild(document.createTextNode(css));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateLink (link, options, obj) {
|
||||||
|
var css = obj.css;
|
||||||
|
var sourceMap = obj.sourceMap;
|
||||||
|
|
||||||
|
/*
|
||||||
|
If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
|
||||||
|
and there is no publicPath defined then lets turn convertToAbsoluteUrls
|
||||||
|
on by default. Otherwise default to the convertToAbsoluteUrls option
|
||||||
|
directly
|
||||||
|
*/
|
||||||
|
var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
|
||||||
|
|
||||||
|
if (options.convertToAbsoluteUrls || autoFixUrls) {
|
||||||
|
css = fixUrls(css);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (sourceMap) {
|
||||||
|
// http://stackoverflow.com/a/26603875
|
||||||
|
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
|
||||||
|
}
|
||||||
|
|
||||||
|
var blob = new Blob([css], { type: "text/css" });
|
||||||
|
|
||||||
|
var oldSrc = link.href;
|
||||||
|
|
||||||
|
link.href = URL.createObjectURL(blob);
|
||||||
|
|
||||||
|
if(oldSrc) URL.revokeObjectURL(oldSrc);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/style-loader/lib/urls.js":
|
||||||
|
/*!***********************************************!*\
|
||||||
|
!*** ./node_modules/style-loader/lib/urls.js ***!
|
||||||
|
\***********************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports) {
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* When source maps are enabled, `style-loader` uses a link element with a data-uri to
|
||||||
|
* embed the css on the page. This breaks all relative urls because now they are relative to a
|
||||||
|
* bundle instead of the current page.
|
||||||
|
*
|
||||||
|
* One solution is to only use full urls, but that may be impossible.
|
||||||
|
*
|
||||||
|
* Instead, this function "fixes" the relative urls to be absolute according to the current page location.
|
||||||
|
*
|
||||||
|
* A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
module.exports = function (css) {
|
||||||
|
// get current location
|
||||||
|
var location = typeof window !== "undefined" && window.location;
|
||||||
|
|
||||||
|
if (!location) {
|
||||||
|
throw new Error("fixUrls requires window.location");
|
||||||
|
}
|
||||||
|
|
||||||
|
// blank or null?
|
||||||
|
if (!css || typeof css !== "string") {
|
||||||
|
return css;
|
||||||
|
}
|
||||||
|
|
||||||
|
var baseUrl = location.protocol + "//" + location.host;
|
||||||
|
var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
|
||||||
|
|
||||||
|
// convert each url(...)
|
||||||
|
/*
|
||||||
|
This regular expression is just a way to recursively match brackets within
|
||||||
|
a string.
|
||||||
|
|
||||||
|
/url\s*\( = Match on the word "url" with any whitespace after it and then a parens
|
||||||
|
( = Start a capturing group
|
||||||
|
(?: = Start a non-capturing group
|
||||||
|
[^)(] = Match anything that isn't a parentheses
|
||||||
|
| = OR
|
||||||
|
\( = Match a start parentheses
|
||||||
|
(?: = Start another non-capturing groups
|
||||||
|
[^)(]+ = Match anything that isn't a parentheses
|
||||||
|
| = OR
|
||||||
|
\( = Match a start parentheses
|
||||||
|
[^)(]* = Match anything that isn't a parentheses
|
||||||
|
\) = Match a end parentheses
|
||||||
|
) = End Group
|
||||||
|
*\) = Match anything and then a close parens
|
||||||
|
) = Close non-capturing group
|
||||||
|
* = Match anything
|
||||||
|
) = Close capturing group
|
||||||
|
\) = Match a close parens
|
||||||
|
|
||||||
|
/gi = Get all matches, not the first. Be case insensitive.
|
||||||
|
*/
|
||||||
|
var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
|
||||||
|
// strip quotes (if they exist)
|
||||||
|
var unquotedOrigUrl = origUrl
|
||||||
|
.trim()
|
||||||
|
.replace(/^"(.*)"$/, function(o, $1){ return $1; })
|
||||||
|
.replace(/^'(.*)'$/, function(o, $1){ return $1; });
|
||||||
|
|
||||||
|
// already a full url? no change
|
||||||
|
if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
|
||||||
|
return fullMatch;
|
||||||
|
}
|
||||||
|
|
||||||
|
// convert the url to a full url
|
||||||
|
var newUrl;
|
||||||
|
|
||||||
|
if (unquotedOrigUrl.indexOf("//") === 0) {
|
||||||
|
//TODO: should we add protocol?
|
||||||
|
newUrl = unquotedOrigUrl;
|
||||||
|
} else if (unquotedOrigUrl.indexOf("/") === 0) {
|
||||||
|
// path should be relative to the base url
|
||||||
|
newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
|
||||||
|
} else {
|
||||||
|
// path should be relative to current directory
|
||||||
|
newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
|
||||||
|
}
|
||||||
|
|
||||||
|
// send back the fixed url(...)
|
||||||
|
return "url(" + JSON.stringify(newUrl) + ")";
|
||||||
|
});
|
||||||
|
|
||||||
|
// send back the fixed css
|
||||||
|
return fixedCss;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
91
4.js
Normal file
91
4.js
Normal file
@@ -0,0 +1,91 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[4],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/owl.carousel/dist/assets/owl.carousel.min.css":
|
||||||
|
/*!****************************************************************************************************************************************************!*\
|
||||||
|
!*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/owl.carousel/dist/assets/owl.carousel.min.css ***!
|
||||||
|
\****************************************************************************************************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
var escape = __webpack_require__(/*! ../../../css-loader/lib/url/escape.js */ "./node_modules/css-loader/lib/url/escape.js");
|
||||||
|
exports = module.exports = __webpack_require__(/*! ../../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
|
||||||
|
// imports
|
||||||
|
|
||||||
|
|
||||||
|
// module
|
||||||
|
exports.push([module.i, "/**\n * Owl Carousel v2.3.4\n * Copyright 2013-2018 David Deutsch\n * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE\n */\n.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:\".\";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=\"\"]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(" + escape(__webpack_require__(/*! ./owl.video.play.png */ "./node_modules/owl.carousel/dist/assets/owl.video.play.png")) + ") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}", ""]);
|
||||||
|
|
||||||
|
// exports
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/css-loader/lib/url/escape.js":
|
||||||
|
/*!***************************************************!*\
|
||||||
|
!*** ./node_modules/css-loader/lib/url/escape.js ***!
|
||||||
|
\***************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports) {
|
||||||
|
|
||||||
|
module.exports = function escape(url) {
|
||||||
|
if (typeof url !== 'string') {
|
||||||
|
return url
|
||||||
|
}
|
||||||
|
// If url is already wrapped in quotes, remove them
|
||||||
|
if (/^['"].*['"]$/.test(url)) {
|
||||||
|
url = url.slice(1, -1);
|
||||||
|
}
|
||||||
|
// Should url be wrapped?
|
||||||
|
// See https://drafts.csswg.org/css-values-3/#urls
|
||||||
|
if (/["'() \t\n]/.test(url)) {
|
||||||
|
return '"' + url.replace(/"/g, '\\"').replace(/\n/g, '\\n') + '"'
|
||||||
|
}
|
||||||
|
|
||||||
|
return url
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/owl.carousel/dist/assets/owl.carousel.min.css":
|
||||||
|
/*!********************************************************************!*\
|
||||||
|
!*** ./node_modules/owl.carousel/dist/assets/owl.carousel.min.css ***!
|
||||||
|
\********************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
|
||||||
|
var content = __webpack_require__(/*! !../../../css-loader??ref--6-1!../../../postcss-loader/src??ref--6-2!./owl.carousel.min.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/owl.carousel/dist/assets/owl.carousel.min.css");
|
||||||
|
|
||||||
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||||||
|
|
||||||
|
var transform;
|
||||||
|
var insertInto;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var options = {"hmr":true}
|
||||||
|
|
||||||
|
options.transform = transform
|
||||||
|
options.insertInto = undefined;
|
||||||
|
|
||||||
|
var update = __webpack_require__(/*! ../../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
|
||||||
|
|
||||||
|
if(content.locals) module.exports = content.locals;
|
||||||
|
|
||||||
|
if(false) {}
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/owl.carousel/dist/assets/owl.video.play.png":
|
||||||
|
/*!******************************************************************!*\
|
||||||
|
!*** ./node_modules/owl.carousel/dist/assets/owl.video.play.png ***!
|
||||||
|
\******************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports) {
|
||||||
|
|
||||||
|
module.exports = "/images/vendor/owl.carousel/dist/owl.video.play.png?4a37f8008959c75f619bf0a3a4e2d7a2";
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
52
5.js
Normal file
52
5.js
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[5],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/jqvmap/dist/jqvmap.min.css":
|
||||||
|
/*!*********************************************************************************************************************************!*\
|
||||||
|
!*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/jqvmap/dist/jqvmap.min.css ***!
|
||||||
|
\*********************************************************************************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
exports = module.exports = __webpack_require__(/*! ../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
|
||||||
|
// imports
|
||||||
|
|
||||||
|
|
||||||
|
// module
|
||||||
|
exports.push([module.i, ".jqvmap-label,.jqvmap-pin{pointer-events:none}.jqvmap-label{position:absolute;display:none;border-radius:3px;background:#292929;color:#fff;font-family:sans-serif,Verdana;font-size:smaller;padding:3px}.jqvmap-zoomin,.jqvmap-zoomout{position:absolute;left:10px;border-radius:3px;background:#000;padding:3px;color:#fff;width:10px;height:10px;cursor:pointer;line-height:10px;text-align:center}.jqvmap-zoomin{top:10px}.jqvmap-zoomout{top:30px}.jqvmap-region{cursor:pointer}.jqvmap-ajax_response{width:100%;height:500px}\n", ""]);
|
||||||
|
|
||||||
|
// exports
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/jqvmap/dist/jqvmap.min.css":
|
||||||
|
/*!*************************************************!*\
|
||||||
|
!*** ./node_modules/jqvmap/dist/jqvmap.min.css ***!
|
||||||
|
\*************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
|
||||||
|
var content = __webpack_require__(/*! !../../css-loader??ref--6-1!../../postcss-loader/src??ref--6-2!./jqvmap.min.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/jqvmap/dist/jqvmap.min.css");
|
||||||
|
|
||||||
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||||||
|
|
||||||
|
var transform;
|
||||||
|
var insertInto;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var options = {"hmr":true}
|
||||||
|
|
||||||
|
options.transform = transform
|
||||||
|
options.insertInto = undefined;
|
||||||
|
|
||||||
|
var update = __webpack_require__(/*! ../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
|
||||||
|
|
||||||
|
if(content.locals) module.exports = content.locals;
|
||||||
|
|
||||||
|
if(false) {}
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
52
6.js
Normal file
52
6.js
Normal file
@@ -0,0 +1,52 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[6],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css":
|
||||||
|
/*!*********************************************************************************************************************************************************!*\
|
||||||
|
!*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css ***!
|
||||||
|
\*********************************************************************************************************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
exports = module.exports = __webpack_require__(/*! ../../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
|
||||||
|
// imports
|
||||||
|
|
||||||
|
|
||||||
|
// module
|
||||||
|
exports.push([module.i, "/**\n * Owl Carousel v2.3.4\n * Copyright 2013-2018 David Deutsch\n * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE\n */\n.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}", ""]);
|
||||||
|
|
||||||
|
// exports
|
||||||
|
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
|
||||||
|
/***/ "./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css":
|
||||||
|
/*!*************************************************************************!*\
|
||||||
|
!*** ./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css ***!
|
||||||
|
\*************************************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
|
||||||
|
var content = __webpack_require__(/*! !../../../css-loader??ref--6-1!../../../postcss-loader/src??ref--6-2!./owl.theme.default.min.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/owl.carousel/dist/assets/owl.theme.default.min.css");
|
||||||
|
|
||||||
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||||||
|
|
||||||
|
var transform;
|
||||||
|
var insertInto;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var options = {"hmr":true}
|
||||||
|
|
||||||
|
options.transform = transform
|
||||||
|
options.insertInto = undefined;
|
||||||
|
|
||||||
|
var update = __webpack_require__(/*! ../../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
|
||||||
|
|
||||||
|
if(content.locals) module.exports = content.locals;
|
||||||
|
|
||||||
|
if(false) {}
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
744
7.js
Normal file
744
7.js
Normal file
@@ -0,0 +1,744 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[7],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/chocolat/dist/js/jquery.chocolat.js":
|
||||||
|
/*!**********************************************************!*\
|
||||||
|
!*** ./node_modules/chocolat/dist/js/jquery.chocolat.js ***!
|
||||||
|
\**********************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
;(function(factory) {
|
||||||
|
if ( true && typeof module.exports === 'object') {
|
||||||
|
module.exports = factory(__webpack_require__(/*! jquery */ "./node_modules/jquery/dist/jquery.js"), window, document)
|
||||||
|
} else {
|
||||||
|
factory(jQuery, window, document)
|
||||||
|
}
|
||||||
|
})(function($, window, document, undefined) {
|
||||||
|
var calls = 0
|
||||||
|
|
||||||
|
function Chocolat(element, settings) {
|
||||||
|
var that = this
|
||||||
|
|
||||||
|
this.settings = settings
|
||||||
|
this.elems = {}
|
||||||
|
this.element = element
|
||||||
|
|
||||||
|
this._cssClasses = [
|
||||||
|
'chocolat-open',
|
||||||
|
'chocolat-in-container',
|
||||||
|
'chocolat-cover',
|
||||||
|
'chocolat-zoomable',
|
||||||
|
'chocolat-zoomed',
|
||||||
|
]
|
||||||
|
|
||||||
|
if (!this.settings.setTitle && element.data('chocolat-title')) {
|
||||||
|
this.settings.setTitle = element.data('chocolat-title')
|
||||||
|
}
|
||||||
|
|
||||||
|
this.element.find(this.settings.imageSelector).each(function() {
|
||||||
|
that.settings.images.push({
|
||||||
|
title: $(this).attr('title'),
|
||||||
|
src: $(this).attr(that.settings.imageSource),
|
||||||
|
height: false,
|
||||||
|
width: false,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
this.element.find(this.settings.imageSelector).each(function(i) {
|
||||||
|
$(this)
|
||||||
|
.off('click.chocolat')
|
||||||
|
.on('click.chocolat', function(e) {
|
||||||
|
that.init(i)
|
||||||
|
e.preventDefault()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
return this
|
||||||
|
}
|
||||||
|
|
||||||
|
$.extend(Chocolat.prototype, {
|
||||||
|
init: function(i) {
|
||||||
|
if (!this.settings.initialized) {
|
||||||
|
this.setDomContainer()
|
||||||
|
this.markup()
|
||||||
|
this.events()
|
||||||
|
this.settings.lastImage = this.settings.images.length - 1
|
||||||
|
this.settings.initialized = true
|
||||||
|
}
|
||||||
|
|
||||||
|
this.settings.afterInitialize.call(this)
|
||||||
|
|
||||||
|
return this.load(i)
|
||||||
|
},
|
||||||
|
|
||||||
|
preload: function(i) {
|
||||||
|
var def = $.Deferred()
|
||||||
|
|
||||||
|
if (typeof this.settings.images[i] === 'undefined') {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
var imgLoader = new Image()
|
||||||
|
imgLoader.onload = function() {
|
||||||
|
def.resolve(imgLoader)
|
||||||
|
}
|
||||||
|
imgLoader.src = this.settings.images[i].src
|
||||||
|
|
||||||
|
return def
|
||||||
|
},
|
||||||
|
|
||||||
|
load: function(i) {
|
||||||
|
var that = this
|
||||||
|
if (this.settings.fullScreen) {
|
||||||
|
this.openFullScreen()
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.settings.currentImage === i) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.elems.overlay.fadeIn(this.settings.duration)
|
||||||
|
this.elems.wrapper.fadeIn(this.settings.duration)
|
||||||
|
this.elems.domContainer.addClass('chocolat-open')
|
||||||
|
|
||||||
|
this.settings.timer = setTimeout(function() {
|
||||||
|
if (typeof that.elems != 'undefined') {
|
||||||
|
$.proxy(that.elems.loader.fadeIn(), that)
|
||||||
|
}
|
||||||
|
}, this.settings.duration)
|
||||||
|
|
||||||
|
var deferred = this.preload(i)
|
||||||
|
.then(function(imgLoader) {
|
||||||
|
return that.place(i, imgLoader)
|
||||||
|
})
|
||||||
|
.then(function(imgLoader) {
|
||||||
|
return that.appear(i)
|
||||||
|
})
|
||||||
|
.then(function(imgLoader) {
|
||||||
|
that.zoomable()
|
||||||
|
that.settings.afterImageLoad.call(that)
|
||||||
|
})
|
||||||
|
|
||||||
|
var nextIndex = i + 1
|
||||||
|
if (typeof this.settings.images[nextIndex] != 'undefined') {
|
||||||
|
this.preload(nextIndex)
|
||||||
|
}
|
||||||
|
|
||||||
|
return deferred
|
||||||
|
},
|
||||||
|
|
||||||
|
place: function(i, imgLoader) {
|
||||||
|
var that = this
|
||||||
|
var fitting
|
||||||
|
|
||||||
|
this.settings.currentImage = i
|
||||||
|
this.description()
|
||||||
|
this.pagination()
|
||||||
|
this.arrows()
|
||||||
|
|
||||||
|
this.storeImgSize(imgLoader, i)
|
||||||
|
fitting = this.fit(i, that.elems.wrapper)
|
||||||
|
|
||||||
|
return this.center(fitting.width, fitting.height, fitting.left, fitting.top, 0)
|
||||||
|
},
|
||||||
|
|
||||||
|
center: function(width, height, left, top, duration) {
|
||||||
|
return this.elems.content
|
||||||
|
.css('overflow', 'visible')
|
||||||
|
.animate(
|
||||||
|
{
|
||||||
|
width: width,
|
||||||
|
height: height,
|
||||||
|
left: left,
|
||||||
|
top: top,
|
||||||
|
},
|
||||||
|
duration
|
||||||
|
)
|
||||||
|
.promise()
|
||||||
|
},
|
||||||
|
|
||||||
|
appear: function(i) {
|
||||||
|
var that = this
|
||||||
|
clearTimeout(this.settings.timer)
|
||||||
|
|
||||||
|
this.elems.loader.stop().fadeOut(300, function() {
|
||||||
|
that.elems.img.attr('src', that.settings.images[i].src)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
fit: function(i, container) {
|
||||||
|
var height
|
||||||
|
var width
|
||||||
|
|
||||||
|
var imgHeight = this.settings.images[i].height
|
||||||
|
var imgWidth = this.settings.images[i].width
|
||||||
|
var holderHeight = $(container).height()
|
||||||
|
var holderWidth = $(container).width()
|
||||||
|
var holderOutMarginH = this.getOutMarginH()
|
||||||
|
var holderOutMarginW = this.getOutMarginW()
|
||||||
|
|
||||||
|
var holderGlobalWidth = holderWidth - holderOutMarginW
|
||||||
|
var holderGlobalHeight = holderHeight - holderOutMarginH
|
||||||
|
var holderGlobalRatio = holderGlobalHeight / holderGlobalWidth
|
||||||
|
var holderRatio = holderHeight / holderWidth
|
||||||
|
var imgRatio = imgHeight / imgWidth
|
||||||
|
|
||||||
|
if (this.settings.imageSize == 'cover') {
|
||||||
|
if (imgRatio < holderRatio) {
|
||||||
|
height = holderHeight
|
||||||
|
width = height / imgRatio
|
||||||
|
} else {
|
||||||
|
width = holderWidth
|
||||||
|
height = width * imgRatio
|
||||||
|
}
|
||||||
|
} else if (this.settings.imageSize == 'native') {
|
||||||
|
height = imgHeight
|
||||||
|
width = imgWidth
|
||||||
|
} else {
|
||||||
|
if (imgRatio > holderGlobalRatio) {
|
||||||
|
height = holderGlobalHeight
|
||||||
|
width = height / imgRatio
|
||||||
|
} else {
|
||||||
|
width = holderGlobalWidth
|
||||||
|
height = width * imgRatio
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
this.settings.imageSize === 'default' &&
|
||||||
|
(width >= imgWidth || height >= imgHeight)
|
||||||
|
) {
|
||||||
|
width = imgWidth
|
||||||
|
height = imgHeight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
height: height,
|
||||||
|
width: width,
|
||||||
|
top: (holderHeight - height) / 2,
|
||||||
|
left: (holderWidth - width) / 2,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
change: function(signe) {
|
||||||
|
this.zoomOut(0)
|
||||||
|
this.zoomable()
|
||||||
|
|
||||||
|
var requestedImage = this.settings.currentImage + parseInt(signe)
|
||||||
|
if (requestedImage > this.settings.lastImage) {
|
||||||
|
if (this.settings.loop) {
|
||||||
|
return this.load(0)
|
||||||
|
}
|
||||||
|
} else if (requestedImage < 0) {
|
||||||
|
if (this.settings.loop) {
|
||||||
|
return this.load(this.settings.lastImage)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return this.load(requestedImage)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
arrows: function() {
|
||||||
|
if (this.settings.loop) {
|
||||||
|
$([this.elems.left[0], this.elems.right[0]]).addClass('active')
|
||||||
|
} else if (this.settings.linkImages) {
|
||||||
|
// right
|
||||||
|
if (this.settings.currentImage == this.settings.lastImage) {
|
||||||
|
this.elems.right.removeClass('active')
|
||||||
|
} else {
|
||||||
|
this.elems.right.addClass('active')
|
||||||
|
}
|
||||||
|
// left
|
||||||
|
if (this.settings.currentImage === 0) {
|
||||||
|
this.elems.left.removeClass('active')
|
||||||
|
} else {
|
||||||
|
this.elems.left.addClass('active')
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$([this.elems.left[0], this.elems.right[0]]).removeClass('active')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
description: function() {
|
||||||
|
var that = this
|
||||||
|
this.elems.description.html(that.settings.images[that.settings.currentImage].title)
|
||||||
|
},
|
||||||
|
|
||||||
|
pagination: function() {
|
||||||
|
var that = this
|
||||||
|
var last = this.settings.lastImage + 1
|
||||||
|
var position = this.settings.currentImage + 1
|
||||||
|
|
||||||
|
this.elems.pagination.html(position + ' ' + that.settings.separator2 + last)
|
||||||
|
},
|
||||||
|
|
||||||
|
storeImgSize: function(img, i) {
|
||||||
|
if (typeof img === 'undefined') {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (!this.settings.images[i].height || !this.settings.images[i].width) {
|
||||||
|
this.settings.images[i].height = img.height
|
||||||
|
this.settings.images[i].width = img.width
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
close: function() {
|
||||||
|
if (this.settings.fullscreenOpen) {
|
||||||
|
this.exitFullScreen()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
var els = [this.elems.overlay[0], this.elems.loader[0], this.elems.wrapper[0]]
|
||||||
|
var that = this
|
||||||
|
var def = $.when($(els).fadeOut(200)).done(function() {
|
||||||
|
that.elems.domContainer.removeClass('chocolat-open')
|
||||||
|
})
|
||||||
|
this.settings.currentImage = false
|
||||||
|
|
||||||
|
return def
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
this.element.removeData()
|
||||||
|
this.element.find(this.settings.imageSelector).off('click.chocolat')
|
||||||
|
|
||||||
|
if (!this.settings.initialized) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.settings.fullscreenOpen) {
|
||||||
|
this.exitFullScreen()
|
||||||
|
}
|
||||||
|
this.settings.currentImage = false
|
||||||
|
this.settings.initialized = false
|
||||||
|
this.elems.domContainer.removeClass(this._cssClasses.join(' '))
|
||||||
|
this.elems.wrapper.remove()
|
||||||
|
},
|
||||||
|
|
||||||
|
getOutMarginW: function() {
|
||||||
|
var left = this.elems.left.outerWidth(true)
|
||||||
|
var right = this.elems.right.outerWidth(true)
|
||||||
|
return left + right
|
||||||
|
},
|
||||||
|
|
||||||
|
getOutMarginH: function() {
|
||||||
|
return this.elems.top.outerHeight(true) + this.elems.bottom.outerHeight(true)
|
||||||
|
},
|
||||||
|
|
||||||
|
markup: function() {
|
||||||
|
this.elems.domContainer.addClass('chocolat-open ' + this.settings.className)
|
||||||
|
if (this.settings.imageSize == 'cover') {
|
||||||
|
this.elems.domContainer.addClass('chocolat-cover')
|
||||||
|
}
|
||||||
|
if (this.settings.container !== window) {
|
||||||
|
this.elems.domContainer.addClass('chocolat-in-container')
|
||||||
|
}
|
||||||
|
|
||||||
|
this.elems.wrapper = $('<div/>', {
|
||||||
|
class: 'chocolat-wrapper',
|
||||||
|
id: 'chocolat-content-' + this.settings.setIndex,
|
||||||
|
}).appendTo(this.elems.domContainer)
|
||||||
|
|
||||||
|
this.elems.overlay = $('<div/>', {
|
||||||
|
class: 'chocolat-overlay',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.loader = $('<div/>', {
|
||||||
|
class: 'chocolat-loader',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.content = $('<div/>', {
|
||||||
|
class: 'chocolat-content',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.img = $('<img/>', {
|
||||||
|
class: 'chocolat-img',
|
||||||
|
src: '',
|
||||||
|
}).appendTo(this.elems.content)
|
||||||
|
|
||||||
|
this.elems.top = $('<div/>', {
|
||||||
|
class: 'chocolat-top',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.left = $('<div/>', {
|
||||||
|
class: 'chocolat-left',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.right = $('<div/>', {
|
||||||
|
class: 'chocolat-right',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.bottom = $('<div/>', {
|
||||||
|
class: 'chocolat-bottom',
|
||||||
|
}).appendTo(this.elems.wrapper)
|
||||||
|
|
||||||
|
this.elems.close = $('<span/>', {
|
||||||
|
class: 'chocolat-close',
|
||||||
|
}).appendTo(this.elems.top)
|
||||||
|
|
||||||
|
this.elems.fullscreen = $('<span/>', {
|
||||||
|
class: 'chocolat-fullscreen',
|
||||||
|
}).appendTo(this.elems.bottom)
|
||||||
|
|
||||||
|
this.elems.description = $('<span/>', {
|
||||||
|
class: 'chocolat-description',
|
||||||
|
}).appendTo(this.elems.bottom)
|
||||||
|
|
||||||
|
this.elems.pagination = $('<span/>', {
|
||||||
|
class: 'chocolat-pagination',
|
||||||
|
}).appendTo(this.elems.bottom)
|
||||||
|
|
||||||
|
this.elems.setTitle = $('<span/>', {
|
||||||
|
class: 'chocolat-set-title',
|
||||||
|
html: this.settings.setTitle,
|
||||||
|
}).appendTo(this.elems.bottom)
|
||||||
|
|
||||||
|
this.settings.afterMarkup.call(this)
|
||||||
|
},
|
||||||
|
|
||||||
|
openFullScreen: function() {
|
||||||
|
var wrapper = this.elems.wrapper[0]
|
||||||
|
|
||||||
|
if (wrapper.requestFullscreen) {
|
||||||
|
this.settings.fullscreenOpen = true
|
||||||
|
wrapper.requestFullscreen()
|
||||||
|
} else if (wrapper.mozRequestFullScreen) {
|
||||||
|
this.settings.fullscreenOpen = true
|
||||||
|
wrapper.mozRequestFullScreen()
|
||||||
|
} else if (wrapper.webkitRequestFullscreen) {
|
||||||
|
this.settings.fullscreenOpen = true
|
||||||
|
wrapper.webkitRequestFullscreen()
|
||||||
|
} else if (wrapper.msRequestFullscreen) {
|
||||||
|
wrapper.msRequestFullscreen()
|
||||||
|
this.settings.fullscreenOpen = true
|
||||||
|
} else {
|
||||||
|
this.settings.fullscreenOpen = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
exitFullScreen: function() {
|
||||||
|
if (document.exitFullscreen) {
|
||||||
|
document.exitFullscreen()
|
||||||
|
this.settings.fullscreenOpen = false
|
||||||
|
} else if (document.mozCancelFullScreen) {
|
||||||
|
document.mozCancelFullScreen()
|
||||||
|
this.settings.fullscreenOpen = false
|
||||||
|
} else if (document.webkitExitFullscreen) {
|
||||||
|
document.webkitExitFullscreen()
|
||||||
|
this.settings.fullscreenOpen = false
|
||||||
|
} else if (document.msExitFullscreen) {
|
||||||
|
document.msExitFullscreen()
|
||||||
|
this.settings.fullscreenOpen = false
|
||||||
|
} else {
|
||||||
|
this.settings.fullscreenOpen = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
events: function() {
|
||||||
|
var that = this
|
||||||
|
|
||||||
|
$(document)
|
||||||
|
.off('keydown.chocolat')
|
||||||
|
.on('keydown.chocolat', function(e) {
|
||||||
|
if (that.settings.initialized) {
|
||||||
|
if (e.keyCode == 37) {
|
||||||
|
that.change(-1)
|
||||||
|
} else if (e.keyCode == 39) {
|
||||||
|
that.change(1)
|
||||||
|
} else if (e.keyCode == 27) {
|
||||||
|
that.close()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// this.elems.wrapper.find('.chocolat-img')
|
||||||
|
// .off('click.chocolat')
|
||||||
|
// .on('click.chocolat', function(e) {
|
||||||
|
// var currentImage = that.settings.images[that.settings.currentImage];
|
||||||
|
// if(currentImage.width > $(that.elems.wrapper).width() || currentImage.height > $(that.elems.wrapper).height() ){
|
||||||
|
// that.toggleZoom(e);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
|
||||||
|
this.elems.wrapper
|
||||||
|
.find('.chocolat-right')
|
||||||
|
.off('click.chocolat')
|
||||||
|
.on('click.chocolat', function() {
|
||||||
|
that.change(+1)
|
||||||
|
})
|
||||||
|
|
||||||
|
this.elems.wrapper
|
||||||
|
.find('.chocolat-left')
|
||||||
|
.off('click.chocolat')
|
||||||
|
.on('click.chocolat', function() {
|
||||||
|
return that.change(-1)
|
||||||
|
})
|
||||||
|
|
||||||
|
$([this.elems.overlay[0], this.elems.close[0]])
|
||||||
|
.off('click.chocolat')
|
||||||
|
.on('click.chocolat', function() {
|
||||||
|
return that.close()
|
||||||
|
})
|
||||||
|
|
||||||
|
this.elems.fullscreen.off('click.chocolat').on('click.chocolat', function() {
|
||||||
|
if (that.settings.fullscreenOpen) {
|
||||||
|
that.exitFullScreen()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
that.openFullScreen()
|
||||||
|
})
|
||||||
|
|
||||||
|
if (that.settings.backgroundClose) {
|
||||||
|
this.elems.overlay.off('click.chocolat').on('click.chocolat', function() {
|
||||||
|
return that.close()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.elems.wrapper.off('click.chocolat').on('click.chocolat', function(e) {
|
||||||
|
return that.zoomOut(e)
|
||||||
|
})
|
||||||
|
|
||||||
|
this.elems.wrapper
|
||||||
|
.find('.chocolat-img')
|
||||||
|
.off('click.chocolat')
|
||||||
|
.on('click.chocolat', function(e) {
|
||||||
|
if (
|
||||||
|
that.settings.initialZoomState === null &&
|
||||||
|
that.elems.domContainer.hasClass('chocolat-zoomable')
|
||||||
|
) {
|
||||||
|
e.stopPropagation()
|
||||||
|
return that.zoomIn(e)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
this.elems.wrapper.mousemove(function(e) {
|
||||||
|
if (that.settings.initialZoomState === null) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (that.elems.img.is(':animated')) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
var pos = $(this).offset()
|
||||||
|
var height = $(this).height()
|
||||||
|
var width = $(this).width()
|
||||||
|
|
||||||
|
var currentImage = that.settings.images[that.settings.currentImage]
|
||||||
|
var imgWidth = currentImage.width
|
||||||
|
var imgHeight = currentImage.height
|
||||||
|
|
||||||
|
var coord = [e.pageX - width / 2 - pos.left, e.pageY - height / 2 - pos.top]
|
||||||
|
|
||||||
|
var mvtX = 0
|
||||||
|
if (imgWidth > width) {
|
||||||
|
var paddingX = that.settings.zoomedPaddingX(imgWidth, width)
|
||||||
|
mvtX = coord[0] / (width / 2)
|
||||||
|
mvtX = ((imgWidth - width) / 2 + paddingX) * mvtX
|
||||||
|
}
|
||||||
|
|
||||||
|
var mvtY = 0
|
||||||
|
if (imgHeight > height) {
|
||||||
|
var paddingY = that.settings.zoomedPaddingY(imgHeight, height)
|
||||||
|
mvtY = coord[1] / (height / 2)
|
||||||
|
mvtY = ((imgHeight - height) / 2 + paddingY) * mvtY
|
||||||
|
}
|
||||||
|
|
||||||
|
var animation = {
|
||||||
|
'margin-left': -mvtX + 'px',
|
||||||
|
'margin-top': -mvtY + 'px',
|
||||||
|
}
|
||||||
|
if (typeof e.duration !== 'undefined') {
|
||||||
|
$(that.elems.img)
|
||||||
|
.stop(false, true)
|
||||||
|
.animate(animation, e.duration)
|
||||||
|
} else {
|
||||||
|
$(that.elems.img)
|
||||||
|
.stop(false, true)
|
||||||
|
.css(animation)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
$(window).on('resize', function() {
|
||||||
|
if (!that.settings.initialized || that.settings.currentImage === false) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
that.debounce(50, function() {
|
||||||
|
var fitting = that.fit(that.settings.currentImage, that.elems.wrapper)
|
||||||
|
that.center(fitting.width, fitting.height, fitting.left, fitting.top, 0)
|
||||||
|
that.zoomable()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
zoomable: function() {
|
||||||
|
var currentImage = this.settings.images[this.settings.currentImage]
|
||||||
|
var wrapperWidth = this.elems.wrapper.width()
|
||||||
|
var wrapperHeight = this.elems.wrapper.height()
|
||||||
|
|
||||||
|
var isImageZoomable =
|
||||||
|
this.settings.enableZoom &&
|
||||||
|
(currentImage.width > wrapperWidth || currentImage.height > wrapperHeight)
|
||||||
|
? true
|
||||||
|
: false
|
||||||
|
var isImageStretched =
|
||||||
|
this.elems.img.width() > currentImage.width ||
|
||||||
|
this.elems.img.height() > currentImage.height
|
||||||
|
|
||||||
|
if (isImageZoomable && !isImageStretched) {
|
||||||
|
this.elems.domContainer.addClass('chocolat-zoomable')
|
||||||
|
} else {
|
||||||
|
this.elems.domContainer.removeClass('chocolat-zoomable')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
zoomIn: function(e) {
|
||||||
|
this.settings.initialZoomState = this.settings.imageSize
|
||||||
|
this.settings.imageSize = 'native'
|
||||||
|
|
||||||
|
var event = $.Event('mousemove')
|
||||||
|
event.pageX = e.pageX
|
||||||
|
event.pageY = e.pageY
|
||||||
|
event.duration = this.settings.duration
|
||||||
|
this.elems.wrapper.trigger(event)
|
||||||
|
|
||||||
|
this.elems.domContainer.addClass('chocolat-zoomed')
|
||||||
|
var fitting = this.fit(this.settings.currentImage, this.elems.wrapper)
|
||||||
|
return this.center(
|
||||||
|
fitting.width,
|
||||||
|
fitting.height,
|
||||||
|
fitting.left,
|
||||||
|
fitting.top,
|
||||||
|
this.settings.duration
|
||||||
|
)
|
||||||
|
},
|
||||||
|
|
||||||
|
zoomOut: function(e, duration) {
|
||||||
|
if (this.settings.initialZoomState === null || this.settings.currentImage === false) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
duration = duration || this.settings.duration
|
||||||
|
|
||||||
|
this.settings.imageSize = this.settings.initialZoomState
|
||||||
|
this.settings.initialZoomState = null
|
||||||
|
this.elems.img.animate({ margin: 0 }, duration)
|
||||||
|
|
||||||
|
this.elems.domContainer.removeClass('chocolat-zoomed')
|
||||||
|
var fitting = this.fit(this.settings.currentImage, this.elems.wrapper)
|
||||||
|
return this.center(fitting.width, fitting.height, fitting.left, fitting.top, duration)
|
||||||
|
},
|
||||||
|
|
||||||
|
setDomContainer: function() {
|
||||||
|
// if container == window
|
||||||
|
// domContainer = body
|
||||||
|
if (this.settings.container === window) {
|
||||||
|
this.elems.domContainer = $('body')
|
||||||
|
} else {
|
||||||
|
this.elems.domContainer = $(this.settings.container)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
debounce: function(duration, callback) {
|
||||||
|
clearTimeout(this.settings.timerDebounce)
|
||||||
|
this.settings.timerDebounce = setTimeout(function() {
|
||||||
|
callback()
|
||||||
|
}, duration)
|
||||||
|
},
|
||||||
|
|
||||||
|
api: function() {
|
||||||
|
var that = this
|
||||||
|
return {
|
||||||
|
open: function(i) {
|
||||||
|
i = parseInt(i) || 0
|
||||||
|
return that.init(i)
|
||||||
|
},
|
||||||
|
|
||||||
|
close: function() {
|
||||||
|
return that.close()
|
||||||
|
},
|
||||||
|
|
||||||
|
next: function() {
|
||||||
|
return that.change(1)
|
||||||
|
},
|
||||||
|
|
||||||
|
prev: function() {
|
||||||
|
return that.change(-1)
|
||||||
|
},
|
||||||
|
|
||||||
|
goto: function(i) {
|
||||||
|
// open alias
|
||||||
|
return that.open(i)
|
||||||
|
},
|
||||||
|
current: function() {
|
||||||
|
return that.settings.currentImage
|
||||||
|
},
|
||||||
|
|
||||||
|
place: function() {
|
||||||
|
return that.place(that.settings.currentImage, that.settings.duration)
|
||||||
|
},
|
||||||
|
|
||||||
|
destroy: function() {
|
||||||
|
return that.destroy()
|
||||||
|
},
|
||||||
|
|
||||||
|
set: function(property, value) {
|
||||||
|
that.settings[property] = value
|
||||||
|
return value
|
||||||
|
},
|
||||||
|
|
||||||
|
get: function(property) {
|
||||||
|
return that.settings[property]
|
||||||
|
},
|
||||||
|
|
||||||
|
getElem: function(name) {
|
||||||
|
return that.elems[name]
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
var defaults = {
|
||||||
|
container: window, // window or jquery object or jquery selector, or element
|
||||||
|
imageSelector: '.chocolat-image',
|
||||||
|
className: '',
|
||||||
|
imageSize: 'default', // 'default', 'contain', 'cover' or 'native'
|
||||||
|
initialZoomState: null,
|
||||||
|
fullScreen: false,
|
||||||
|
loop: false,
|
||||||
|
linkImages: true,
|
||||||
|
duration: 300,
|
||||||
|
setTitle: '',
|
||||||
|
separator2: '/',
|
||||||
|
setIndex: 0,
|
||||||
|
firstImage: 0,
|
||||||
|
lastImage: false,
|
||||||
|
currentImage: false,
|
||||||
|
initialized: false,
|
||||||
|
timer: false,
|
||||||
|
timerDebounce: false,
|
||||||
|
images: [],
|
||||||
|
enableZoom: true,
|
||||||
|
imageSource: 'href',
|
||||||
|
afterInitialize: function() {},
|
||||||
|
afterMarkup: function() {},
|
||||||
|
afterImageLoad: function() {},
|
||||||
|
zoomedPaddingX: function(canvasWidth, imgWidth) {
|
||||||
|
return 0
|
||||||
|
},
|
||||||
|
zoomedPaddingY: function(canvasHeight, imgHeight) {
|
||||||
|
return 0
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.Chocolat = function(options) {
|
||||||
|
return this.each(function() {
|
||||||
|
calls++
|
||||||
|
var settings = $.extend(true, {}, defaults, options, { setIndex: calls })
|
||||||
|
|
||||||
|
if (!$.data(this, 'chocolat')) {
|
||||||
|
$.data(this, 'chocolat', new Chocolat($(this), settings))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return $.fn.Chocolat
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
289
9.js
Normal file
289
9.js
Normal file
@@ -0,0 +1,289 @@
|
|||||||
|
(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[9],{
|
||||||
|
|
||||||
|
/***/ "./node_modules/moment/locale sync recursive ^\\.\\/.*$":
|
||||||
|
/*!**************************************************!*\
|
||||||
|
!*** ./node_modules/moment/locale sync ^\.\/.*$ ***!
|
||||||
|
\**************************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
var map = {
|
||||||
|
"./af": "./node_modules/moment/locale/af.js",
|
||||||
|
"./af.js": "./node_modules/moment/locale/af.js",
|
||||||
|
"./ar": "./node_modules/moment/locale/ar.js",
|
||||||
|
"./ar-dz": "./node_modules/moment/locale/ar-dz.js",
|
||||||
|
"./ar-dz.js": "./node_modules/moment/locale/ar-dz.js",
|
||||||
|
"./ar-kw": "./node_modules/moment/locale/ar-kw.js",
|
||||||
|
"./ar-kw.js": "./node_modules/moment/locale/ar-kw.js",
|
||||||
|
"./ar-ly": "./node_modules/moment/locale/ar-ly.js",
|
||||||
|
"./ar-ly.js": "./node_modules/moment/locale/ar-ly.js",
|
||||||
|
"./ar-ma": "./node_modules/moment/locale/ar-ma.js",
|
||||||
|
"./ar-ma.js": "./node_modules/moment/locale/ar-ma.js",
|
||||||
|
"./ar-sa": "./node_modules/moment/locale/ar-sa.js",
|
||||||
|
"./ar-sa.js": "./node_modules/moment/locale/ar-sa.js",
|
||||||
|
"./ar-tn": "./node_modules/moment/locale/ar-tn.js",
|
||||||
|
"./ar-tn.js": "./node_modules/moment/locale/ar-tn.js",
|
||||||
|
"./ar.js": "./node_modules/moment/locale/ar.js",
|
||||||
|
"./az": "./node_modules/moment/locale/az.js",
|
||||||
|
"./az.js": "./node_modules/moment/locale/az.js",
|
||||||
|
"./be": "./node_modules/moment/locale/be.js",
|
||||||
|
"./be.js": "./node_modules/moment/locale/be.js",
|
||||||
|
"./bg": "./node_modules/moment/locale/bg.js",
|
||||||
|
"./bg.js": "./node_modules/moment/locale/bg.js",
|
||||||
|
"./bm": "./node_modules/moment/locale/bm.js",
|
||||||
|
"./bm.js": "./node_modules/moment/locale/bm.js",
|
||||||
|
"./bn": "./node_modules/moment/locale/bn.js",
|
||||||
|
"./bn.js": "./node_modules/moment/locale/bn.js",
|
||||||
|
"./bo": "./node_modules/moment/locale/bo.js",
|
||||||
|
"./bo.js": "./node_modules/moment/locale/bo.js",
|
||||||
|
"./br": "./node_modules/moment/locale/br.js",
|
||||||
|
"./br.js": "./node_modules/moment/locale/br.js",
|
||||||
|
"./bs": "./node_modules/moment/locale/bs.js",
|
||||||
|
"./bs.js": "./node_modules/moment/locale/bs.js",
|
||||||
|
"./ca": "./node_modules/moment/locale/ca.js",
|
||||||
|
"./ca.js": "./node_modules/moment/locale/ca.js",
|
||||||
|
"./cs": "./node_modules/moment/locale/cs.js",
|
||||||
|
"./cs.js": "./node_modules/moment/locale/cs.js",
|
||||||
|
"./cv": "./node_modules/moment/locale/cv.js",
|
||||||
|
"./cv.js": "./node_modules/moment/locale/cv.js",
|
||||||
|
"./cy": "./node_modules/moment/locale/cy.js",
|
||||||
|
"./cy.js": "./node_modules/moment/locale/cy.js",
|
||||||
|
"./da": "./node_modules/moment/locale/da.js",
|
||||||
|
"./da.js": "./node_modules/moment/locale/da.js",
|
||||||
|
"./de": "./node_modules/moment/locale/de.js",
|
||||||
|
"./de-at": "./node_modules/moment/locale/de-at.js",
|
||||||
|
"./de-at.js": "./node_modules/moment/locale/de-at.js",
|
||||||
|
"./de-ch": "./node_modules/moment/locale/de-ch.js",
|
||||||
|
"./de-ch.js": "./node_modules/moment/locale/de-ch.js",
|
||||||
|
"./de.js": "./node_modules/moment/locale/de.js",
|
||||||
|
"./dv": "./node_modules/moment/locale/dv.js",
|
||||||
|
"./dv.js": "./node_modules/moment/locale/dv.js",
|
||||||
|
"./el": "./node_modules/moment/locale/el.js",
|
||||||
|
"./el.js": "./node_modules/moment/locale/el.js",
|
||||||
|
"./en-SG": "./node_modules/moment/locale/en-SG.js",
|
||||||
|
"./en-SG.js": "./node_modules/moment/locale/en-SG.js",
|
||||||
|
"./en-au": "./node_modules/moment/locale/en-au.js",
|
||||||
|
"./en-au.js": "./node_modules/moment/locale/en-au.js",
|
||||||
|
"./en-ca": "./node_modules/moment/locale/en-ca.js",
|
||||||
|
"./en-ca.js": "./node_modules/moment/locale/en-ca.js",
|
||||||
|
"./en-gb": "./node_modules/moment/locale/en-gb.js",
|
||||||
|
"./en-gb.js": "./node_modules/moment/locale/en-gb.js",
|
||||||
|
"./en-ie": "./node_modules/moment/locale/en-ie.js",
|
||||||
|
"./en-ie.js": "./node_modules/moment/locale/en-ie.js",
|
||||||
|
"./en-il": "./node_modules/moment/locale/en-il.js",
|
||||||
|
"./en-il.js": "./node_modules/moment/locale/en-il.js",
|
||||||
|
"./en-nz": "./node_modules/moment/locale/en-nz.js",
|
||||||
|
"./en-nz.js": "./node_modules/moment/locale/en-nz.js",
|
||||||
|
"./eo": "./node_modules/moment/locale/eo.js",
|
||||||
|
"./eo.js": "./node_modules/moment/locale/eo.js",
|
||||||
|
"./es": "./node_modules/moment/locale/es.js",
|
||||||
|
"./es-do": "./node_modules/moment/locale/es-do.js",
|
||||||
|
"./es-do.js": "./node_modules/moment/locale/es-do.js",
|
||||||
|
"./es-us": "./node_modules/moment/locale/es-us.js",
|
||||||
|
"./es-us.js": "./node_modules/moment/locale/es-us.js",
|
||||||
|
"./es.js": "./node_modules/moment/locale/es.js",
|
||||||
|
"./et": "./node_modules/moment/locale/et.js",
|
||||||
|
"./et.js": "./node_modules/moment/locale/et.js",
|
||||||
|
"./eu": "./node_modules/moment/locale/eu.js",
|
||||||
|
"./eu.js": "./node_modules/moment/locale/eu.js",
|
||||||
|
"./fa": "./node_modules/moment/locale/fa.js",
|
||||||
|
"./fa.js": "./node_modules/moment/locale/fa.js",
|
||||||
|
"./fi": "./node_modules/moment/locale/fi.js",
|
||||||
|
"./fi.js": "./node_modules/moment/locale/fi.js",
|
||||||
|
"./fo": "./node_modules/moment/locale/fo.js",
|
||||||
|
"./fo.js": "./node_modules/moment/locale/fo.js",
|
||||||
|
"./fr": "./node_modules/moment/locale/fr.js",
|
||||||
|
"./fr-ca": "./node_modules/moment/locale/fr-ca.js",
|
||||||
|
"./fr-ca.js": "./node_modules/moment/locale/fr-ca.js",
|
||||||
|
"./fr-ch": "./node_modules/moment/locale/fr-ch.js",
|
||||||
|
"./fr-ch.js": "./node_modules/moment/locale/fr-ch.js",
|
||||||
|
"./fr.js": "./node_modules/moment/locale/fr.js",
|
||||||
|
"./fy": "./node_modules/moment/locale/fy.js",
|
||||||
|
"./fy.js": "./node_modules/moment/locale/fy.js",
|
||||||
|
"./ga": "./node_modules/moment/locale/ga.js",
|
||||||
|
"./ga.js": "./node_modules/moment/locale/ga.js",
|
||||||
|
"./gd": "./node_modules/moment/locale/gd.js",
|
||||||
|
"./gd.js": "./node_modules/moment/locale/gd.js",
|
||||||
|
"./gl": "./node_modules/moment/locale/gl.js",
|
||||||
|
"./gl.js": "./node_modules/moment/locale/gl.js",
|
||||||
|
"./gom-latn": "./node_modules/moment/locale/gom-latn.js",
|
||||||
|
"./gom-latn.js": "./node_modules/moment/locale/gom-latn.js",
|
||||||
|
"./gu": "./node_modules/moment/locale/gu.js",
|
||||||
|
"./gu.js": "./node_modules/moment/locale/gu.js",
|
||||||
|
"./he": "./node_modules/moment/locale/he.js",
|
||||||
|
"./he.js": "./node_modules/moment/locale/he.js",
|
||||||
|
"./hi": "./node_modules/moment/locale/hi.js",
|
||||||
|
"./hi.js": "./node_modules/moment/locale/hi.js",
|
||||||
|
"./hr": "./node_modules/moment/locale/hr.js",
|
||||||
|
"./hr.js": "./node_modules/moment/locale/hr.js",
|
||||||
|
"./hu": "./node_modules/moment/locale/hu.js",
|
||||||
|
"./hu.js": "./node_modules/moment/locale/hu.js",
|
||||||
|
"./hy-am": "./node_modules/moment/locale/hy-am.js",
|
||||||
|
"./hy-am.js": "./node_modules/moment/locale/hy-am.js",
|
||||||
|
"./id": "./node_modules/moment/locale/id.js",
|
||||||
|
"./id.js": "./node_modules/moment/locale/id.js",
|
||||||
|
"./is": "./node_modules/moment/locale/is.js",
|
||||||
|
"./is.js": "./node_modules/moment/locale/is.js",
|
||||||
|
"./it": "./node_modules/moment/locale/it.js",
|
||||||
|
"./it-ch": "./node_modules/moment/locale/it-ch.js",
|
||||||
|
"./it-ch.js": "./node_modules/moment/locale/it-ch.js",
|
||||||
|
"./it.js": "./node_modules/moment/locale/it.js",
|
||||||
|
"./ja": "./node_modules/moment/locale/ja.js",
|
||||||
|
"./ja.js": "./node_modules/moment/locale/ja.js",
|
||||||
|
"./jv": "./node_modules/moment/locale/jv.js",
|
||||||
|
"./jv.js": "./node_modules/moment/locale/jv.js",
|
||||||
|
"./ka": "./node_modules/moment/locale/ka.js",
|
||||||
|
"./ka.js": "./node_modules/moment/locale/ka.js",
|
||||||
|
"./kk": "./node_modules/moment/locale/kk.js",
|
||||||
|
"./kk.js": "./node_modules/moment/locale/kk.js",
|
||||||
|
"./km": "./node_modules/moment/locale/km.js",
|
||||||
|
"./km.js": "./node_modules/moment/locale/km.js",
|
||||||
|
"./kn": "./node_modules/moment/locale/kn.js",
|
||||||
|
"./kn.js": "./node_modules/moment/locale/kn.js",
|
||||||
|
"./ko": "./node_modules/moment/locale/ko.js",
|
||||||
|
"./ko.js": "./node_modules/moment/locale/ko.js",
|
||||||
|
"./ku": "./node_modules/moment/locale/ku.js",
|
||||||
|
"./ku.js": "./node_modules/moment/locale/ku.js",
|
||||||
|
"./ky": "./node_modules/moment/locale/ky.js",
|
||||||
|
"./ky.js": "./node_modules/moment/locale/ky.js",
|
||||||
|
"./lb": "./node_modules/moment/locale/lb.js",
|
||||||
|
"./lb.js": "./node_modules/moment/locale/lb.js",
|
||||||
|
"./lo": "./node_modules/moment/locale/lo.js",
|
||||||
|
"./lo.js": "./node_modules/moment/locale/lo.js",
|
||||||
|
"./lt": "./node_modules/moment/locale/lt.js",
|
||||||
|
"./lt.js": "./node_modules/moment/locale/lt.js",
|
||||||
|
"./lv": "./node_modules/moment/locale/lv.js",
|
||||||
|
"./lv.js": "./node_modules/moment/locale/lv.js",
|
||||||
|
"./me": "./node_modules/moment/locale/me.js",
|
||||||
|
"./me.js": "./node_modules/moment/locale/me.js",
|
||||||
|
"./mi": "./node_modules/moment/locale/mi.js",
|
||||||
|
"./mi.js": "./node_modules/moment/locale/mi.js",
|
||||||
|
"./mk": "./node_modules/moment/locale/mk.js",
|
||||||
|
"./mk.js": "./node_modules/moment/locale/mk.js",
|
||||||
|
"./ml": "./node_modules/moment/locale/ml.js",
|
||||||
|
"./ml.js": "./node_modules/moment/locale/ml.js",
|
||||||
|
"./mn": "./node_modules/moment/locale/mn.js",
|
||||||
|
"./mn.js": "./node_modules/moment/locale/mn.js",
|
||||||
|
"./mr": "./node_modules/moment/locale/mr.js",
|
||||||
|
"./mr.js": "./node_modules/moment/locale/mr.js",
|
||||||
|
"./ms": "./node_modules/moment/locale/ms.js",
|
||||||
|
"./ms-my": "./node_modules/moment/locale/ms-my.js",
|
||||||
|
"./ms-my.js": "./node_modules/moment/locale/ms-my.js",
|
||||||
|
"./ms.js": "./node_modules/moment/locale/ms.js",
|
||||||
|
"./mt": "./node_modules/moment/locale/mt.js",
|
||||||
|
"./mt.js": "./node_modules/moment/locale/mt.js",
|
||||||
|
"./my": "./node_modules/moment/locale/my.js",
|
||||||
|
"./my.js": "./node_modules/moment/locale/my.js",
|
||||||
|
"./nb": "./node_modules/moment/locale/nb.js",
|
||||||
|
"./nb.js": "./node_modules/moment/locale/nb.js",
|
||||||
|
"./ne": "./node_modules/moment/locale/ne.js",
|
||||||
|
"./ne.js": "./node_modules/moment/locale/ne.js",
|
||||||
|
"./nl": "./node_modules/moment/locale/nl.js",
|
||||||
|
"./nl-be": "./node_modules/moment/locale/nl-be.js",
|
||||||
|
"./nl-be.js": "./node_modules/moment/locale/nl-be.js",
|
||||||
|
"./nl.js": "./node_modules/moment/locale/nl.js",
|
||||||
|
"./nn": "./node_modules/moment/locale/nn.js",
|
||||||
|
"./nn.js": "./node_modules/moment/locale/nn.js",
|
||||||
|
"./pa-in": "./node_modules/moment/locale/pa-in.js",
|
||||||
|
"./pa-in.js": "./node_modules/moment/locale/pa-in.js",
|
||||||
|
"./pl": "./node_modules/moment/locale/pl.js",
|
||||||
|
"./pl.js": "./node_modules/moment/locale/pl.js",
|
||||||
|
"./pt": "./node_modules/moment/locale/pt.js",
|
||||||
|
"./pt-br": "./node_modules/moment/locale/pt-br.js",
|
||||||
|
"./pt-br.js": "./node_modules/moment/locale/pt-br.js",
|
||||||
|
"./pt.js": "./node_modules/moment/locale/pt.js",
|
||||||
|
"./ro": "./node_modules/moment/locale/ro.js",
|
||||||
|
"./ro.js": "./node_modules/moment/locale/ro.js",
|
||||||
|
"./ru": "./node_modules/moment/locale/ru.js",
|
||||||
|
"./ru.js": "./node_modules/moment/locale/ru.js",
|
||||||
|
"./sd": "./node_modules/moment/locale/sd.js",
|
||||||
|
"./sd.js": "./node_modules/moment/locale/sd.js",
|
||||||
|
"./se": "./node_modules/moment/locale/se.js",
|
||||||
|
"./se.js": "./node_modules/moment/locale/se.js",
|
||||||
|
"./si": "./node_modules/moment/locale/si.js",
|
||||||
|
"./si.js": "./node_modules/moment/locale/si.js",
|
||||||
|
"./sk": "./node_modules/moment/locale/sk.js",
|
||||||
|
"./sk.js": "./node_modules/moment/locale/sk.js",
|
||||||
|
"./sl": "./node_modules/moment/locale/sl.js",
|
||||||
|
"./sl.js": "./node_modules/moment/locale/sl.js",
|
||||||
|
"./sq": "./node_modules/moment/locale/sq.js",
|
||||||
|
"./sq.js": "./node_modules/moment/locale/sq.js",
|
||||||
|
"./sr": "./node_modules/moment/locale/sr.js",
|
||||||
|
"./sr-cyrl": "./node_modules/moment/locale/sr-cyrl.js",
|
||||||
|
"./sr-cyrl.js": "./node_modules/moment/locale/sr-cyrl.js",
|
||||||
|
"./sr.js": "./node_modules/moment/locale/sr.js",
|
||||||
|
"./ss": "./node_modules/moment/locale/ss.js",
|
||||||
|
"./ss.js": "./node_modules/moment/locale/ss.js",
|
||||||
|
"./sv": "./node_modules/moment/locale/sv.js",
|
||||||
|
"./sv.js": "./node_modules/moment/locale/sv.js",
|
||||||
|
"./sw": "./node_modules/moment/locale/sw.js",
|
||||||
|
"./sw.js": "./node_modules/moment/locale/sw.js",
|
||||||
|
"./ta": "./node_modules/moment/locale/ta.js",
|
||||||
|
"./ta.js": "./node_modules/moment/locale/ta.js",
|
||||||
|
"./te": "./node_modules/moment/locale/te.js",
|
||||||
|
"./te.js": "./node_modules/moment/locale/te.js",
|
||||||
|
"./tet": "./node_modules/moment/locale/tet.js",
|
||||||
|
"./tet.js": "./node_modules/moment/locale/tet.js",
|
||||||
|
"./tg": "./node_modules/moment/locale/tg.js",
|
||||||
|
"./tg.js": "./node_modules/moment/locale/tg.js",
|
||||||
|
"./th": "./node_modules/moment/locale/th.js",
|
||||||
|
"./th.js": "./node_modules/moment/locale/th.js",
|
||||||
|
"./tl-ph": "./node_modules/moment/locale/tl-ph.js",
|
||||||
|
"./tl-ph.js": "./node_modules/moment/locale/tl-ph.js",
|
||||||
|
"./tlh": "./node_modules/moment/locale/tlh.js",
|
||||||
|
"./tlh.js": "./node_modules/moment/locale/tlh.js",
|
||||||
|
"./tr": "./node_modules/moment/locale/tr.js",
|
||||||
|
"./tr.js": "./node_modules/moment/locale/tr.js",
|
||||||
|
"./tzl": "./node_modules/moment/locale/tzl.js",
|
||||||
|
"./tzl.js": "./node_modules/moment/locale/tzl.js",
|
||||||
|
"./tzm": "./node_modules/moment/locale/tzm.js",
|
||||||
|
"./tzm-latn": "./node_modules/moment/locale/tzm-latn.js",
|
||||||
|
"./tzm-latn.js": "./node_modules/moment/locale/tzm-latn.js",
|
||||||
|
"./tzm.js": "./node_modules/moment/locale/tzm.js",
|
||||||
|
"./ug-cn": "./node_modules/moment/locale/ug-cn.js",
|
||||||
|
"./ug-cn.js": "./node_modules/moment/locale/ug-cn.js",
|
||||||
|
"./uk": "./node_modules/moment/locale/uk.js",
|
||||||
|
"./uk.js": "./node_modules/moment/locale/uk.js",
|
||||||
|
"./ur": "./node_modules/moment/locale/ur.js",
|
||||||
|
"./ur.js": "./node_modules/moment/locale/ur.js",
|
||||||
|
"./uz": "./node_modules/moment/locale/uz.js",
|
||||||
|
"./uz-latn": "./node_modules/moment/locale/uz-latn.js",
|
||||||
|
"./uz-latn.js": "./node_modules/moment/locale/uz-latn.js",
|
||||||
|
"./uz.js": "./node_modules/moment/locale/uz.js",
|
||||||
|
"./vi": "./node_modules/moment/locale/vi.js",
|
||||||
|
"./vi.js": "./node_modules/moment/locale/vi.js",
|
||||||
|
"./x-pseudo": "./node_modules/moment/locale/x-pseudo.js",
|
||||||
|
"./x-pseudo.js": "./node_modules/moment/locale/x-pseudo.js",
|
||||||
|
"./yo": "./node_modules/moment/locale/yo.js",
|
||||||
|
"./yo.js": "./node_modules/moment/locale/yo.js",
|
||||||
|
"./zh-cn": "./node_modules/moment/locale/zh-cn.js",
|
||||||
|
"./zh-cn.js": "./node_modules/moment/locale/zh-cn.js",
|
||||||
|
"./zh-hk": "./node_modules/moment/locale/zh-hk.js",
|
||||||
|
"./zh-hk.js": "./node_modules/moment/locale/zh-hk.js",
|
||||||
|
"./zh-tw": "./node_modules/moment/locale/zh-tw.js",
|
||||||
|
"./zh-tw.js": "./node_modules/moment/locale/zh-tw.js"
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
function webpackContext(req) {
|
||||||
|
var id = webpackContextResolve(req);
|
||||||
|
return __webpack_require__(id);
|
||||||
|
}
|
||||||
|
function webpackContextResolve(req) {
|
||||||
|
if(!__webpack_require__.o(map, req)) {
|
||||||
|
var e = new Error("Cannot find module '" + req + "'");
|
||||||
|
e.code = 'MODULE_NOT_FOUND';
|
||||||
|
throw e;
|
||||||
|
}
|
||||||
|
return map[req];
|
||||||
|
}
|
||||||
|
webpackContext.keys = function webpackContextKeys() {
|
||||||
|
return Object.keys(map);
|
||||||
|
};
|
||||||
|
webpackContext.resolve = webpackContextResolve;
|
||||||
|
module.exports = webpackContext;
|
||||||
|
webpackContext.id = "./node_modules/moment/locale sync recursive ^\\.\\/.*$";
|
||||||
|
|
||||||
|
/***/ })
|
||||||
|
|
||||||
|
}]);
|
||||||
@@ -2,108 +2,38 @@
|
|||||||
{% set page = 'index.html' %}
|
{% set page = 'index.html' %}
|
||||||
{% extends 'layouts/master.html' %}
|
{% extends 'layouts/master.html' %}
|
||||||
|
|
||||||
{% block plugins_css %}
|
|
||||||
<link rel="stylesheet" href="libraries/jqvmap/dist/jqvmap.min.css">
|
|
||||||
<link rel="stylesheet" href="libraries/summernote/dist/summernote-bs4.css">
|
|
||||||
<link rel="stylesheet" href="libraries/owl.carousel/dist/assets/owl.carousel.min.css">
|
|
||||||
<link rel="stylesheet" href="libraries/owl.carousel/dist/assets/owl.theme.default.min.css">
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<h1>Dashboard</h1>
|
<h1>Dashboard</h1>
|
||||||
|
|
||||||
|
<div class="breadcrumb">
|
||||||
|
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
|
||||||
|
<div class="breadcrumb-item">Ecommerce</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="bg-primary rounded mb-4 shadow-smooth text-white overflow-hidden">
|
||||||
<div class="col-lg-4 col-md-4 col-sm-12">
|
<div class="row">
|
||||||
<div class="card card-statistic-2">
|
<div class="col-lg-7">
|
||||||
<div class="card-stats">
|
<div class="pl-5 pt-5 pb-5">
|
||||||
<div class="card-stats-title">Order Statistics -
|
<h3>Welcome back, Admin!</h3>
|
||||||
<div class="dropdown d-inline">
|
<p class="lead text-white line-height-4">
|
||||||
<a class="font-weight-600 dropdown-toggle" data-toggle="dropdown" href="#" id="orders-month">August</a>
|
Since you go, the system received several new orders, new tickets, and other data updates.
|
||||||
<ul class="dropdown-menu dropdown-menu-sm">
|
</p>
|
||||||
<li class="dropdown-title">Select Month</li>
|
|
||||||
<li><a href="#" class="dropdown-item">January</a></li>
|
<a href="#" class="btn btn-warning mt-3 btn-icon">
|
||||||
<li><a href="#" class="dropdown-item">February</a></li>
|
Learn More
|
||||||
<li><a href="#" class="dropdown-item">March</a></li>
|
<svg class="btn-the-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
|
||||||
<li><a href="#" class="dropdown-item">April</a></li>
|
</a>
|
||||||
<li><a href="#" class="dropdown-item">May</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">June</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">July</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item active">August</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">September</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">October</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">November</a></li>
|
|
||||||
<li><a href="#" class="dropdown-item">December</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-stats-items">
|
|
||||||
<div class="card-stats-item">
|
|
||||||
<div class="card-stats-item-count">24</div>
|
|
||||||
<div class="card-stats-item-label">Pending</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-stats-item">
|
|
||||||
<div class="card-stats-item-count">12</div>
|
|
||||||
<div class="card-stats-item-label">Shipping</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-stats-item">
|
|
||||||
<div class="card-stats-item-count">23</div>
|
|
||||||
<div class="card-stats-item-label">Completed</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-icon shadow-primary bg-primary">
|
|
||||||
<i class="fas fa-archive"></i>
|
|
||||||
</div>
|
|
||||||
<div class="card-wrap">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Total Orders</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
59
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-lg-5">
|
||||||
<div class="col-lg-4 col-md-4 col-sm-12">
|
<canvas id="balance-chart" class="mb-n3 position-absolute" height="300"></canvas>
|
||||||
<div class="card card-statistic-2">
|
|
||||||
<div class="card-chart">
|
|
||||||
<canvas id="balance-chart" height="80"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-icon shadow-primary bg-primary">
|
|
||||||
<i class="fas fa-dollar-sign"></i>
|
|
||||||
</div>
|
|
||||||
<div class="card-wrap">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Balance</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
$187,13
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-4 col-md-4 col-sm-12">
|
|
||||||
<div class="card card-statistic-2">
|
|
||||||
<div class="card-chart">
|
|
||||||
<canvas id="sales-chart" height="80"></canvas>
|
|
||||||
</div>
|
|
||||||
<div class="card-icon shadow-primary bg-primary">
|
|
||||||
<i class="fas fa-shopping-bag"></i>
|
|
||||||
</div>
|
|
||||||
<div class="card-wrap">
|
|
||||||
<div class="card-header">
|
|
||||||
<h4>Sales</h4>
|
|
||||||
</div>
|
|
||||||
<div class="card-body">
|
|
||||||
4,732
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -111,14 +41,14 @@
|
|||||||
<h4>Budget vs Sales</h4>
|
<h4>Budget vs Sales</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<canvas id="myChart" height="158"></canvas>
|
<canvas id="budget-sales" height="160"></canvas>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
<div class="card gradient-bottom">
|
<div class="card gradient-bottom">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h4>Top 5 Products</h4>
|
<h4>Top 4 Products</h4>
|
||||||
<div class="card-header-action dropdown">
|
<div class="card-header-action dropdown">
|
||||||
<a href="#" data-toggle="dropdown" class="btn btn-danger btn-shadow-danger dropdown-toggle">Month</a>
|
<a href="#" data-toggle="dropdown" class="btn btn-danger btn-shadow-danger dropdown-toggle">Month</a>
|
||||||
<ul class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
|
<ul class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
|
||||||
@@ -130,105 +60,50 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body" id="top-5-scroll">
|
<div class="card-body">
|
||||||
<ul class="list-unstyled list-unstyled-border">
|
<ul class="list-unstyled list-unstyled-border">
|
||||||
<li class="media">
|
<li class="media mb-4">
|
||||||
<img class="mr-3 rounded" width="55" src="../assets/img/products/product-3-50.png" alt="product">
|
<img class="mr-3 rounded w-14" src="img/products/product-3-50.png" alt="product">
|
||||||
<div class="media-body">
|
<div class="media-body">
|
||||||
<div class="float-right"><div class="font-weight-600 text-muted text-small">86 Sales</div></div>
|
<div class="media-title text-16"><a href="#" class="text-dark">oPhone S9 Limited</a></div>
|
||||||
<div class="media-title">oPhone S9 Limited</div>
|
<div class="mx-n2 mt-1 d-flex align-items-center">
|
||||||
<div class="mt-1">
|
<div class="mx-2 font-weight-bold text-primary">$38,700</div>
|
||||||
<div class="budget-price">
|
<div class="mx-2 text-muted">86 Sales</div>
|
||||||
<div class="budget-price-square bg-primary" data-width="64%"></div>
|
</div>
|
||||||
<div class="budget-price-label">$68,714</div>
|
</div>
|
||||||
</div>
|
</li>
|
||||||
<div class="budget-price">
|
<li class="media mb-4">
|
||||||
<div class="budget-price-square bg-danger" data-width="43%"></div>
|
<img class="mr-3 rounded w-14" src="img/products/product-4-50.png" alt="product">
|
||||||
<div class="budget-price-label">$38,700</div>
|
<div class="media-body">
|
||||||
</div>
|
<div class="media-title text-16"><a href="#" class="text-dark">iBook Pro 2020</a></div>
|
||||||
|
<div class="mx-n2 mt-1 d-flex align-items-center">
|
||||||
|
<div class="mx-2 font-weight-bold text-primary">$91,455</div>
|
||||||
|
<div class="mx-2 text-muted">67 Sales</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="media mb-4">
|
||||||
|
<img class="mr-3 rounded w-14" src="img/products/product-1-50.png" alt="product">
|
||||||
|
<div class="media-body">
|
||||||
|
<div class="media-title text-16"><a href="#" class="text-dark">Headphone Blitz</a></div>
|
||||||
|
<div class="mx-n2 mt-1 d-flex align-items-center">
|
||||||
|
<div class="mx-2 font-weight-bold text-primary">$2,835</div>
|
||||||
|
<div class="mx-2 text-muted">63 Sales</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="media">
|
<li class="media">
|
||||||
<img class="mr-3 rounded" width="55" src="../assets/img/products/product-4-50.png" alt="product">
|
<img class="mr-3 rounded w-14" src="img/products/product-3-50.png" alt="product">
|
||||||
<div class="media-body">
|
<div class="media-body">
|
||||||
<div class="float-right"><div class="font-weight-600 text-muted text-small">67 Sales</div></div>
|
<div class="media-title text-16"><a href="#" class="text-dark">oPhone X Lite</a></div>
|
||||||
<div class="media-title">iBook Pro 2018</div>
|
<div class="mx-n2 mt-1 d-flex align-items-center">
|
||||||
<div class="mt-1">
|
<div class="mx-2 font-weight-bold text-primary">$9,660</div>
|
||||||
<div class="budget-price">
|
<div class="mx-2 text-muted">28 Sales</div>
|
||||||
<div class="budget-price-square bg-primary" data-width="84%"></div>
|
|
||||||
<div class="budget-price-label">$107,133</div>
|
|
||||||
</div>
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-danger" data-width="60%"></div>
|
|
||||||
<div class="budget-price-label">$91,455</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="media">
|
|
||||||
<img class="mr-3 rounded" width="55" src="../assets/img/products/product-1-50.png" alt="product">
|
|
||||||
<div class="media-body">
|
|
||||||
<div class="float-right"><div class="font-weight-600 text-muted text-small">63 Sales</div></div>
|
|
||||||
<div class="media-title">Headphone Blitz</div>
|
|
||||||
<div class="mt-1">
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-primary" data-width="34%"></div>
|
|
||||||
<div class="budget-price-label">$3,717</div>
|
|
||||||
</div>
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-danger" data-width="28%"></div>
|
|
||||||
<div class="budget-price-label">$2,835</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="media">
|
|
||||||
<img class="mr-3 rounded" width="55" src="../assets/img/products/product-3-50.png" alt="product">
|
|
||||||
<div class="media-body">
|
|
||||||
<div class="float-right"><div class="font-weight-600 text-muted text-small">28 Sales</div></div>
|
|
||||||
<div class="media-title">oPhone X Lite</div>
|
|
||||||
<div class="mt-1">
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-primary" data-width="45%"></div>
|
|
||||||
<div class="budget-price-label">$13,972</div>
|
|
||||||
</div>
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-danger" data-width="30%"></div>
|
|
||||||
<div class="budget-price-label">$9,660</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="media">
|
|
||||||
<img class="mr-3 rounded" width="55" src="../assets/img/products/product-5-50.png" alt="product">
|
|
||||||
<div class="media-body">
|
|
||||||
<div class="float-right"><div class="font-weight-600 text-muted text-small">19 Sales</div></div>
|
|
||||||
<div class="media-title">Old Camera</div>
|
|
||||||
<div class="mt-1">
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-primary" data-width="35%"></div>
|
|
||||||
<div class="budget-price-label">$7,391</div>
|
|
||||||
</div>
|
|
||||||
<div class="budget-price">
|
|
||||||
<div class="budget-price-square bg-danger" data-width="28%"></div>
|
|
||||||
<div class="budget-price-label">$5,472</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer pt-3 d-flex justify-content-center">
|
|
||||||
<div class="budget-price justify-content-center">
|
|
||||||
<div class="budget-price-square bg-primary" data-width="20"></div>
|
|
||||||
<div class="budget-price-label">Selling Price</div>
|
|
||||||
</div>
|
|
||||||
<div class="budget-price justify-content-center">
|
|
||||||
<div class="budget-price-square bg-danger" data-width="20"></div>
|
|
||||||
<div class="budget-price-label">Budget Price</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -239,66 +114,39 @@
|
|||||||
<h4>Best Products</h4>
|
<h4>Best Products</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="owl-carousel owl-theme" id="products-carousel">
|
<div id="products-carousel" class="owl-carousel owl-theme">
|
||||||
<div>
|
<div class="pb-3">
|
||||||
<div class="product-item pb-3">
|
<div class="mx-2 text-center">
|
||||||
<div class="product-image">
|
<img alt="image" src="img/products/product-4-50.png" class="img-fluid rounded-lg w-20 mx-auto">
|
||||||
<img alt="image" src="../assets/img/products/product-4-50.png" class="img-fluid">
|
<div class="mt-2">
|
||||||
</div>
|
<div class="text-16 font-weight-bold">iBook Pro</div>
|
||||||
<div class="product-details">
|
|
||||||
<div class="product-name">iBook Pro 2018</div>
|
|
||||||
<div class="product-review">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="text-muted text-small">67 Sales</div>
|
<div class="text-muted text-small">67 Sales</div>
|
||||||
<div class="product-cta">
|
<div class="mt-3">
|
||||||
<a href="#" class="btn btn-primary">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary">Detail</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="pb-3">
|
||||||
<div class="product-item">
|
<div class="mx-2 text-center">
|
||||||
<div class="product-image">
|
<img alt="image" src="img/products/product-3-50.png" class="img-fluid rounded-lg w-20 mx-auto">
|
||||||
<img alt="image" src="../assets/img/products/product-3-50.png" class="img-fluid">
|
<div class="mt-2">
|
||||||
</div>
|
<div class="text-16 font-weight-bold">oPhone S9</div>
|
||||||
<div class="product-details">
|
|
||||||
<div class="product-name">oPhone S9 Limited</div>
|
|
||||||
<div class="product-review">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star-half"></i>
|
|
||||||
</div>
|
|
||||||
<div class="text-muted text-small">86 Sales</div>
|
<div class="text-muted text-small">86 Sales</div>
|
||||||
<div class="product-cta">
|
<div class="mt-3">
|
||||||
<a href="#" class="btn btn-primary">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary">Detail</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div class="pb-3">
|
||||||
<div class="product-item">
|
<div class="mx-2 text-center">
|
||||||
<div class="product-image">
|
<img alt="image" src="img/products/product-1-50.png" class="img-fluid rounded-lg w-20 mx-auto">
|
||||||
<img alt="image" src="../assets/img/products/product-1-50.png" class="img-fluid">
|
<div class="mt-2">
|
||||||
</div>
|
<div class="text-16 font-weight-bold">Blitz</div>
|
||||||
<div class="product-details">
|
|
||||||
<div class="product-name">Headphone Blitz</div>
|
|
||||||
<div class="product-review">
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="fas fa-star"></i>
|
|
||||||
<i class="far fa-star"></i>
|
|
||||||
</div>
|
|
||||||
<div class="text-muted text-small">63 Sales</div>
|
<div class="text-muted text-small">63 Sales</div>
|
||||||
<div class="product-cta">
|
<div class="mt-3">
|
||||||
<a href="#" class="btn btn-primary">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary">Detail</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -377,7 +225,10 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h4>Invoices</h4>
|
<h4>Invoices</h4>
|
||||||
<div class="card-header-action">
|
<div class="card-header-action">
|
||||||
<a href="#" class="btn btn-danger btn-shadow-danger">View More</a>
|
<a href="#" class="btn btn-danger btn-shadow-danger btn-icon">
|
||||||
|
View More
|
||||||
|
<svg class="btn-the-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body p-0">
|
<div class="card-body p-0">
|
||||||
@@ -397,7 +248,7 @@
|
|||||||
<td><a href="#">INV-87239</a></td>
|
<td><a href="#">INV-87239</a></td>
|
||||||
<td class="font-weight-600">Kusnadi</td>
|
<td class="font-weight-600">Kusnadi</td>
|
||||||
<td><div class="badge badge-warning">Unpaid</div></td>
|
<td><div class="badge badge-warning">Unpaid</div></td>
|
||||||
<td>July 19, 2018</td>
|
<td>July 19, 2020</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -406,7 +257,7 @@
|
|||||||
<td><a href="#">INV-48574</a></td>
|
<td><a href="#">INV-48574</a></td>
|
||||||
<td class="font-weight-600">Hasan Basri</td>
|
<td class="font-weight-600">Hasan Basri</td>
|
||||||
<td><div class="badge badge-success">Paid</div></td>
|
<td><div class="badge badge-success">Paid</div></td>
|
||||||
<td>July 21, 2018</td>
|
<td>July 21, 2020</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -415,7 +266,7 @@
|
|||||||
<td><a href="#">INV-76824</a></td>
|
<td><a href="#">INV-76824</a></td>
|
||||||
<td class="font-weight-600">Muhamad Nuruzzaki</td>
|
<td class="font-weight-600">Muhamad Nuruzzaki</td>
|
||||||
<td><div class="badge badge-warning">Unpaid</div></td>
|
<td><div class="badge badge-warning">Unpaid</div></td>
|
||||||
<td>July 22, 2018</td>
|
<td>July 22, 2020</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -424,7 +275,7 @@
|
|||||||
<td><a href="#">INV-84990</a></td>
|
<td><a href="#">INV-84990</a></td>
|
||||||
<td class="font-weight-600">Agung Ardiansyah</td>
|
<td class="font-weight-600">Agung Ardiansyah</td>
|
||||||
<td><div class="badge badge-warning">Unpaid</div></td>
|
<td><div class="badge badge-warning">Unpaid</div></td>
|
||||||
<td>July 22, 2018</td>
|
<td>July 22, 2020</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -433,7 +284,7 @@
|
|||||||
<td><a href="#">INV-87320</a></td>
|
<td><a href="#">INV-87320</a></td>
|
||||||
<td class="font-weight-600">Ardian Rahardiansyah</td>
|
<td class="font-weight-600">Ardian Rahardiansyah</td>
|
||||||
<td><div class="badge badge-success">Paid</div></td>
|
<td><div class="badge badge-success">Paid</div></td>
|
||||||
<td>July 28, 2018</td>
|
<td>July 28, 2020</td>
|
||||||
<td>
|
<td>
|
||||||
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
<a href="#" class="btn btn-primary btn-shadow-primary btn-block">Detail</a>
|
||||||
</td>
|
</td>
|
||||||
@@ -445,49 +296,38 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="card card-hero">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="px-4 py-4 bg-primary text-white rounded-top">
|
||||||
<div class="card-icon">
|
<a href="features-tickets.html" class="float-right btn btn-warning btn-sm text-base btn-icon">
|
||||||
<i class="far fa-question-circle"></i>
|
View All
|
||||||
</div>
|
<svg class="btn-the-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg>
|
||||||
<h4>14</h4>
|
</a>
|
||||||
<div class="card-description">Customers need help</div>
|
<div class="h1">14</div>
|
||||||
|
<p class="lead mb-0">Customers need help</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body p-0">
|
<div class="card-body p-0">
|
||||||
<div class="tickets-list">
|
<div class="d-flex flex-column">
|
||||||
<a href="#" class="ticket-item">
|
<div class="py-4 px-4 border-bottom border-light">
|
||||||
<div class="ticket-title">
|
<h6><a href="#">My order hasn't arrived yet</a></h6>
|
||||||
<h4>My order hasn't arrived yet</h4>
|
<div class="d-flex mx-n2">
|
||||||
|
<div class="mx-2">Laila Tazkiah</div>
|
||||||
|
<div class="mx-2">1 min ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ticket-info">
|
</div>
|
||||||
<div>Laila Tazkiah</div>
|
<div class="py-4 px-4 border-bottom border-light">
|
||||||
<div class="bullet"></div>
|
<h6><a href="#">Please cancel my order</a></h6>
|
||||||
<div class="text-primary">1 min ago</div>
|
<div class="d-flex mx-n2">
|
||||||
|
<div class="mx-2">Rizal Fakhri</div>
|
||||||
|
<div class="mx-2">2 hours ago</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
<a href="#" class="ticket-item">
|
<div class="py-4 px-4 border-bottom border-light">
|
||||||
<div class="ticket-title">
|
<h6><a href="#">Do you see my mother?</a></h6>
|
||||||
<h4>Please cancel my order</h4>
|
<div class="d-flex mx-n2">
|
||||||
|
<div class="mx-2">Syahdan Ubaidillah</div>
|
||||||
|
<div class="mx-2">6 hours ago</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ticket-info">
|
</div>
|
||||||
<div>Rizal Fakhri</div>
|
|
||||||
<div class="bullet"></div>
|
|
||||||
<div>2 hours ago</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="#" class="ticket-item">
|
|
||||||
<div class="ticket-title">
|
|
||||||
<h4>Do you see my mother?</h4>
|
|
||||||
</div>
|
|
||||||
<div class="ticket-info">
|
|
||||||
<div>Syahdan Ubaidillah</div>
|
|
||||||
<div class="bullet"></div>
|
|
||||||
<div>6 hours ago</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<a href="features-tickets.html" class="ticket-item ticket-more">
|
|
||||||
View All <i class="fas fa-chevron-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -496,14 +336,6 @@
|
|||||||
</section>
|
</section>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block plugins_js %}
|
|
||||||
<script src="libraries/jquery-sparkline/jquery.sparkline.min.js"></script>
|
|
||||||
<script src="libraries/chart.js/dist/Chart.min.js"></script>
|
|
||||||
<script src="libraries/owl.carousel/dist/owl.carousel.min.js"></script>
|
|
||||||
<script src="libraries/summernote/dist/summernote-bs4.js"></script>
|
|
||||||
<script src="libraries/chocolat/dist/js/jquery.chocolat.min.js"></script>
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
{% block page_js %}
|
{% block page_js %}
|
||||||
<script src="../assets/js/page/index.js"></script>
|
<script src="js/page/index.js"></script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -30,10 +30,10 @@
|
|||||||
</form>
|
</form>
|
||||||
<ul class="navbar-nav ml-auto">
|
<ul class="navbar-nav ml-auto">
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" data-toggle="dropdown" class="nav-link nav-link-lg message-toggle beep">
|
<a href="#" data-toggle="dropdown" class="nav-link nav-link-lg message-toggle">
|
||||||
<svg class="nav-link-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
|
<svg class="nav-link-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-primary dropdown-bordered dropdown-menu-right">
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-primary dropdown-bordered dropdown-menu-right">
|
||||||
<div class="dropdown-header dropdown-header-lg">
|
<div class="dropdown-header dropdown-header-lg">
|
||||||
Messages
|
Messages
|
||||||
<div class="float-right">
|
<div class="float-right">
|
||||||
@@ -41,43 +41,43 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<img alt="image" src="img/avatar/avatar-1.png" class="rounded-circle avatar flex-shrink-0">
|
<img alt="image" src="img/avatar/avatar-1.png" class="rounded-circle avatar flex-shrink-0">
|
||||||
<div class="ml-3 w-100">
|
<div class="ml-3 w-100">
|
||||||
<div class="float-right font-weight-bold">10 Hours Ago</div>
|
<div class="float-right font-weight-bold">10 Hours Ago</div>
|
||||||
<h6>Kusnaedi</h6>
|
<div class="text-16 font-weight-bold">Kusnaedi</div>
|
||||||
<p class="mb-0 text-muted">Hello, Bro!</p>
|
<p class="mb-0 text-muted">Hello, Bro!</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<img alt="image" src="img/avatar/avatar-2.png" class="rounded-circle avatar flex-shrink-0">
|
<img alt="image" src="img/avatar/avatar-2.png" class="rounded-circle avatar flex-shrink-0">
|
||||||
<div class="ml-3 w-100">
|
<div class="ml-3 w-100">
|
||||||
<div class="float-right font-weight-bold">12 Hours Ago</div>
|
<div class="float-right font-weight-bold">12 Hours Ago</div>
|
||||||
<h6>Dedik Sugiharto</h6>
|
<div class="text-16 font-weight-bold">Dedik Sugiharto</div>
|
||||||
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
|
<p class="mb-0 text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<img alt="image" src="img/avatar/avatar-3.png" class="rounded-circle avatar flex-shrink-0">
|
<img alt="image" src="img/avatar/avatar-3.png" class="rounded-circle avatar flex-shrink-0">
|
||||||
<div class="ml-3 w-100">
|
<div class="ml-3 w-100">
|
||||||
<div class="float-right font-weight-bold">12 Hours Ago</div>
|
<div class="float-right font-weight-bold">12 Hours Ago</div>
|
||||||
<h6>Agung Ardiansyah</h6>
|
<div class="text-16 font-weight-bold">Agung Ardiansyah</div>
|
||||||
<p class="mb-0 text-muted">Sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
<p class="mb-0 text-muted">Sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex bg-gray-100 align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex bg-gray-100 align-items-start">
|
||||||
<img alt="image" src="img/avatar/avatar-4.png" class="rounded-circle avatar flex-shrink-0">
|
<img alt="image" src="img/avatar/avatar-4.png" class="rounded-circle avatar flex-shrink-0">
|
||||||
<div class="ml-3 w-100">
|
<div class="ml-3 w-100">
|
||||||
<div class="float-right font-weight-bold">16 Hours Ago</div>
|
<div class="float-right font-weight-bold">16 Hours Ago</div>
|
||||||
<h6>Ardian Rahardiansyah</h6>
|
<div class="text-16 font-weight-bold">Ardian Rahardiansyah</div>
|
||||||
<p class="mb-0 text-muted">Duis aute irure dolor in reprehenderit in voluptate velit ess</p>
|
<p class="mb-0 text-muted">Duis aute irure dolor in reprehenderit in voluptate velit ess</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex bg-gray-100 align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex bg-gray-100 align-items-start">
|
||||||
<img alt="image" src="img/avatar/avatar-5.png" class="rounded-circle avatar flex-shrink-0">
|
<img alt="image" src="img/avatar/avatar-5.png" class="rounded-circle avatar flex-shrink-0">
|
||||||
<div class="ml-3 w-100">
|
<div class="ml-3 w-100">
|
||||||
<div class="float-right font-weight-bold">Yesterday</div>
|
<div class="float-right font-weight-bold">Yesterday</div>
|
||||||
<h6>Alfa Zulkarnain</h6>
|
<div class="text-16 font-weight-bold">Alfa Zulkarnain</div>
|
||||||
<p class="mb-0 text-muted">Exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
|
<p class="mb-0 text-muted">Exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
@@ -91,14 +91,14 @@
|
|||||||
<a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep">
|
<a href="#" data-toggle="dropdown" class="nav-link notification-toggle nav-link-lg beep">
|
||||||
<svg class="nav-link-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
|
<svg class="nav-link-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-primary dropdown-bordered dropdown-list dropdown-menu-right">
|
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-primary dropdown-bordered dropdown-list dropdown-menu-right">
|
||||||
<div class="dropdown-header dropdown-header-lg">Notifications
|
<div class="dropdown-header dropdown-header-lg">Notifications
|
||||||
<div class="float-right">
|
<div class="float-right">
|
||||||
<a href="#">Mark All As Read</a>
|
<a href="#">Mark All As Read</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropdown-list-content dropdown-list-icons">
|
<div class="dropdown-list-content dropdown-list-icons">
|
||||||
<a href="#" class="dropdown-item py-3 bg-gray-100 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 bg-gray-100 d-flex align-items-start">
|
||||||
<div class="bg-primary w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
<div class="bg-primary w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
||||||
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -107,7 +107,7 @@
|
|||||||
<div class="mt-1 text-muted">2 Min Ago</div>
|
<div class="mt-1 text-muted">2 Min Ago</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<div class="bg-info w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
<div class="bg-info w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
||||||
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -116,7 +116,7 @@
|
|||||||
<div class="mt-1 text-muted">10 Hours Ago</div>
|
<div class="mt-1 text-muted">10 Hours Ago</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<div class="bg-success w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
<div class="bg-success w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
||||||
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-move"><polyline points="5 9 2 12 5 15"></polyline><polyline points="9 5 12 2 15 5"></polyline><polyline points="15 19 12 22 9 19"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="12" x2="22" y2="12"></line><line x1="12" y1="2" x2="12" y2="22"></line></svg>
|
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-move"><polyline points="5 9 2 12 5 15"></polyline><polyline points="9 5 12 2 15 5"></polyline><polyline points="15 19 12 22 9 19"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="12" x2="22" y2="12"></line><line x1="12" y1="2" x2="12" y2="22"></line></svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -125,7 +125,7 @@
|
|||||||
<div class="mt-1 text-muted">12 Hours Ago</div>
|
<div class="mt-1 text-muted">12 Hours Ago</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<div class="bg-danger w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
<div class="bg-danger w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
||||||
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
|
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -134,7 +134,7 @@
|
|||||||
<div class="mt-1 text-muted">17 Hours Ago</div>
|
<div class="mt-1 text-muted">17 Hours Ago</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="dropdown-item py-3 d-flex align-items-start">
|
<a href="#" class="dropdown-item white-space-normal py-3 d-flex align-items-start">
|
||||||
<div class="bg-info w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
<div class="bg-info w-10 h-10 p-2 rounded-circle d-flex align-items-center justify-content-center text-white">
|
||||||
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
|
<svg class="svg-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smile"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
|
||||||
</div>
|
</div>
|
||||||
@@ -152,7 +152,7 @@
|
|||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="#" data-toggle="dropdown" class="nav-link d-flex pr-0 align-items-center dropdown-toggle">
|
<a href="#" data-toggle="dropdown" class="nav-link d-flex pr-0 align-items-center dropdown-toggle">
|
||||||
<img alt="image" src="img/avatar/avatar-1.png" class="rounded mr-2 avatar-sm">
|
<img alt="image" src="img/avatar/avatar-1.png" class="rounded mr-2 avatar-sm">
|
||||||
<div class="d-sm-none font-weight-bold d-lg-inline-block">Hi, Ujang Maman</div>
|
<div class="d-sm-none font-weight-bold d-lg-inline-block"><span class="font-weight-light">Hi</span>, Irwansyah Saputra</div>
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-user dropdown-menu-primary">
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-user dropdown-menu-primary">
|
||||||
<h6 class="dropdown-header text-primary">Logged in 5 min ago</h6>
|
<h6 class="dropdown-header text-primary">Logged in 5 min ago</h6>
|
||||||
|
|||||||
16
src/js/libraries/_chartjs.config.js
Normal file
16
src/js/libraries/_chartjs.config.js
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
/**
|
||||||
|
* More information: https://www.chartjs.org/docs/latest/configuration
|
||||||
|
*/
|
||||||
|
|
||||||
|
Chart.defaults.global.defaultFontFamily = "'Source Sans Pro', 'Segoe UI', 'Arial'";
|
||||||
|
Chart.defaults.global.defaultFontSize = 14;
|
||||||
|
Chart.defaults.global.defaultFontStyle = 400;
|
||||||
|
Chart.defaults.global.defaultFontColor = "#999";
|
||||||
|
Chart.defaults.global.tooltips.backgroundColor = '#000';
|
||||||
|
Chart.defaults.global.tooltips.titleFontFamily = "'Source Sans Pro', 'Segoe UI', 'Arial'";
|
||||||
|
Chart.defaults.global.tooltips.titleFontColor = '#fff';
|
||||||
|
Chart.defaults.global.tooltips.titleFontSize = 16;
|
||||||
|
Chart.defaults.global.tooltips.titleMarginBottom = 10;
|
||||||
|
Chart.defaults.global.tooltips.xPadding = 18;
|
||||||
|
Chart.defaults.global.tooltips.yPadding = 18;
|
||||||
|
Chart.defaults.global.tooltips.cornerRadius = 5;
|
||||||
@@ -1,31 +1,54 @@
|
|||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var ctx = document.getElementById("myChart").getContext('2d');
|
/**
|
||||||
|
* Import all JS libraries
|
||||||
|
*/
|
||||||
|
import 'jquery-sparkline';
|
||||||
|
|
||||||
|
import 'chart.js';
|
||||||
|
import '../libraries/_chartjs.config';
|
||||||
|
|
||||||
|
import 'owl.carousel';
|
||||||
|
import 'owl.carousel/dist/assets/owl.carousel.min.css';
|
||||||
|
import 'owl.carousel/dist/assets/owl.theme.default.min.css';
|
||||||
|
|
||||||
|
import 'summernote';
|
||||||
|
import 'summernote/dist/summernote-bs4.css';
|
||||||
|
|
||||||
|
import 'chocolat';
|
||||||
|
|
||||||
|
import 'jqvmap/dist/jqvmap.min.css';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Index.js
|
||||||
|
*/
|
||||||
|
|
||||||
|
var ctx = document.getElementById("budget-sales").getContext('2d');
|
||||||
var myChart = new Chart(ctx, {
|
var myChart = new Chart(ctx, {
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: {
|
data: {
|
||||||
labels: ["January", "February", "March", "April", "May", "June", "July", "August"],
|
labels: ["January", "February", "March", "April", "May", "June", "July", "August"],
|
||||||
datasets: [{
|
datasets: [{
|
||||||
label: 'Sales',
|
label: 'Sales',
|
||||||
data: [3200, 1800, 4305, 3022, 6310, 5120, 5880, 6154],
|
data: [3200, 1800, 4305, 3022, 6310, 5120, 5880, 4154],
|
||||||
borderWidth: 2,
|
borderWidth: 2,
|
||||||
backgroundColor: 'rgba(63,82,227,.8)',
|
backgroundColor: 'rgba(37,89,232,.9)',
|
||||||
borderWidth: 0,
|
borderWidth: 0,
|
||||||
borderColor: 'transparent',
|
borderColor: 'transparent',
|
||||||
pointBorderWidth: 0,
|
pointBorderWidth: 0,
|
||||||
pointRadius: 3.5,
|
pointRadius: 8,
|
||||||
pointBackgroundColor: 'transparent',
|
pointBackgroundColor: 'transparent',
|
||||||
pointHoverBackgroundColor: 'rgba(63,82,227,.8)',
|
pointHoverBackgroundColor: 'rgba(37,89,232,.8)',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: 'Budget',
|
label: 'Budget',
|
||||||
data: [2207, 3403, 2200, 5025, 2302, 4208, 3880, 4880],
|
data: [2207, 3403, 2200, 5025, 2302, 4208, 3880, 2880],
|
||||||
borderWidth: 2,
|
borderWidth: 2,
|
||||||
backgroundColor: 'rgba(254,86,83,.7)',
|
backgroundColor: 'rgba(255,40,83,.9)',
|
||||||
borderWidth: 0,
|
borderWidth: 0,
|
||||||
borderColor: 'transparent',
|
borderColor: 'transparent',
|
||||||
pointBorderWidth: 0 ,
|
pointBorderWidth: 0 ,
|
||||||
pointRadius: 3.5,
|
pointRadius: 8,
|
||||||
pointBackgroundColor: 'transparent',
|
pointBackgroundColor: 'transparent',
|
||||||
pointHoverBackgroundColor: 'rgba(254,86,83,.8)',
|
pointHoverBackgroundColor: 'rgba(254,86,83,.8)',
|
||||||
}]
|
}]
|
||||||
@@ -61,100 +84,46 @@ var myChart = new Chart(ctx, {
|
|||||||
|
|
||||||
var balance_chart = document.getElementById("balance-chart").getContext('2d');
|
var balance_chart = document.getElementById("balance-chart").getContext('2d');
|
||||||
|
|
||||||
var balance_chart_bg_color = balance_chart.createLinearGradient(0, 0, 0, 70);
|
var gradientGridlines = ctx.createLinearGradient(400, 0, 0, 0);
|
||||||
balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
|
gradientGridlines.addColorStop(0, 'rgba(255,255,255,.2)');
|
||||||
balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
|
gradientGridlines.addColorStop(.7, 'rgba(255,255,255,.1)');
|
||||||
|
gradientGridlines.addColorStop(1, 'rgba(255,255,255,0)');
|
||||||
|
|
||||||
var myChart = new Chart(balance_chart, {
|
var myChart = new Chart(balance_chart, {
|
||||||
type: 'line',
|
type: 'bar',
|
||||||
data: {
|
data: {
|
||||||
labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018', '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018', '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'],
|
labels: [35, 33, 63, 46, 68, 53, 45, 40, 55, 45, 55, 62, 75],
|
||||||
datasets: [{
|
datasets: [{
|
||||||
label: 'Balance',
|
label: 'Balance',
|
||||||
data: [50, 61, 80, 50, 72, 52, 60, 41, 30, 45, 70, 40, 93, 63, 50, 62],
|
data: [35, 33, 63, 46, 68, 53, 45, 40, 55, 45, 55, 62, 75],
|
||||||
backgroundColor: balance_chart_bg_color,
|
backgroundColor: 'rgba(255,222,40,1)',
|
||||||
borderWidth: 3,
|
borderWidth: 3,
|
||||||
borderColor: 'rgba(63,82,227,1)',
|
borderColor: 'transparent',
|
||||||
pointBorderWidth: 0,
|
pointBorderWidth: 0,
|
||||||
pointBorderColor: 'transparent',
|
pointBorderColor: 'rgba(255,222,40,1)',
|
||||||
pointRadius: 3,
|
pointRadius: 6,
|
||||||
pointBackgroundColor: 'transparent',
|
pointBackgroundColor: 'rgba(255,222,40,1)',
|
||||||
pointHoverBackgroundColor: 'rgba(63,82,227,1)',
|
pointHoverBackgroundColor: 'rgba(255,222,40,1)',
|
||||||
}]
|
}]
|
||||||
},
|
},
|
||||||
options: {
|
options: {
|
||||||
layout: {
|
layout: {
|
||||||
padding: {
|
padding: {
|
||||||
bottom: -1,
|
bottom: 0,
|
||||||
left: -1
|
left: 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
display: false
|
display: false,
|
||||||
},
|
},
|
||||||
scales: {
|
scales: {
|
||||||
yAxes: [{
|
yAxes: [{
|
||||||
gridLines: {
|
gridLines: {
|
||||||
display: false,
|
display: true,
|
||||||
drawBorder: false,
|
zeroLineWidth: 2,
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
beginAtZero: true,
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
xAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
drawBorder: false,
|
|
||||||
display: false,
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
display: false
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var sales_chart = document.getElementById("sales-chart").getContext('2d');
|
|
||||||
|
|
||||||
var sales_chart_bg_color = sales_chart.createLinearGradient(0, 0, 0, 80);
|
|
||||||
balance_chart_bg_color.addColorStop(0, 'rgba(63,82,227,.2)');
|
|
||||||
balance_chart_bg_color.addColorStop(1, 'rgba(63,82,227,0)');
|
|
||||||
|
|
||||||
var myChart = new Chart(sales_chart, {
|
|
||||||
type: 'line',
|
|
||||||
data: {
|
|
||||||
labels: ['16-07-2018', '17-07-2018', '18-07-2018', '19-07-2018', '20-07-2018', '21-07-2018', '22-07-2018', '23-07-2018', '24-07-2018', '25-07-2018', '26-07-2018', '27-07-2018', '28-07-2018', '29-07-2018', '30-07-2018', '31-07-2018'],
|
|
||||||
datasets: [{
|
|
||||||
label: 'Sales',
|
|
||||||
data: [70, 62, 44, 40, 21, 63, 82, 52, 50, 31, 70, 50, 91, 63, 51, 60],
|
|
||||||
borderWidth: 2,
|
|
||||||
backgroundColor: balance_chart_bg_color,
|
|
||||||
borderWidth: 3,
|
|
||||||
borderColor: 'rgba(63,82,227,1)',
|
|
||||||
pointBorderWidth: 0,
|
|
||||||
pointBorderColor: 'transparent',
|
|
||||||
pointRadius: 3,
|
|
||||||
pointBackgroundColor: 'transparent',
|
|
||||||
pointHoverBackgroundColor: 'rgba(63,82,227,1)',
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
layout: {
|
|
||||||
padding: {
|
|
||||||
bottom: -1,
|
|
||||||
left: -1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
display: false
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
yAxes: [{
|
|
||||||
gridLines: {
|
|
||||||
display: false,
|
|
||||||
drawBorder: false,
|
drawBorder: false,
|
||||||
|
lineWidth: 2,
|
||||||
|
color: gradientGridlines
|
||||||
},
|
},
|
||||||
ticks: {
|
ticks: {
|
||||||
beginAtZero: true,
|
beginAtZero: true,
|
||||||
|
|||||||
@@ -7,6 +7,22 @@ $font-size-base: 1rem;
|
|||||||
$font-size-lg: $font-size-base * 1.15;
|
$font-size-lg: $font-size-base * 1.15;
|
||||||
$font-size-sm: $font-size-base * .75;
|
$font-size-sm: $font-size-base * .75;
|
||||||
|
|
||||||
|
$h1-font-size: $font-size-base * 2.75;
|
||||||
|
$h2-font-size: $font-size-base * 2.25;
|
||||||
|
$h3-font-size: $font-size-base * 2;
|
||||||
|
$h4-font-size: $font-size-base * 1.75;
|
||||||
|
$h5-font-size: $font-size-base * 1.5;
|
||||||
|
$h6-font-size: $font-size-base * 1.25;
|
||||||
|
|
||||||
|
$input-btn-padding-y: .6rem;
|
||||||
|
$input-btn-padding-x: 1.5rem;
|
||||||
|
|
||||||
|
$input-btn-padding-y-sm: .3rem;
|
||||||
|
$input-btn-padding-x-sm: .8rem;
|
||||||
|
|
||||||
|
$input-btn-padding-y-lg: .8rem;
|
||||||
|
$input-btn-padding-x-lg: 1.9rem;
|
||||||
|
|
||||||
$gray-100: #f8f9fa;
|
$gray-100: #f8f9fa;
|
||||||
$gray-200: #e9ecef;
|
$gray-200: #e9ecef;
|
||||||
$gray-300: #dee2e6;
|
$gray-300: #dee2e6;
|
||||||
@@ -19,7 +35,7 @@ $gray-900: #212529;
|
|||||||
|
|
||||||
$primary: #2559e8;
|
$primary: #2559e8;
|
||||||
$secondary: #e8e9eb;
|
$secondary: #e8e9eb;
|
||||||
$success: #28ff69;
|
$success: #12CC84;
|
||||||
$danger: #ff2853;
|
$danger: #ff2853;
|
||||||
$info: #28b7ff;
|
$info: #28b7ff;
|
||||||
$warning: #ffde28;
|
$warning: #ffde28;
|
||||||
@@ -28,10 +44,14 @@ $dark: #060e26;
|
|||||||
$black: #000;
|
$black: #000;
|
||||||
$white: #fff;
|
$white: #fff;
|
||||||
$spacer: 1.2rem;
|
$spacer: 1.2rem;
|
||||||
$border-width: 0;
|
$border-width: 1px;
|
||||||
$btn-border-radius: .25rem;
|
$btn-border-radius: .25rem;
|
||||||
$enable-shadows: true;
|
$enable-shadows: true;
|
||||||
|
|
||||||
|
$card-border-width: 0;
|
||||||
|
|
||||||
|
$dropdown-border-width: 0;
|
||||||
|
|
||||||
$table-border-width: 1px;
|
$table-border-width: 1px;
|
||||||
$table-border-color: $gray-200;
|
$table-border-color: $gray-200;
|
||||||
|
|
||||||
@@ -92,6 +112,11 @@ $navbar-height: 5rem;
|
|||||||
|
|
||||||
$content-padding: 2rem;
|
$content-padding: 2rem;
|
||||||
|
|
||||||
|
$badge-padding-y: .4em;
|
||||||
|
$badge-padding-x: .7em;
|
||||||
|
$badge-font-size: $font-size-base;
|
||||||
|
$badge-font-weight: 400;
|
||||||
|
|
||||||
$section-padding-y: 1rem;
|
$section-padding-y: 1rem;
|
||||||
$section-padding-x: 2rem;
|
$section-padding-x: 2rem;
|
||||||
|
|
||||||
@@ -151,6 +176,14 @@ $sizes: (
|
|||||||
8: 2rem,
|
8: 2rem,
|
||||||
9: 2.25rem,
|
9: 2.25rem,
|
||||||
10: 2.5rem,
|
10: 2.5rem,
|
||||||
|
11: 2.75rem,
|
||||||
|
12: 3rem,
|
||||||
|
14: 3.5rem,
|
||||||
|
15: 4rem,
|
||||||
|
16: 4.5rem,
|
||||||
|
18: 5rem,
|
||||||
|
19: 6rem,
|
||||||
|
20: 7rem,
|
||||||
25: 25%,
|
25: 25%,
|
||||||
50: 50%,
|
50: 50%,
|
||||||
75: 75%,
|
75: 75%,
|
||||||
@@ -162,3 +195,18 @@ $sizes: (
|
|||||||
$footer-bg: $white;
|
$footer-bg: $white;
|
||||||
$footer-padding-y: 1.5rem;
|
$footer-padding-y: 1.5rem;
|
||||||
$footer-padding-x: 2rem;
|
$footer-padding-x: 2rem;
|
||||||
|
|
||||||
|
// line height
|
||||||
|
$line-height: (
|
||||||
|
none: 1,
|
||||||
|
1: 1.25,
|
||||||
|
2: 1.375,
|
||||||
|
3: 1.5,
|
||||||
|
4: 1.625,
|
||||||
|
5: 2,
|
||||||
|
6: .75rem,
|
||||||
|
7: 1rem,
|
||||||
|
8: 1.25rem,
|
||||||
|
9: 1.5rem,
|
||||||
|
10: 1.75rem,
|
||||||
|
);
|
||||||
@@ -14,7 +14,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.beep::after {
|
.beep::after {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -28,4 +27,26 @@
|
|||||||
animation-iteration-count: 1;
|
animation-iteration-count: 1;
|
||||||
animation-iteration-count: infinite;
|
animation-iteration-count: infinite;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.white-space-normal {
|
||||||
|
white-space: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-16 {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-base {
|
||||||
|
font-size: $font-size-base;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shadow-smooth {
|
||||||
|
box-shadow: $box-shadow-smooth;
|
||||||
|
}
|
||||||
|
|
||||||
|
@each $size, $value in $line-height {
|
||||||
|
.line-height-#{$size} {
|
||||||
|
line-height: map-get($line-height, $size) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,82 +1,3 @@
|
|||||||
.badges {
|
/**
|
||||||
.badge {
|
* Put some codes
|
||||||
@include children-margin;
|
*/
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
vertical-align: middle;
|
|
||||||
padding: 7px 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: .3px;
|
|
||||||
border-radius: 30px;
|
|
||||||
font-size: 12px;
|
|
||||||
&.badge-warning {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
&.badge-primary {
|
|
||||||
background-color: color(primary);
|
|
||||||
}
|
|
||||||
&.badge-secondary {
|
|
||||||
background-color: color(secondary);
|
|
||||||
}
|
|
||||||
&.badge-success {
|
|
||||||
background-color: color(success);
|
|
||||||
}
|
|
||||||
&.badge-info {
|
|
||||||
background-color: color(info);
|
|
||||||
}
|
|
||||||
&.badge-danger {
|
|
||||||
background-color: color(danger);
|
|
||||||
}
|
|
||||||
&.badge-light {
|
|
||||||
background-color: color(light);
|
|
||||||
color: color(dark);
|
|
||||||
}
|
|
||||||
&.badge-white {
|
|
||||||
background-color: color(white);
|
|
||||||
color: color(dark);
|
|
||||||
}
|
|
||||||
&.badge-dark {
|
|
||||||
background-color: color(dark);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 .badge {
|
|
||||||
font-size: 24px;
|
|
||||||
padding: 16px 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 .badge {
|
|
||||||
font-size: 22px;
|
|
||||||
padding: 14px 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 .badge {
|
|
||||||
font-size: 18px;
|
|
||||||
padding: 11px 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 .badge {
|
|
||||||
font-size: 16px;
|
|
||||||
padding: 8px 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 .badge {
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 5px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 .badge {
|
|
||||||
font-size: 11px;
|
|
||||||
padding: 3px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn .badge {
|
|
||||||
margin-left: 5px;
|
|
||||||
padding: 4px 7px;
|
|
||||||
&.badge-transparent {
|
|
||||||
background-color: rgba(255, 255, 255, .25);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -2,12 +2,22 @@
|
|||||||
* Shadow
|
* Shadow
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
@each $color, $value in $theme-colors {
|
||||||
.btn-shadow-#{$color} {
|
.btn-shadow-#{$color} {
|
||||||
@include button-shadow($color);
|
@include button-shadow($color);
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-icon {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.btn-the-icon {
|
||||||
|
margin-left: .3rem;
|
||||||
|
width: svg('sm');
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: $h5-font-size;
|
font-size: $h6-font-size;
|
||||||
}
|
}
|
||||||
.card-header-action {
|
.card-header-action {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
|||||||
@@ -14,6 +14,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.dropdown-menu-lg {
|
||||||
|
width: 30rem;
|
||||||
|
}
|
||||||
|
|
||||||
&.dropdown-bordered {
|
&.dropdown-bordered {
|
||||||
.dropdown-item {
|
.dropdown-item {
|
||||||
border-bottom: 1px solid $light;
|
border-bottom: 1px solid $light;
|
||||||
|
|||||||
@@ -34,6 +34,8 @@
|
|||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
|
border-left: none;
|
||||||
|
border-right: none;
|
||||||
border-top: .45rem solid transparent;
|
border-top: .45rem solid transparent;
|
||||||
border-bottom: .14rem solid transparent;
|
border-bottom: .14rem solid transparent;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|||||||
@@ -28,4 +28,5 @@ html {
|
|||||||
@import 'extender/_table';
|
@import 'extender/_table';
|
||||||
@import 'extender/_button';
|
@import 'extender/_button';
|
||||||
@import 'extender/_media';
|
@import 'extender/_media';
|
||||||
|
@import 'extender/_badge';
|
||||||
@import 'components/_avatar';
|
@import 'components/_avatar';
|
||||||
Reference in New Issue
Block a user