-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
1 lines (1 loc) · 28.5 KB
/
app.js
1
!function(t){var n={};function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="/",e(e.s=13)}([function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}();var r=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t)}return o(t,[{key:"get",value:function(t,n,e){(n=n||{}).key="f0ef8bd32a004f1daf0d53b1",n.tags="mogboard",t=t+"?"+Object.keys(n).map(function(t){return encodeURIComponent(t)+"="+encodeURIComponent(n[t])}).join("&"),fetch("https://xivapi.com"+t,{mode:"cors"}).then(function(t){return t.json()}).then(function(t){return e(t)})}},{key:"search",value:function(t,n){var e={indexes:"item",filters:"ItemSearchCategory.ID>=1",columns:"ID,Icon,Name,LevelItem,Rarity,ItemSearchCategory.Name,ItemSearchCategory.ID,ItemKind.Name",string:t.trim(),limit:50};this.get("/search",e,n)}},{key:"getItem",value:function(t,n){this.get("/Item/"+t,{},n)}},{key:"getItemPrices",value:function(t,n,e){this.get("/market/"+n+"/items/"+t,{},e)}},{key:"getItemPriceHistory",value:function(t,n,e){this.get("/market/"+n+"/items/"+t+"/history",{},e)}},{key:"getCategoryListings",value:function(t,n,e){this.get("/market/"+n+"/category/"+t,{},e)}},{key:"getSearchCategories",value:function(t){this.get("/market/categories",{},t)}},{key:"getServerList",value:function(t){this.get("/servers/dc",{},t)}}]),t}();n.default=new r},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}();var r=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t)}return o(t,[{key:"get",value:function(t){return"https://xivapi.com"+t}}]),t}();n.default=new r},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),r=a(e(0)),i=a(e(1));function a(t){return t&&t.__esModule?t:{default:t}}var s=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.view=$(".item-market-ui"),this.uiInfo=$(".item-info"),this.uiPrices=$(".market-item-prices"),this.uiHistory=$(".market-item-history")}return o(t,[{key:"renderPrices",value:function(t,n){var e=this,o=localStorage.getItem("server");this.view.addClass("on"),this.uiPrices.html('<div class="loading">loading</div>'),r.default.getItemPrices(t,o,function(t){e.uiPrices.html("<h2>Current Prices</h2>");var o=[];o.push('<tr><th width="25%">Total</th><th width="25%">Unit</th><th>Quantity</th><th>HQ</th><th>Town</th></tr>'),t.Prices.length>0?t.Prices.forEach(function(t,n){o.push("\n <tr>\n <td>"+numeral(t.PriceTotal).format("0,0")+"</td>\n <td>"+numeral(t.PricePerUnit).format("0,0")+"</td>\n <td>"+t.Quantity+'</td>\n <td align="center">'+(t.IsHQ?'<img src="https://raw.githubusercontent.com/viion/marketboard/master/hq.png" class="hq">':"")+'</td>\n <td align="right"><img src="'+i.default.get(t.Town.Icon)+'"></td>\n </tr>\n ')}):o.push('<tr><td colspan="5">None for sale! Check back later</td></tr>'),e.uiPrices.append("<table>"+o.join("")+"</table>"),void 0!==n&&n()}),r.default.getItem(t,function(t){var n=[];n.push('<img src="'+i.default.get(t.Icon2x)+'">'),n.push("<div>"),n.push('<h1 class="rarity-'+t.Rarity+'">'+t.Name+"</h1>"),t.ClassJobCategory?n.push("\n <p>Item Level: "+t.LevelItem+" - Level "+t.LevelEquip+" "+t.ClassJobCategory.Name+"</p>\n <p>"+t.ItemUICategory.Name+" - "+t.ItemKind.Name+"</p>\n "):n.push("\n <p>"+t.ItemSearchCategory.Name+" - "+t.ItemKind.Name+"</p>\n "),n.push("</div>"),e.uiInfo.html(n.join(""))})}},{key:"renderHistory",value:function(t){var n=this,e=localStorage.getItem("server");this.uiHistory.html('<div class="loading">loading</div>'),r.default.getItemPriceHistory(t,e,function(t){n.uiHistory.html("<h2>History</h2>");var e=[];e.push('<tr><th width="25%">Total</th><th width="25%">Unit</th><th>Quantity</th><th>HQ</th><th>Date</th></tr>'),t.History.forEach(function(t,n){e.push("\n <tr>\n <td>"+numeral(t.PriceTotal).format("0,0")+"</td>\n <td>"+numeral(t.PricePerUnit).format("0,0")+"</td>\n <td>"+t.Quantity+'</td>\n <td align="center">'+(t.IsHQ?'<img src="https://raw.githubusercontent.com/viion/marketboard/master/hq.png" class="hq">':"")+'</td>\n <td align="right">'+moment.unix(t.PurchaseDate).fromNow()+"</td>\n </tr>\n ")}),n.uiHistory.append("<table>"+e.join("")+"</table>")})}}]),t}();n.default=new s},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),r=s(e(0)),i=s(e(2)),a=s(e(1));function s(t){return t&&t.__esModule?t:{default:t}}var c=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.view=$(".market-category-stock-ui"),this.ui=$(".market-category-stock")}return o(t,[{key:"listCategoryStock",value:function(t,n){var e=this,o=localStorage.getItem("server");this.view.addClass("on"),this.ui.html('<div class="loading">loading</div>'),r.default.getCategoryListings(t,o,function(t){e.ui.html(""),t.forEach(function(t,n){e.ui.append('<button id="'+t.Item.ID+'" class="rarity-'+t.Item.Rarity+'">\n <div><span><img src="https://xivapi.com/img-svg/loading.svg" class="lazy" data-src="'+a.default.get(t.Item.Icon2x?t.Item.Icon2x:t.Item.Icon)+'"></span></div>\n <div>'+t.Item.Name+"</div>\n <span>"+t.Quantity+"</span> \n </button>")}),e.watchForSelection(),new LazyLoad({elements_selector:".lazy"}),void 0!==n&&n()})}},{key:"watchForSelection",value:function(){this.ui.on("click","button",function(t){var n=$(t.currentTarget).attr("id");window.scrollTo(0,0),i.default.renderPrices(n),i.default.renderHistory(n)})}}]),t}();n.default=new c},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),r=c(e(0)),i=c(e(2)),a=c(e(3)),s=c(e(1));function c(t){return t&&t.__esModule?t:{default:t}}var l=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.ui=$(".search"),this.results=$(".search-results"),this.home=$(".home"),this.searchTimer=null,this.searchTypeDelay=500,this.searchMinimumLength=2,this.searchString=""}return o(t,[{key:"watch",value:function(){var t=this;this.ui.on("keyup","input",function(n){t.search()}),this.ui.on("change","input",function(n){t.search()}),this.ui.on("click","button",function(n){var e=$(n.currentTarget).attr("id").split(",");t.results.removeClass("on"),i.default.renderHistory(e[0]),i.default.renderPrices(e[0]),a.default.listCategoryStock(e[1],function(){$(".market-categories button#"+e[1]).addClass("on"),$(".market-category-stock button#"+e[0]).addClass("on")}),window.scrollTo(0,0)})}},{key:"search",value:function(){var t=this,n=this.ui.find("input").val().trim();n!==this.searchString&&(n.length<this.searchMinimumLength?this.results.html(""):(this.searchString=n,this.home.removeClass("on"),this.results.addClass("on"),this.results.html('<div class="loading">Searching</div>'),clearTimeout(this.searchTimer),this.searchTimer=setTimeout(function(){r.default.search(n,function(n){t.results.html('<div class="search-results-info">Results: '+n.Pagination.ResultsTotal+" (Max: 50)</div>"),n.Results.forEach(function(n,e){t.results.append('<button id="'+n.ID+","+n.ItemSearchCategory.ID+'" class="rarity-'+n.Rarity+'">\n <img src="'+s.default.get(n.Icon)+'"> <em>'+n.LevelItem+"</em> "+n.Name+"\n <span>"+n.ItemSearchCategory.Name+"</span>\n </button>")})})},this.searchTypeDelay)))}}]),t}();n.default=new l},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),r=s(e(0)),i=s(e(3)),a=s(e(1));function s(t){return t&&t.__esModule?t:{default:t}}var c=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.ui=$(".market-categories"),this.home=$(".home")}return o(t,[{key:"render",value:function(){var t=this;r.default.getSearchCategories(function(n){var e={1:[],2:[],3:[],4:[]};n.forEach(function(t,n){e[t.Category][t.Order]=t}),e.forEach(function(n,e){var o=[];n.forEach(function(t,n){o.push('<button id="'+t.ID+'">\n <img src="'+a.default.get(t.Icon)+'"><span>'+t.Name+"</span>\n </button>\n ")}),t.ui.append("<div>"+o.join("")+"</div>")}),t.watchForSelection()})}},{key:"watchForSelection",value:function(){var t=this;this.ui.on("click","button",function(n){var e=$(n.currentTarget).attr("id");t.home.removeClass("on"),window.scrollTo(0,0),i.default.listCategoryStock(e),t.ui.find("button.on").removeClass("on"),$(n.currentTarget).addClass("on")})}}]),t}();n.default=new c},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o,r=function(){function t(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(n,e,o){return e&&t(n.prototype,e),o&&t(n,o),n}}(),i=e(0),a=(o=i)&&o.__esModule?o:{default:o};var s=function(){function t(){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.localeStorageKey="server",this.defaultServer="Phoenix",this.ui=$(".server-select-box")}return r(t,[{key:"setServerList",value:function(){var t=this;a.default.getServerList(function(n){n.forEach(function(n,e){var o=[];n.forEach(function(t){o.push('<option value="'+t+'">'+t+"</option>")}),t.ui.append('<optgroup label="'+e+'">'+o.join("")+"</optgroup>")}),t.setUserServer()})}},{key:"setUserServer",value:function(){var t=localStorage.getItem(this.localeStorageKey);t=t||this.defaultServer,localStorage.setItem(this.localeStorageKey,t),console.log("Server set to: "+t),this.ui.val(t)}},{key:"watchForSelection",value:function(){var t=this;this.ui.on("change",function(n){var e=$(n.currentTarget).val();localStorage.setItem(t.localeStorageKey,e),location.reload()})}}]),t}();n.default=new s},function(t,n,e){"use strict";Object.prototype.forEach||Object.defineProperty(Object.prototype,"forEach",{value:function(t,n){if(null===this)throw new TypeError("Not an object");for(var e in n=n||window,this)this.hasOwnProperty(e)&&t.call(n,this[e],e,this)}})},function(t,n,e){"use strict";t.exports=function(t){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var e=n.protocol+"//"+n.host,o=e+n.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,n){var r,i=n.trim().replace(/^"(.*)"$/,function(t,n){return n}).replace(/^'(.*)'$/,function(t,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?e+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(t,n,e){var o,r,i={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),s=function(t){var n={};return function(t){if("function"==typeof t)return t();if(void 0===n[t]){var e=function(t){return document.querySelector(t)}.call(this,t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[t]=e}return n[t]}}(),c=null,l=0,u=[],f=e(8);function d(t,n){for(var e=0;e<t.length;e++){var o=t[e],r=i[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(v(o.parts[a],n))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(v(o.parts[a],n));i[o.id]={id:o.id,refs:1,parts:s}}}}function p(t,n){for(var e=[],o={},r=0;r<t.length;r++){var i=t[r],a=n.base?i[0]+n.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};o[a]?o[a].parts.push(s):e.push(o[a]={id:a,parts:[s]})}return e}function h(t,n){var e=s(t.insertInto);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===t.insertAt)o?o.nextSibling?e.insertBefore(n,o.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),u.push(n);else if("bottom"===t.insertAt)e.appendChild(n);else{if("object"!=typeof t.insertAt||!t.insertAt.before)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");var r=s(t.insertInto+" "+t.insertAt.before);e.insertBefore(n,r)}}function g(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var n=u.indexOf(t);n>=0&&u.splice(n,1)}function m(t){var n=document.createElement("style");return t.attrs.type="text/css",b(n,t.attrs),h(t,n),n}function b(t,n){Object.keys(n).forEach(function(e){t.setAttribute(e,n[e])})}function v(t,n){var e,o,r,i;if(n.transform&&t.css){if(!(i=n.transform(t.css)))return function(){};t.css=i}if(n.singleton){var a=l++;e=c||(c=m(n)),o=k.bind(null,e,a,!1),r=k.bind(null,e,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=function(t){var n=document.createElement("link");return t.attrs.type="text/css",t.attrs.rel="stylesheet",b(n,t.attrs),h(t,n),n}(n),o=function(t,n,e){var o=e.css,r=e.sourceMap,i=void 0===n.convertToAbsoluteUrls&&r;(n.convertToAbsoluteUrls||i)&&(o=f(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,e,n),r=function(){g(e),e.href&&URL.revokeObjectURL(e.href)}):(e=m(n),o=function(t,n){var e=n.css,o=n.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}.bind(null,e),r=function(){g(e)});return o(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;o(t=n)}else r()}}t.exports=function(t,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=a()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var e=p(t,n);return d(e,n),function(t){for(var o=[],r=0;r<e.length;r++){var a=e[r];(s=i[a.id]).refs--,o.push(s)}t&&d(p(t,n),n);for(r=0;r<o.length;r++){var s;if(0===(s=o[r]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var y,x=(y=[],function(t,n){return y[t]=n,y.filter(Boolean).join("\n")});function k(t,n,e,o){var r=e?"":o.css;if(t.styleSheet)t.styleSheet.cssText=x(n,r);else{var i=document.createTextNode(r),a=t.childNodes;a[n]&&t.removeChild(a[n]),a.length?t.insertBefore(i,a[n]):t.appendChild(i)}}},function(t,n,e){"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var e=function(t,n){var e=t[1]||"",o=t[3];if(!o)return e;if(n&&"function"==typeof btoa){var r=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[e].concat(i).concat([r]).join("\n")}var a;return[e].join("\n")}(n,t);return n[2]?"@media "+n[2]+"{"+e+"}":e}).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&o[a[0]]||(e&&!a[2]?a[2]=e:e&&(a[2]="("+a[2]+") and ("+e+")"),n.push(a))}},n}},function(t,n,e){(t.exports=e(10)(!1)).push([t.i,"/* http://meyerweb.com/eric/tools/css/reset/\r\n v2.0 | 20110126\r\n License: none (public domain)\r\n*/\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline; }\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block; }\n\nbody {\n line-height: 1; }\n\nol, ul {\n list-style: none; }\n\nblockquote, q {\n quotes: none; }\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: '';\n content: none; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\nhtml {\n font-family: 'Roboto', sans-serif;\n background-color: #000;\n background-image: url(\"https://raw.githubusercontent.com/viion/marketboard/master/bg.jpg\");\n background-size: cover;\n background-position: center center;\n background-attachment: fixed;\n color: #ccc;\n font-size: 16px; }\n\na {\n color: #ffcafd; }\n\nmain {\n display: flex; }\n\nnav {\n position: relative;\n z-index: 50;\n background-color: #333;\n flex: 0 1 300px;\n padding-bottom: 100px;\n border-right: solid 1px #000;\n box-shadow: 1px 0 5px #000; }\n nav hr {\n background-color: #000;\n height: 1px;\n margin: 0;\n border: none; }\n nav button {\n width: 100%;\n display: flex;\n background-color: transparent;\n border: none;\n padding: 10px;\n color: #fff;\n text-align: left;\n border-bottom: solid 1px #000;\n font-size: 16px;\n text-shadow: 0 1px 2px #000;\n transition: .1s;\n line-height: 24px;\n outline: none; }\n nav button:hover, nav button:focus, nav button:active, nav button.on {\n background-color: #113d63;\n cursor: pointer; }\n nav button img {\n flex: 0 1 auto;\n vertical-align: middle;\n margin: 2px 10px 0 10px; }\n nav button span {\n flex: 0 1 auto; }\n nav .logo {\n text-align: center;\n padding: 20px 0; }\n nav .logo img {\n height: 80px; }\n nav .logo h1 {\n font-size: 30px;\n font-weight: 700;\n color: #fff; }\n nav .logo h1 span {\n color: yellow; }\n nav .server {\n text-align: center;\n padding: 0 0 20px 0; }\n nav .market-categories div {\n border-bottom: solid 10px #000; }\n nav p {\n margin-bottom: 15px; }\n\nsection {\n flex: 0 1 calc(100% - 300px); }\n section .search {\n position: relative;\n z-index: 30;\n box-shadow: 0 1px 3px #000;\n background-color: #333;\n width: 1160px;\n padding: 10px;\n border-radius: 0 0 6px 0; }\n section .search input {\n width: 100%;\n font-size: 20px;\n font-weight: 300;\n color: #f8ffb7;\n outline: none;\n line-height: 48px;\n padding: 0 15px;\n border: solid 1px #000;\n box-shadow: 0 1px 5px #222;\n border-radius: 3px;\n background-color: #515151; }\n section .search-results {\n margin: 0 -10px;\n display: none; }\n section .search-results.on {\n display: block; }\n section .search-results .search-results-info {\n padding: 10px;\n color: #fff;\n font-weight: 400;\n font-size: 16px; }\n section .search-results button {\n position: relative;\n width: 100%;\n display: flex;\n background-color: #181818;\n border: none;\n padding: 10px;\n color: #fff;\n text-align: left;\n border-bottom: solid 1px #000;\n font-size: 16px;\n text-shadow: 0 1px 2px #000;\n transition: .1s;\n line-height: 24px;\n outline: none; }\n section .search-results button:hover, section .search-results button:focus, section .search-results button:active, section .search-results button.on {\n background-color: #113d63;\n cursor: pointer; }\n section .search-results button.rarity-2 {\n color: #89ffbc; }\n section .search-results button.rarity-3 {\n color: #3dafff; }\n section .search-results button.rarity-4 {\n color: #f44bff; }\n section .search-results button.rarity-7 {\n color: #ff7e85; }\n section .search-results button img {\n flex: 0 1 auto;\n vertical-align: middle;\n margin: 0 10px 0 10px;\n height: 24px;\n width: 24px;\n border-radius: 5px; }\n section .search-results button span {\n position: absolute;\n right: 10px;\n top: 10px;\n color: #888;\n text-transform: uppercase;\n font-size: 12px; }\n section .search-results button em {\n color: yellow;\n display: inline-block;\n padding: 0 10px 0 0; }\n section .home {\n box-shadow: 0 1px 3px #000;\n background-color: #151515;\n width: 1080px;\n padding: 60px 50px 50px 50px;\n border-radius: 0 0 6px 0;\n margin-top: -10px;\n display: none;\n font-size: 18px;\n line-height: 24px; }\n section .home.on {\n display: block; }\n section .home h1 {\n font-size: 32px;\n font-weight: 300;\n margin-bottom: 50px; }\n section .home p {\n margin-bottom: 20px; }\n section .home hr {\n height: 5px;\n background-color: #1f527a;\n border: none;\n margin: 30px 0; }\n section .home small {\n font-size: 14px;\n color: #666; }\n section > div.content {\n display: flex; }\n section > div.content > .market-category-stock-ui {\n background-color: #181818;\n border: solid 1px #000;\n border-radius: 0 0 5px 0;\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);\n flex: 0 1 500px;\n padding: 10px 0;\n display: none; }\n section > div.content > .market-category-stock-ui.on {\n display: block; }\n section > div.content > .item-market-ui {\n background-color: #080808;\n border: solid 1px #000;\n border-radius: 0 0 5px 0;\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);\n flex: 0 1 680px;\n display: none; }\n section > div.content > .item-market-ui.on {\n display: block; }\n section .market-category-stock button {\n width: 100%;\n display: flex;\n line-height: 50px;\n border: none;\n border-bottom: solid 1px #000;\n color: #fff;\n background-color: transparent;\n text-align: left;\n padding: 0 20px;\n font-size: 18px;\n transition: .1s;\n outline: none; }\n section .market-category-stock button:nth-child(even) {\n background-color: #222; }\n section .market-category-stock button div:first-of-type {\n flex: 0 1 40px; }\n section .market-category-stock button div:first-of-type span {\n border-radius: 5px;\n box-shadow: 0 1px 3px #000;\n margin: 5px 0 0 0;\n position: relative;\n display: block;\n width: 40px;\n height: 40px;\n overflow: hidden; }\n section .market-category-stock button div:first-of-type img {\n position: absolute;\n width: 40px;\n height: 40px;\n left: 0;\n top: 0; }\n section .market-category-stock button div:last-of-type {\n flex: 0 1 calc(100% - 100px);\n padding-left: 10px; }\n section .market-category-stock button span {\n font-size: 20px;\n flex: 0 1 60px;\n text-align: right;\n color: #fffba7; }\n section .market-category-stock button.rarity-2 {\n color: #89ffbc; }\n section .market-category-stock button.rarity-3 {\n color: #3dafff; }\n section .market-category-stock button.rarity-4 {\n color: #f44bff; }\n section .market-category-stock button.rarity-7 {\n color: #ff7e85; }\n section .market-category-stock button:hover, section .market-category-stock button:focus, section .market-category-stock button:active, section .market-category-stock button.on {\n background-color: #113d63;\n cursor: pointer; }\n section .item-info {\n padding: 30px 0 10px 30px;\n display: flex; }\n section .item-info img {\n flex: 0 1 40px;\n width: 40px;\n height: 40px;\n border-radius: 5px;\n box-shadow: 0 1px 3px #000; }\n section .item-info div {\n flex: 0 1 calc(100% - 40px);\n padding-left: 20px; }\n section .item-info p {\n margin-bottom: 5px; }\n section .item-info h1 {\n font-size: 24px;\n font-weight: 300;\n color: #fff;\n margin: 0 0 5px 0; }\n section .item-info h1.rarity-2 {\n color: #89ffbc; }\n section .item-info h1.rarity-3 {\n color: #3dafff; }\n section .item-info h1.rarity-4 {\n color: #f44bff; }\n section .item-info h1.rarity-7 {\n color: #ff7e85; }\n section .market-item-prices,\n section .market-item-history {\n padding: 20px; }\n section .market-item-prices h2,\n section .market-item-history h2 {\n font-size: 18px;\n color: #444;\n text-transform: uppercase;\n letter-spacing: 3px;\n text-align: center;\n padding: 10px; }\n\nfooter {\n font-size: 12px;\n color: #555;\n text-align: center;\n padding: 20px; }\n\ntable {\n width: 100%;\n background-color: #222;\n border-radius: 6px;\n overflow: hidden; }\n table td {\n padding: 12px;\n border-right: solid 2px #000; }\n table td:last-of-type {\n border-right: none; }\n table td:nth-of-type(1) {\n color: yellow; }\n table td:nth-of-type(2) {\n font-weight: 600; }\n table td img {\n margin: -8px 0; }\n table td img.hq {\n margin: 4px 0 0 0; }\n table tr {\n border-bottom: solid 2px #000; }\n table th {\n position: relative;\n z-index: 5;\n padding: 12px;\n text-align: left;\n font-size: 13px;\n text-transform: uppercase;\n box-shadow: 0 1px 2px #000;\n background-color: #181818;\n color: #3dafff;\n font-weight: 600; }\n\nselect {\n border: solid 1px #000;\n padding: 8px;\n color: #222;\n background-color: #eee;\n border-radius: 5px;\n box-shadow: 0 1px 2px #000;\n cursor: pointer; }\n\n.loading {\n padding: 30px;\n text-align: center;\n font-size: 24px;\n color: #555; }\n",""])},function(t,n,e){var o=e(11);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};e(9)(o,r);o.locals&&(t.exports=o.locals)},function(t,n,e){"use strict";e(12);a(e(7));var o=a(e(6)),r=a(e(5)),i=a(e(4));function a(t){return t&&t.__esModule?t:{default:t}}o.default.setServerList(),o.default.watchForSelection(),r.default.render(),i.default.watch()}]);