cloki
Version:
LogQL API with Clickhouse Backend
1 lines • 19.7 kB
Source Map (JSON)
{"version":3,"file":"static/css/main.93eaff4c.css","mappings":"AAKA,2ZAGI,SACA,eACA,aAJA,SACA,UAIA,wBAIF,8EACE,cAEF,KACE,cAEF,MACE,gBAEF,aACE,YAQA,oDACE,WACA,aAEJ,MACE,yBACA,iBCtCA,oBACI,WAGJ,0BAEI,mBADA,kBACA,CAGR,KACI,kBCPQ,CDQR,uCACA,cAEA,gBADA,cACA,CAEA,wBACI,WAGJ,8BAEI,mBADA,kBACA,CAGR,KACI,kBCvBQ,CCJZ,cCKI,UDHA,CAFJ,EAEI,qBAEA,QACI,eELR,YAMI,YAAY,CACZ,qBAAoB,CAHpB,WAAW,CADX,MAAM,CAFV,iBAAiB,CACb,OAAO,CAGP,UAEqB,CCPzB,QACI,kBJEU,CIEV,kBCFI,+DDDJ,kBAEA,YCDI,CDMA,yCACI,YAMZ,qBAKI,qBACA,kBALA,aAGA,aAFA,eAIA,CEtBJ,UACI,mBAMA,kBADA,SAJA,eAEA,kBADA,kBAEA,iBAEA,CACA,6BACI,WAEJ,mCAEI,mBADA,kBNVK,CMaT,oBACI,aAEA,sBADA,qDACA,CAEJ,gBAEI,WAEA,eADA,eAEA,kBAEA,mBADA,gCAEA,mBACA,sBACI,gBAEJ,kBACI,qBAEJ,oBACI,YAEA,cADA,UACA,CAEJ,2BAEI,aNlCE,CMmCF,oBAFA,iBAEA,CAGR,oBACI,WAGJ,oBAGI,OAEA,YAJA,kBAGA,QAFA,QAGA,CAIR,sBAII,qCACA,kBAHA,aADA,SAEA,sBAMA,mBADA,kBADA,gBADA,WAGA,CACA,kCAGI,aAGA,SALA,sBACA,eAKA,8BAHA,WACA,WAEA,CAEA,uCACI,aACA,SACA,iBACA,gBAGJ,wCAEI,SADA,gBACA,CAKZ,UAGI,WADA,sBADA,eAEA,CAGJ,UACI,6BAGJ,OACI,0BAEJ,SACI,2BAEJ,MACI,4BAEJ,OACI,2BAEJ,OACI,8BAEJ,SACI,2BAEJ,UACI,mBAKA,kBAJA,cAEA,sBADA,yBAEA,gBACA,CAGJ,cACI,aAGJ,gBACI,aCtIJ,YAQI,kBANA,aAEA,SACA,sBAFA,eAGA,eACA,aAEA,mBACA,6BACI,aAKA,SAJA,sBAGA,cADA,8BAGA,YAGJ,+BAII,mBAFA,aAGA,eAFA,eAGA,iBACA,cANA,WAMA,CAGJ,8BACI,aACA,SACA,sBAGA,sDACI,gBAEJ,oCAEI,kBPlCG,COwCH,YAJA,kBAHA,WAIA,SACA,aACA,aAJA,eAKA,CAGR,+BACI,WAGJ,qCAEI,mBADA,kBPrDK,COyDb,kBACI,eACA,2CACI,aACA,eACA,0DAEI,kBAIA,SAHA,YAFA,WAGA,iBACA,eACA,CACA,kEACI,iBACA,qFAGI,qBADA,gBADA,UAEA,CAEJ,2FAEI,mBADA,kBP7EP,COiFD,+EAGI,0BACA,aACA,SAHA,cAMA,8BAPA,YAKA,kBAEA,CAEA,6FAQA,mBAPI,oBAKJ,mBAHI,cAAc,CAIlB,aAIA,eAFA,uBAPI,iBAGJ,WAMA,CACI,mGAEI,kBPrGH,COuGD,WAUpB,gBAaI,mBAJA,qBAJA,WAAW,CAGX,kBAEA,cAEA,eAXA,aAMA,eAIA,eALA,YAHA,WACA,gBAWA,uBACA,mBAFA,kBAEA,CACA,8BACI,kBPnIa,COqIjB,sBACI,qBAIR,aAII,yBAEA,iBAAiB,CAHjB,cAKD,uBAHC,eAAe,CAIhB,iBAAiB,CACjB,WAHC,WAGD,CC1JH,wBDkJI,mBADA,YC3IA,CANJ,WACI,gBAKA,uBAHA,cAGA,CAGJ,iBACI,kBRHW,CQaX,4BAA4B,CAF5B,kBALA,aAMA,SAFA,sBADA,cAFA,UAAU,CAHV,YAAY,CAIZ,eAAe,CAMf,kBAAkB,CAElB,uBACI,yBACA,aRnBa,CQuBrB,kBAQI,mBAEA,4BAA4B,CAP5B,kBACD,aR5BY,CQ+BX,eADA,aADA,gBAQA,WAAW,CACX,uBAbA,WAQA,uBAEA,oBACA,UAEA,CAEA,wBAEI,yBAKR,iBAcQ,kBAAkB,CAZlB,kBRjDO,CQqDP,WAAW,CACX,iBAAiB,CAHjB,WADA,cAAc,CAUd,YAAY,CALZ,eAAgB,CAGhB,WAAW,CAIX,uBANA,UAAU,CAJV,YAAY,CAKZ,mBAAmB,CAEnB,UAGA,CACA,uBACI,kBR/DS,CQiEb,0BACI,mBACA,mBCzEZ,YACI,aACA,8BACA,cAMJ,kCAFI,mBADA,YAKA,CACA,4BACI,iBACA,mCAKI,kBAHA,cADA,SAKA,eAFA,yBADA,kBAGA,CAGR,sBAEI,mBADA,YACA,CAGJ,oCAnBJ,kBAoBQ,cAIJ,qBAEI,mBACA,YAIA,kBANA,aAKA,eAFA,WACA,eAEA,CACA,2BACI,WAGJ,qCAGI,mBADA,aADA,WAEA,CAKZ,MACA,iBAGA,kBAGI,mBADA,aADA,iBAGA,mBACA,wBAEI,mBACA,YAIA,kBANA,aAKA,eAFA,WACA,eAEA,CAGJ,yBAaI,mBAJA,qBAJA,YAGA,kBAEA,cAEA,eAXA,aAGA,eAOA,eARA,YAGA,WACA,gBAQA,uBACA,mBAFA,kBAEA,CACA,+BACI,qBAKZ,cAGI,SAGJ,wBAJI,mBADA,YAsBA,CAjBJ,UASI,qBAJA,YAGA,kBAGA,aAEA,eATA,eAQA,eATA,YAGA,WACA,gBASA,uBACA,mBAFA,kBAEA,CACA,eAII,cADA,eAFA,gBACA,wBAEA,CAEJ,gBACI,qBAEJ,mBACI,cACA,mBAGR,oCAEQ,eACI,cAIZ,gBAEI,aACA,eAEA,kBADA,yBAHA,kBAIA,CAEJ,iBAEI,uBADA,SACA,CCpJA,wBACI,iBACA,iBAEJ,6BAGI,mBAFA,qBACA,aAEA,qBAGR,qCACI,oBAGI,UAAU,CAFV,cAGA,gBAFA,WAEA,CACA,wBACI,eAEJ,yBACI,cCtBZ,cAEI,YAGA,aACA,sBAHA,UAKA,oBAPA,eAMA,aACA,CACA,qBACI,gBACA","sources":["scss/vendor/reset.scss","scss/base/body.scss","scss/variables/colors.scss","scss/base/links.scss","scss/base/forms.scss","scss/modules/log-search.scss","scss/modules/filter.scss","scss/tools/mixins.scss","scss/modules/log-view.scss","scss/modules/valuesList.scss","scss/modules/query-bar.scss","scss/modules/status-bar.scss","scss/modules/date-range-picker.scss","scss/modules/notifications.scss"],"sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \r\n v2.0 | 20110126\r\n License: none (public domain)\r\n*/\r\n\r\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n font-size: 100%;\r\n font: inherit;\r\n vertical-align: baseline; }\r\n \r\n /* HTML5 display-role reset for older browsers */\r\n \r\n article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\r\n display: block; }\r\n \r\n body {\r\n line-height: 1; }\r\n \r\n ol, ul {\r\n list-style: none; }\r\n \r\n blockquote, q {\r\n quotes: none; }\r\n \r\n blockquote {\r\n &:before, &:after {\r\n content: '';\r\n content: none; } }\r\n \r\n q {\r\n &:before, &:after {\r\n content: '';\r\n content: none; } }\r\n \r\n table {\r\n border-collapse: collapse;\r\n border-spacing: 0; }\r\n\r\nhtml {\r\n background: #212121;\r\n}","* {\r\n &::-webkit-scrollbar {\r\n width: 10px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n background: #616161;\r\n }\r\n}\r\nbody {\r\n background: $grey-dark;\r\n font-family: Helvetica, Arial, sans-serif;\r\n margin: 0 auto;\r\n padding: 0 auto;\r\n overflow: hidden;\r\n\r\n &::-webkit-scrollbar {\r\n width: 10px;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n background: #616161;\r\n }\r\n}\r\nhtml {\r\n background: $grey-dark;\r\n}\r\n","\r\n$grey-lighter: #919191;\r\n$grey-light: #616161;\r\n$grey-medium: #424242;\r\n$grey-dark: #212121;\r\n$dark-quoise : #11abab;\r\n$dark-quoise-hover : #14b8b8;\r\n$black-quoise: #121212;\r\n$dirty-white: hsl(0, 0%, 91%);\r\n\r\n$loglevel-critical: purple;\r\n$loglevel-error: red;\r\n$loglevel-warning: yellow;\r\n$loglevel-info: green;\r\n$loglevel-debug: blue;\r\n$loglevel-trace: lightblue;\r\n$loglevel-unknown: gray;","a {\r\n color: white;\r\n text-decoration: none;\r\n \r\n &:hover {\r\n cursor: pointer;\r\n }\r\n}","input {\n color: white;\n}\n\nlabel {\n color: white;\n}",".log-search {\r\nposition:absolute;\r\n top:5px;\r\n left:0;\r\n height:100%;\r\n width:100%;\r\n display:flex;\r\n flex-direction:column;\r\n}",".filter {\r\n background: $grey-medium;\r\n margin-right: 15px;\r\n\r\n padding: 1rem;\r\n border-radius: 3px;\r\n @include box-shadow(1);\r\n\r\n input {\r\n &::-webkit-input-placeholder {\r\n opacity: 0.25;\r\n }\r\n }\r\n\r\n\r\n}\r\n.query-bar-container {\r\n display: flex;\r\n padding: 3px 6px;\r\n margin: 5px 0px;\r\n margin-left: 0px;\r\n background: #8a8a8a50;\r\n border-radius: 3px;\r\n}\r\n","@mixin box-shadow ($level) {\r\n\r\n @if $level == 1 {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\r\n } @else if $level == 2 {\r\n box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);\r\n } @else if $level == 3 {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\r\n } @else if $level == 4 {\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n } @else if $level == 5 {\r\n box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\r\n }\r\n\r\n}",".log-view {\n background: #1a1a1a;\n margin: 6px 8px;\n overflow-y: scroll;\n overflow-x: hidden;\n position: relative;\n flex: 1;\n border-radius: 3px;\n &::-webkit-scrollbar {\n width: 10px;\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: $grey-light;\n }\n .logs-box {\n display: flex;\n min-height: min-content;\n flex-direction: column;\n }\n .line {\n padding: 0.3rem;\n color: white;\n font-size: 13px;\n cursor: pointer;\n margin-bottom: 4px;\n padding-left: 0.5rem;\n margin-left: 0.25rem;\n transition: 0.2s all;\n &:hover {\n background: black;\n }\n p {\n display: inline-block;\n }\n img {\n height: 16px;\n width: auto;\n padding: 0 3px;\n }\n .timestamp {\n position: relative;\n color: $dirty-white;\n margin-right: 0.25rem;\n }\n }\n .load-all {\n width: 100%;\n }\n\n .progress {\n position: absolute;\n top: 50px;\n left: 0;\n right: 0;\n margin: auto;\n }\n}\n\n.value-tags-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n border: 1px solid rgba(128, 128, 128, 0.466);\n border-radius: 4px;\n padding: 4px;\n margin-top: 10px;\n margin-right: 10px;\n margin-bottom: 10px;\n .value-tags {\n font-family: monospace;\n font-size: 12px;\n display: flex;\n margin: 2px;\n padding: 2px;\n flex: 1;\n justify-content: space-between;\n\n span {\n display: flex;\n flex: 1;\n line-height: 20px;\n margin-left: 6px;\n }\n\n .icon {\n margin-right: 4px;\n flex: 0;\n }\n }\n}\n\n.log-line {\n font-size: 0.95em;\n font-family: monospace;\n color: #ddd;\n}\n\n.critical {\n border-left: 4px solid $loglevel-critical;\n}\n\n.error {\n border-left: 4px solid $loglevel-error;\n}\n.warning {\n border-left: 4px solid $loglevel-warning;\n}\n.info {\n border-left: 4px solid $loglevel-info;\n}\n.debug {\n border-left: 4px solid $loglevel-debug;\n}\n.trace {\n border-left: 4px solid $loglevel-trace;\n}\n.unknown {\n border-left: 4px solid $loglevel-unknown;\n}\n.floatTip {\n background: #262626;\n color: #d1d1d1;\n font-size: 10px !important;\n font-family: monospace;\n padding: 12px 8px;\n border-radius: 3px;\n}\n\n.labelsActive {\n display: flex;\n}\n\n.labelsInactive {\n display: none;\n}\n",".valuesList {\n transition:.2s all;\n display: flex;\n flex-wrap: wrap;\n flex: 1;\n flex-direction: column;\n font-size: 13px;\n margin: 5px 0px;\n border-radius: 4px;\n transition: 0.2s all;\n .valuelist-title {\n display: flex;\n flex-direction: column;\n flex: 1;\n justify-content: space-between;\n font-size: 1em;\n flex: 1;\n margin: 10px;\n \n }\n .valuelist-content {\n padding: 5px;\n display: flex;\n font-size: 14px;\n align-items: center;\n flex-wrap: wrap;\n max-height: 500px;\n overflow: auto;\n\n }\n .valuelist-filter {\n display: flex;\n flex: 1;\n flex-direction: column;\n\n\n .valuelist-filter-title {\n font-size: 0.75em;\n }\n input {\n color: white;\n background: $black-quoise;\n padding: 6px 3px;\n border-radius: 4px;\n flex: 1;\n margin: 0px 3px;\n outline: none;\n border: none;\n }\n }\n &::-webkit-scrollbar {\n width: 10px;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: $grey-light;\n }\n}\n.values-container {\n max-width: 100%;\n .values-container-column {\n display: flex;\n max-width: 100%;\n .values-column {\n margin: 5px;\n border-radius: 3px;\n height: auto;\n min-height: 100px;\n min-width: 175px;\n flex:1;\n .column {\n max-height: 350px;\n &::-webkit-scrollbar {\n width: 10px;\n color: #58585898;\n background: #ffffff1f;\n }\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: $grey-light;\n }\n }\n .values-column-title {\n padding: 8px;\n font-size: 1em;\n border-radius: 4px 4px 0px 0px;\n display: flex;\n flex: 1;\n transition: .2s all;\n \n justify-content: space-between;\n \n .close-column {\n align-self: flex-end;\n justify-self: end;\n cursor:pointer;\n \n padding:2px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n \n font-size: 10px;\n &:hover {\n \n background:$dark-quoise-hover;\n \n color:black;\n \n }\n }\n }\n }\n }\n}\n\n\n.refresh-button {\n display: flex;\n align-items: center;\n margin: 3px;\n padding: 5px 8px;\n border:none;\n height: 22px;\n font-size: 18px;\n border-radius: 3px;\n background: #b1b1b13b;\n color: #d1d1d1;\n font-size: 0.9em;\n cursor: pointer;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: 0.2s all;\n &.haveToRefresh {\n background: $dark-quoise-hover;\n }\n &:hover {\n background: #ffffff3a;\n }\n}\n\n.label-error {\n display:flex;\n align-items: center;\n color:orangered;\n border:1px solid orangered;\n padding:3px 6px;\n border-radius:3px;\n width:250px;\n justify-content: center;\n position:absolute;\n right: 20px;\n}",".query-bar {\n background: none;\n\n font-size: 14px;\n display: flex;\n align-items: center;\n font-family: sans-serif;\n}\n\n.query-bar-input {\n background: $black-quoise;\n outline:none;\n border:none;\n color: orange;\n margin:3px;\n padding:3px 6px;\n font-size: 1em;\n font-family: monospace;\n border-radius: 4px;\n flex: 1;\n border:1px solid transparent;\n transition:.2s all;\n\n &:focus {\n border:1px solid $dark-quoise;\n color:$dark-quoise-hover;\n }\n}\n\n.show-log-browser {\n margin: 3px;\n\n border-radius: 3px;\n color:$dark-quoise;\n font-size: 0.85em;\n display: flex;\n cursor: pointer;\n align-items: center;\n text-overflow: ellipsis;\n border:1px solid transparent;\n transition: 0.25s all;\n width:90px;\n height:20px;\n justify-content: center;\n\n &:hover {\n \n border:1px solid $dark-quoise-hover;\n \n }\n}\n\nbutton.show-logs {\n \n background:$dark-quoise;\n cursor:pointer;\n color:white;\n outline:none;\n border:none;\n border-radius:4px;\n font-weight:bold;\n margin:3px;\n transition:.25s all;\n height:23px;\n width: 90px;\n display:flex;\n align-items:center;\n justify-content: center;\n &:hover {\n background:$dark-quoise-hover;\n }\n &:disabled {\n background:rgb(67, 67, 67);\n cursor: not-allowed;\n }\n}\n",".status-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 0px 7px;\r\n}\r\n.status-options {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.status-selectors {\r\n display: flex;\r\n align-items: center;\r\n .selector {\r\n margin-left: 10px;\r\n .label {\r\n flex: 1;\r\n color: #bfbfbf;\r\n white-space: nowrap;;\r\n text-transform: uppercase;\r\n border-radius: 3px;\r\n font-size: 12px;\r\n }\r\n }\r\n & div {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n @media screen and (max-width: 565px) {\r\n display: none;\r\n }\r\n}\r\n.date-selector {\r\n input {\r\n color: orange;\r\n background: #121212;\r\n border: none;\r\n margin: 3px;\r\n padding: 3px 6px;\r\n font-size: 13px;\r\n border-radius: 3px;\r\n &.limit {\r\n width: 50px;\r\n }\r\n \r\n &.date-time-range {\r\n width: 120px;\r\n color: orange;\r\n background: #121212;\r\n }\r\n }\r\n}\r\n\r\n.logo {\r\nmargin-left: 10px;\r\n}\r\n\r\n.api-url-selector {\r\n margin-left: 20px;\r\n display: flex;\r\n align-items: center;\r\n transition: 0.2s all;\r\n input {\r\n color: orange;\r\n background: #121212;\r\n border: none;\r\n margin: 3px;\r\n padding: 3px 6px;\r\n font-size: 13px;\r\n border-radius: 3px;\r\n \r\n }\r\n button {\r\n display: flex;\r\n align-items: center;\r\n height: 20px;\r\n font-size: 18px;\r\n border: none;\r\n margin: 3px;\r\n padding: 5px 8px;\r\n border-radius: 3px;\r\n background: #7b7b7b3b;\r\n color: #d1d1d1;\r\n font-size: 0.9em;\r\n cursor: pointer;\r\n align-items: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n transition: 0.2s all;\r\n &:hover {\r\n background: #9e9e9e3b;\r\n }\r\n }\r\n}\r\n\r\n.logo-section {\r\n display: flex;\r\n align-items: center;\r\n flex: 1;\r\n}\r\n\r\n.url-copy {\r\n display: flex;\r\n align-items: center;\r\n height: 20px;\r\n font-size: 18px;\r\n border: none;\r\n margin: 3px;\r\n padding: 5px 8px;\r\n border-radius: 3px;\r\n background: #7b7b7b3b;\r\n // color: #d1d1d1;\r\n color: orange;\r\n font-size: 0.9em;\r\n cursor: pointer;\r\n align-items: center;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n transition: 0.2s all;\r\n span {\r\n margin-left: 4px;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n color: #d1d1d1;\r\n }\r\n &:hover {\r\n background: #9e9e9e3b;\r\n }\r\n &:disabled {\r\n color: #7b7b7b;\r\n cursor: not-allowed;\r\n }\r\n}\r\n@media screen and (max-width: 950px) {\r\n .url-copy {\r\n span {\r\n display: none;\r\n }\r\n }\r\n}\r\n.copied-warning {\r\n transition: 0.2s all;\r\n color: orange;\r\n font-size: 0.8em;\r\n text-transform: uppercase;\r\n margin-right: 10px;\r\n}\r\n.submit-checkbox {\r\n color: red;\r\n background-color: green;\r\n}\r\n",".date-time-selector {\r\n svg {\r\n font-size: 1.15em;\r\n margin-right: 3px;\r\n }\r\n .tooltip {\r\n background-color: red;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n .date-time-selector {\r\n font-size: 1em;\r\n padding: 8px;\r\n color:#ddd;\r\n line-height: 1.5;\r\n svg {\r\n margin-right: 0;\r\n }\r\n span {\r\n display: none;\r\n }\r\n }\r\n}",".alertWrapper {\n position: fixed;\n bottom: 20px;\n left: 20px;\n \n display: flex;\n flex-direction: column;\n z-index: 10000;\n pointer-events: none;\n .alert {\n margin-top: 10px;\n pointer-events: all;\n }\n}"],"names":[],"sourceRoot":""}