{"version":3,"sources":["webpack:///./src/views/library.vue","webpack:///src/views/library.vue","webpack:///./src/views/library.vue?e58a","webpack:///./src/views/library.vue?6138","webpack:///./src/views/library.vue?5bfc"],"names":["render","_vm","this","_c","_self","staticClass","_v","_m","_l","library","item","index","key","staticStyle","_s","name","price","attrs","on","$event","stopPropagation","remove","total","backToShop","length","packageNumber","_e","staticRenderFns","components","headNav","info","data","methods","removeLibrary","token","logged","$router","push","mapMutations","computed","sum","forEach","lib","payTotal","mapState","localStorage","getItem","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,YAAYA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACE,YAAY,OAAO,CAACJ,EAAIK,GAAG,UAAUH,EAAG,QAAQ,CAACE,YAAY,oBAAoB,CAACJ,EAAIM,GAAG,GAAGJ,EAAG,QAAQF,EAAIO,GAAIP,EAAIQ,SAAS,SAASC,EAAKC,GAAO,OAAOR,EAAG,KAAK,CAACS,IAAID,EAAME,YAAY,CAAC,cAAc,YAAY,CAACV,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIK,GAAGL,EAAIa,GAAGJ,EAAKK,SAASZ,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAG,KAAKL,EAAIa,GAAGJ,EAAKM,UAAUb,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACF,EAAG,WAAW,CAACE,YAAY,gBAAgBY,MAAM,CAAC,KAAO,MAAMC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBnB,EAAIoB,OAAOX,MAAS,CAACT,EAAIK,GAAG,UAAU,QAAO,GAAGH,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACJ,EAAIK,GAAG,WAAWH,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACF,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAIK,GAAG,KAAKL,EAAIa,GAAGb,EAAIqB,YAAYnB,EAAG,KAAK,CAACE,YAAY,6BAA6BF,EAAG,SAAS,CAACE,YAAY,eAAeQ,YAAY,CAAC,MAAQ,QAAQK,GAAG,CAAC,MAAQjB,EAAIsB,aAAa,CAACtB,EAAIK,GAAG,yBAA0BL,EAAIQ,QAAQe,OAAS,EAAGrB,EAAG,SAAS,CAACE,YAAY,oBAAoBQ,YAAY,CAAC,MAAQ,QAAQK,GAAG,CAAC,MAAQjB,EAAIwB,gBAAgB,CAACxB,EAAIK,GAAG,gBAAgBL,EAAIyB,OAAOvB,EAAG,SAAS,IAEzvCwB,EAAkB,CAAC,WAAY,IAAI1B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACJ,EAAIK,GAAG,UAAUH,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAG,WAAWH,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACJ,EAAIK,GAAG,a,oECqD5O,GACfsB,WAAA,CACAC,eACAC,aAEAC,OACA,UAKAC,QAAA,CACAX,OAAAX,GACA,KAAAuB,cAAAvB,IAEAe,gBAEA,KAAAS,OAAA,KAAAC,OACA,KAAAC,QAAAC,KAAA,YAEA,KAAAD,QAAAC,KAAA,cAGAd,aACA,KAAAW,OAAA,KAAAC,OACA,KAAAC,QAAAC,KAAA,SAEA,KAAAD,QAAAC,KAAA,qBAKAC,eAAA,QACA,gBACA,WACA,kBAGAC,SAAA,CACAjB,QACA,IAAAkB,EAAA,EAKA,OAJA,KAAA/B,QAAAgC,QAAAC,IACAF,GAAAE,EAAA1B,QAEA,KAAA2B,SAAAH,GACAA,MAEAI,eAAA,QACA,UACA,WACA,iBAEAA,eAAA,YACA,SAEAV,QACA,QAAAW,aAAAC,QAAA,UAGAX,SACA,QAAAU,aAAAC,QAAA,aCnHgV,I,wBCQ5UC,EAAY,eACd,EACA/C,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAoB,E,2CCnBf","file":"js/chunk-15386109.3bbd72f8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('head-nav'),_c('div',{staticClass:\"form-lib\"},[_c('h3',{staticClass:\"tit\"},[_vm._v(\"CART\")]),_c('table',{staticClass:\"table shop_table\"},[_vm._m(0),_c('tbody',_vm._l((_vm.library),function(item,index){return _c('tr',{key:index,staticStyle:{\"font-family\":\"berleno\"}},[_c('td',{staticClass:\"product-name\"},[_vm._v(_vm._s(item.name))]),_c('td',{staticClass:\"product-price\"},[_vm._v(\"$ \"+_vm._s(item.price))]),_c('td',{staticClass:\"product-remove\"},[_c('b-button',{staticClass:\"mr-1 mini-but\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.remove(item)}}},[_vm._v(\" X \")])],1)])}),0),_c('tfoot',[_c('tr',{staticClass:\"subtotal\"},[_c('td',{staticClass:\"product-name-foot\"},[_vm._v(\"Total\")]),_c('td',{staticClass:\"product-total-foot\"},[_c('span',{staticClass:\"amount\"},[_vm._v(\"$ \"+_vm._s(_vm.total))])]),_c('td',{staticClass:\"product-total-foot\"})])])]),_c('button',{staticClass:\"btn btn-dark\",staticStyle:{\"color\":\"#fff\"},on:{\"click\":_vm.backToShop}},[_vm._v(\" Continue Shopping \")]),(_vm.library.length > 0)?_c('button',{staticClass:\"btn btn-dark ml-2\",staticStyle:{\"color\":\"#fff\"},on:{\"click\":_vm.packageNumber}},[_vm._v(\" Checkout \")]):_vm._e()]),_c('info')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('thead',[_c('tr',[_c('th',{staticClass:\"product-name\"},[_vm._v(\"Item\")]),_c('th',{staticClass:\"product-price\"},[_vm._v(\"Price\")]),_c('th',{staticClass:\"product-remove\"},[_vm._v(\" \")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n    <head-nav></head-nav>\r\n    <div class=\"form-lib\">\r\n        <h3 class=\"tit\">CART</h3>\r\n        <table class=\"table shop_table\">\r\n            <thead>\r\n                <tr>\r\n                    <th class=\"product-name\">Item</th>\r\n                    <th class=\"product-price\">Price</th>\r\n                    <th class=\"product-remove\">&nbsp;</th>\r\n                </tr>\r\n            </thead>\r\n            <tbody>\r\n                <tr v-for=\"(item,index) in library\" :key=\"index\" style=\"font-family:berleno\">\r\n                    <td class=\"product-name\">{{item.name}}</td>\r\n                    <td class=\"product-price\">$ {{item.price }}</td>\r\n                    <td class=\"product-remove\">\r\n                        <b-button size=\"sm\" @click.stop=\"remove(item)\" class=\"mr-1 mini-but\">\r\n                            X\r\n                        </b-button>\r\n                    </td>\r\n                </tr>\r\n            </tbody>\r\n            <tfoot>\r\n                <tr class=\"subtotal\">\r\n                    <td class=\"product-name-foot\">Total</td>\r\n                    <td class=\"product-total-foot\"><span class=\"amount\">$ {{total}}</span></td>\r\n                    <td class=\"product-total-foot\"></td>\r\n                </tr>\r\n\r\n            </tfoot>\r\n        </table>\r\n\r\n        <button  class=\"btn btn-dark\" style=\"color:#fff\" @click=\"backToShop\">\r\n           Continue Shopping            \r\n        </button>\r\n        <button v-if=\"library.length > 0\" class=\"btn btn-dark ml-2\" @click=\"packageNumber\" style=\"color:#fff\">\r\n            Checkout\r\n        </button>\r\n\r\n    </div>\r\n    <info></info>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n    mapActions,\r\n    mapState,\r\n    mapMutations\r\n} from \"vuex\";\r\nimport headNav from '../components/navBar'\r\nimport info from '../components/info'\r\n//import datos from \"../assets/issue-pack.json\";\r\nexport default {\r\n    components: {\r\n        headNav,\r\n        info\r\n    },\r\n    data() {\r\n        return {\r\n         \r\n        }\r\n    },\r\n  \r\n    methods: {\r\n        remove(item) {\r\n            this.removeLibrary(item)\r\n        },\r\n        packageNumber() {\r\n          //  this.getPackageId(this.library)\r\n            if (this.token && this.logged) {\r\n                this.$router.push('/payment')\r\n            } else {\r\n                this.$router.push('/register')\r\n            }\r\n        },\r\n        backToShop(){\r\n            if (this.token && this.logged) {\r\n                this.$router.push('/home')\r\n            } else {\r\n                this.$router.push('/the-magazine')\r\n            }\r\n\r\n        },\r\n\r\n        ...mapMutations('cart', [\r\n            'removeLibrary',\r\n            'payTotal',\r\n            'getPackageId'\r\n        ]),\r\n    },\r\n    computed: {\r\n        total() {\r\n            let sum = 0\r\n            this.library.forEach(lib => {\r\n                sum += lib.price\r\n            })\r\n            this.payTotal(sum)\r\n            return sum\r\n        },\r\n        ...mapState('cart', [\r\n            'library',\r\n            'totalPay',\r\n            'packageId'\r\n        ]),\r\n        ...mapState('inPlayer', [\r\n            'user',\r\n        ]),\r\n        token(){\r\n            return localStorage.getItem('token') ? true : false\r\n\r\n        },\r\n        logged(){\r\n            return localStorage.getItem('logged') ? true : false\r\n\r\n        }\r\n    },\r\n\r\n}\r\n</script>\r\n\r\n<style>\r\n.form-lib {\r\n    position: relative;\r\n    z-index: 1;\r\n    background: #1c1c1c;\r\n    max-width: 800px;\r\n    margin: 20px auto 40px;\r\n    padding: 45px;\r\n    text-align: left;\r\n    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);\r\n}\r\n\r\n.form-lib button {\r\n    font-family: 'lemon_milkregular';\r\n    text-transform: uppercase;\r\n    outline: 0;\r\n    width: 46%;\r\n    border: 0;\r\n    padding: 15px;\r\n    color: #FFFFFF;\r\n    font-size: 14px;\r\n    -webkit-transition: all 0.3 ease;\r\n    transition: all 0.3 ease;\r\n    cursor: pointer;\r\n}\r\n\r\n.form-lib .mini-but {\r\n    font-family: 'lemon_milkregular';\r\n    text-transform: uppercase;\r\n    outline: 0;\r\n    width: 100%;\r\n    padding: 5px;\r\n    border: 0;\r\n    color: #FFFFFF;\r\n    font-size: 14px;\r\n    -webkit-transition: all 0.3 ease;\r\n    transition: all 0.3 ease;\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n.form-lib .message {\r\n    margin: 15px 0 0;\r\n    color: #212529;\r\n    font-size: 15px;\r\n    text-decoration: none;\r\n}\r\n\r\n.tit {\r\n    color: #fff;\r\n    font: normal 200 18px/1 'AGNext', 'Helvetica', 'Arial', sans-serif;\r\n    letter-spacing: 1px;\r\n    padding-bottom: 23px;\r\n    border-bottom: 1px solid #969696;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\r\n\r\n.cart {\r\n    width: 900px;\r\n    padding: 25px 18px;\r\n    margin: 5% auto;\r\n    clear: both;\r\n    background-color: #1c1c1c;\r\n}\r\n\r\n.product-name {\r\n    width: 333px;\r\n    color: #fff;\r\n}\r\n\r\n.product-price {\r\n    width: 90px;\r\n    color: #fff;\r\n}\r\n\r\n.product-remove {\r\n    width: 7px;\r\n    text-align: right;\r\n    padding-right: 10px;\r\n}\r\n\r\n.shop_table {\r\n    width: 100%;\r\n    border: 0;\r\n    /* border-top: 1px solid #969696;\r\n        border-collapse: collapse;*/\r\n    border-bottom: 1px solid #555;\r\n}\r\n\r\nh3+.shop_table {\r\n    border-top: none;\r\n    margin-top: -15px;\r\n}\r\n\r\n.shop_table th .shop_table td {\r\n    border: 0;\r\n    font: normal 100 12px/1 'BentonSans', 'Helvetica', 'Arial', sans-serif;\r\n    vertical-align: middle;\r\n    color: #fff;\r\n}\r\n\r\n.shop_table thead th,\r\n.shop_table thead td {\r\n    border-bottom: 1px solid #dee2e6;\r\n    /* border-bottom: 1px solid #4d4d4d;*/\r\n    height: 37px;\r\n    vertical-align: middle;\r\n    color: #fff;\r\n}\r\n\r\n.table th,\r\n.table td {\r\n    padding: 0.75rem;\r\n    vertical-align: top;\r\n    border-top: 1px solid #4d4d4d;\r\n}\r\n\r\n.subtotal td {\r\n    color: #fff;\r\n    height: 50px;\r\n    vertical-align: top;\r\n    padding-top: 15px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./library.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./library.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./library.vue?vue&type=template&id=11ca2734\"\nimport script from \"./library.vue?vue&type=script&lang=js\"\nexport * from \"./library.vue?vue&type=script&lang=js\"\nimport style0 from \"./library.vue?vue&type=style&index=0&id=11ca2734&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./library.vue?vue&type=style&index=0&id=11ca2734&prod&lang=css\""],"sourceRoot":""}