ui.form.basics

This commit is contained in:
Tony Air 2020-02-25 13:17:22 +07:00
parent 1fc7394550
commit 66ce588182
8 changed files with 100 additions and 108 deletions

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} {"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_SilverShop.Page.CheckoutPageController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

View File

@ -1 +1 @@
{"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AAyCA;;;ECtCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""} {"version":3,"sources":["webpack:///./src/scss/_variables.scss","webpack:///_ui.map.scss","webpack:///./src/scss/_animations.scss","webpack:///./src/scss/_components/_ui.map.scss"],"names":[],"mappings":"AA4CA;;;ECzCE;;ACDF;EACI;IACI;YAAA;EDKN;;ECFE;IACI;YAAA;EDMN;;ECHE;IACI;YAAA;EDON;AACF;;AClBA;EACI;IACI;YAAA;EDsBN;;ECnBE;IACI;YAAA;EDuBN;;ECpBE;IACI;YAAA;EDwBN;AACF;;AEhCA;EACI;EACA;AFmCJ;;AE/BI;EACI;EACA;EACA;EACA;EAAA;EAAA;EACA;EACA;EACA;EACA;AFoCR;;AEjCI;;;EAGI;EAAA;MAAA;UAAA;AFuCR;;AEpCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AFwCR;;AErCI;EACI;EACA;EACA;EACA;EACA;EACA;AFwCR;;AE9CK;;EAUO;EACA;AFyCZ;;AErCI;EACI;EACA;EACA;EACA;AFwCR;;AErCI;EACI;MAAA;EACA;EACA;AFyCR;;AEtCI;EACI;EACA;EACA;EACA;EACA;EACA;AFyCR;;AE/CK;;;;EAYO;UAAA;AF2CZ","file":"css/app_Site.Controllers.MapElementController.css","sourcesContent":["@import '_mixings';\n@import '_colors';\n\n$grid-breakpoints: (\n\txs: 0,\n\tsm: 576px,\n\tmd: 768px,\n\tlg: 992px,\n\txl: 1200px,\n\txxl: 1390px,\n\txxxl: 1590px\n) !default;\n$container-max-widths: (\n\tsm: 540px,\n\tmd: 720px,\n\tlg: 960px,\n\txl: 1140px,\n\txxl: 1330px,\n\txxxl: 1560px\n) !default;\n\n$font-family-base: 'Lato', sans-serif !default;\n\n$font-size-base: 1rem !default;\n\n// start font-sizing from h2\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $h1-font-size !default;\n$h3-font-size: $font-size-base * 2 !default;\n$h4-font-size: $font-size-base * 1.75 !default;\n$h5-font-size: $font-size-base * 1.5 !default;\n$h6-font-size: $font-size-base * 1.25 !default;\n\n$grid-gutter-width: 2rem !default;\n$grid-gutter-height: 2rem !default;\n$grid-gutter-xs-width: $grid-gutter-width / 2 !default;\n$grid-gutter-element-height: $grid-gutter-height * 2 !default;\n\n$field-gutter-height: $grid-gutter-height / 2 !default;\n$col-block-gutter-height: $grid-gutter-height / 4 !default;\n\n$footer-size: 18.5rem !default;\n$footer-bar-size: 2.5rem !default;\n\n/*\n * bootstrap includes\n * keep it at the end\n */\n\n// bootstrap minify bugfix:\n$navbar-dark-toggler-icon-bg: none !default;\n$navbar-light-toggler-icon-bg: none !default;\n\n// IE > 9\n$enable-flex: true !default;\n\n$enable-responsive-font-sizes: true !default;\n\n@import '~bootstrap/scss/functions';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 50% {\n -webkit-transform: scale(0.8);\n transform: scale(0.8);\n }\n\n 100% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n -webkit-animation: pulse 0.8s linear infinite;\n animation: pulse 0.8s linear infinite;\n}\n\n","// pulse\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n","/*\n * bootstrap includes\n * keep it at the end\n */\n\n@keyframes pulse {\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.8);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n.mapAPI-map {\n height: 30rem;\n margin-bottom: 1rem;\n}\n\n.mapboxgl-popup {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n pointer-events: none;\n font-size: 0.8rem;\n z-index: 4;\n line-height: 20px;\n}\n\n.mapboxgl-popup-anchor-bottom,\n.mapboxgl-popup-anchor-bottom-left,\n.mapboxgl-popup-anchor-bottom-right {\n flex-direction: column-reverse;\n}\n\n.mapboxgl-popup-content {\n position: relative;\n pointer-events: auto;\n padding: 10px 10px 15px;\n border-radius: 3px;\n background: #fff;\n min-width: 240px;\n min-height: 5rem;\n box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);\n}\n\n.mapboxgl-popup-close-button {\n position: absolute;\n right: 0;\n top: 0;\n font-size: 2rem;\n padding: 0.5rem;\n border-top-right-radius: 3px;\n}\n\n.mapboxgl-popup-close-button:hover,\n.mapboxgl-popup-close-button:focus {\n background: #2196f3;\n color: #fff;\n}\n\n.mapboxgl-popup-tip {\n width: 0;\n height: 0;\n border: 10px solid transparent;\n z-index: 1;\n}\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n align-self: center;\n border-bottom: none;\n border-top-color: #fff;\n}\n\n.mapboxgl-marker {\n width: 30px;\n height: 30px;\n font-size: 30px;\n cursor: pointer;\n text-align: center;\n color: #2196f3;\n}\n\n.mapboxgl-marker .marker-icon,\n.mapboxgl-marker .fas,\n.mapboxgl-marker .fab,\n.mapboxgl-marker .far {\n animation: pulse 0.8s linear infinite;\n}\n\n"],"sourceRoot":""}

2
dist/js/app.js vendored

File diff suppressed because one or more lines are too long

View File

@ -66,14 +66,6 @@
* https://github.com/select2/select2/blob/master/LICENSE.md * https://github.com/select2/select2/blob/master/LICENSE.md
*/ */
/*!
* dist/inputmask
* https://github.com/RobinHerbots/Inputmask
* Copyright (c) 2010 - 2020 Robin Herbots
* Licensed under the MIT license
* Version: 5.0.3
*/
/*! Hammer.JS - v2.0.7 - 2016-04-22 /*! Hammer.JS - v2.0.7 - 2016-04-22
* http://hammerjs.github.io/ * http://hammerjs.github.io/
* *

2
dist/js/app.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
{ {
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate", "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate",
"version": "1.8.0", "version": "1.8.1",
"author": "Tony Air <tony@twma.pro>", "author": "Tony Air <tony@twma.pro>",
"license": "MIT", "license": "MIT",
"description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.", "description": "This UI Kit allows you to build Bootstrap 4 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",

View File

@ -11,125 +11,125 @@ import Events from '../_events';
import SpinnerUI from './_ui.spinner'; import SpinnerUI from './_ui.spinner';
import FormFieldUI from './_ui.form.fields'; import FormFieldUI from './_ui.form.fields';
const FormBasics = ($ => { const FormBasics = (($) => {
// Constants // Constants
const NAME = 'jsFormBasics'; const NAME = 'jsFormBasics';
const DATA_KEY = NAME; const DATA_KEY = NAME;
const $Html = $('html, body'); const $Html = $('html, body');
const W = window; const W = window;
const D = document; const D = document;
class FormBasics { class FormBasics {
constructor(el) { constructor(el) {
const ui = this; const ui = this;
const $el = $(el); const $el = $(el);
ui._el = el; ui._el = el;
$el.data(DATA_KEY, this); $el.data(DATA_KEY, this);
//$('[data-inputmask]').inputmask(); //$('[data-inputmask]').inputmask();
const $fields = $el.find(Events.FORM_FIELDS); const $fields = $el.find(Events.FORM_FIELDS);
// init fields ui // init fields ui
$fields.each((i, el) => { $fields.each((i, el) => {
// skip some fields here // skip some fields here
new FormFieldUI(el); new FormFieldUI(el);
}); });
const $selectFields = $el.find('select:not([readonly])'); const $selectFields = $el.find('select:not([readonly])');
const $radioOptions = $el.find('input[type="radio"]'); const $radioOptions = $el.find('input[type="radio"]');
$selectFields.each((i, el) => { $selectFields.each((i, el) => {
$(el).select2(); $(el).select2();
}); });
$fields.each((e, el) => { $fields.each((e, el) => {
const $el = $(el); const $el = $(el);
if ($el.hasClass('required') || $el.attr('aria-required')) { if ($el.hasClass('required') || $el.attr('aria-required')) {
$el.closest('.field').addClass('required'); $el.closest('.field').addClass('required');
} }
}); });
$radioOptions.each((e, el) => { $radioOptions.each((e, el) => {
const $el = $(el); const $el = $(el);
if ($el.is(':checked')) { if ($el.is(':checked')) {
$el.parents('.radio').addClass('checked'); $el.parents('.radio').addClass('checked');
} }
}); });
$radioOptions.on('change', e => { $radioOptions.on('change', (e) => {
const $el = $(e.currentTarget); const $el = $(e.currentTarget);
const $parent = $el.parents('.radio'); const $parent = $el.parents('.radio');
$parent.siblings('.radio').each((i, el) => { $parent.siblings('.radio').each((i, el) => {
const $el = $(el); const $el = $(el);
if (!$el.find('input').is(':checked')) { if (!$el.find('input').is(':checked')) {
$el.removeClass('checked'); $el.removeClass('checked');
} }
}); });
if ($el.is(':checked')) { if ($el.is(':checked')) {
$parent.addClass('checked'); $parent.addClass('checked');
} }
}); });
$el.on('submit', e => { $el.on('submit', (e) => {
SpinnerUI.show(); SpinnerUI.show();
}); });
$el.addClass(`${NAME}-active`); $el.addClass(`${NAME}-active`);
$el.trigger(Events.FORM_INIT_BASICS); $el.trigger(Events.FORM_INIT_BASICS);
} }
// Public methods // Public methods
dispose() { dispose() {
const $el = $(this._el); const $el = $(this._el);
const $selectFields = $el.find('select:not([readonly])'); const $selectFields = $el.find('select:not([readonly])');
$selectFields.each((i, el) => { $selectFields.each((i, el) => {
$(el).select2('destroy'); $(el).select2('destroy');
}); });
$el.removeClass(`${NAME}-active`); $el.removeClass(`${NAME}-active`);
$.removeData(this._el, DATA_KEY); $.removeData(this._el, DATA_KEY);
this._el = null; this._el = null;
} }
static _jQueryInterface() { static _jQueryInterface() {
return this.each(() => { return this.each(() => {
// attach functionality to el // attach functionality to el
const $el = $(this); const $el = $(this);
let data = $el.data(DATA_KEY); let data = $el.data(DATA_KEY);
if (!data) { if (!data) {
data = new FormBasics(this); data = new FormBasics(this);
$el.data(DATA_KEY, data); $el.data(DATA_KEY, data);
} }
}); });
} }
} }
// jQuery interface // jQuery interface
$.fn[NAME] = FormBasics._jQueryInterface; $.fn[NAME] = FormBasics._jQueryInterface;
$.fn[NAME].Constructor = FormBasics; $.fn[NAME].Constructor = FormBasics;
$.fn[NAME].noConflict = function() { $.fn[NAME].noConflict = function() {
$.fn[NAME] = JQUERY_NO_CONFLICT; $.fn[NAME] = JQUERY_NO_CONFLICT;
return FormBasics._jQueryInterface; return FormBasics._jQueryInterface;
}; };
const init = () => { const init = () => {
$('form').jsFormBasics(); $('form').jsFormBasics();
}; };
// auto-apply // auto-apply
$(W).on(`${Events.AJAX} ${Events.LOADED}`, () => { $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
init(); init();
}); });
return FormBasics; return FormBasics;
})($); })($);
export default FormBasics; export default FormBasics;