UNPKG

@europeana/portal

Version:
385 lines (312 loc) 15.8 kB
exports.ids = [83]; exports.modules = { /***/ 362: /***/ (function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a <style> tag // load the styles var content = __webpack_require__(489); if(content.__esModule) content = content.default; if(typeof content === 'string') content = [[module.i, content, '']]; if(content.locals) module.exports = content.locals; // add CSS to SSR context var add = __webpack_require__(13).default module.exports.__inject__ = function (context) { add("32cd2512", content, true, context) }; /***/ }), /***/ 363: /***/ (function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a <style> tag // load the styles var content = __webpack_require__(491); if(content.__esModule) content = content.default; if(typeof content === 'string') content = [[module.i, content, '']]; if(content.locals) module.exports = content.locals; // add CSS to SSR context var add = __webpack_require__(13).default module.exports.__inject__ = function (context) { add("7761d635", content, true, context) }; /***/ }), /***/ 488: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetButton_vue_vue_type_style_index_0_id_0e7d9b8a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(362); /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetButton_vue_vue_type_style_index_0_id_0e7d9b8a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetButton_vue_vue_type_style_index_0_id_0e7d9b8a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetButton_vue_vue_type_style_index_0_id_0e7d9b8a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetButton_vue_vue_type_style_index_0_id_0e7d9b8a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /***/ }), /***/ 489: /***/ (function(module, exports, __webpack_require__) { // Imports var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(12); var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false); // Module ___CSS_LOADER_EXPORT___.push([module.i, ".btn-collection[data-v-0e7d9b8a]{border:0;font-size:1rem;font-weight:500;margin-bottom:.5rem;padding:1rem;position:relative;text-transform:none}.btn-collection span[data-v-0e7d9b8a]{position:relative;z-index:10}.btn-collection span.icon-check-circle[data-v-0e7d9b8a]{font-size:1.5rem}", ""]); // Exports module.exports = ___CSS_LOADER_EXPORT___; /***/ }), /***/ 490: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetModal_vue_vue_type_style_index_0_id_75fad9c0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(363); /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetModal_vue_vue_type_style_index_0_id_75fad9c0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetModal_vue_vue_type_style_index_0_id_75fad9c0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__); /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetModal_vue_vue_type_style_index_0_id_75fad9c0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_AddItemToSetModal_vue_vue_type_style_index_0_id_75fad9c0_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__)); /***/ }), /***/ 491: /***/ (function(module, exports, __webpack_require__) { // Imports var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(12); var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false); // Module ___CSS_LOADER_EXPORT___.push([module.i, ".btn-primary.btn-collection[data-v-75fad9c0]{border:0;font-size:1rem;line-height:1.5}.collections[data-v-75fad9c0]{max-height:calc(100vh - 474px);overflow:auto}.collections .btn-collection[data-v-75fad9c0]{font-weight:600}.collections .btn-collection[data-v-75fad9c0]:last-child{margin-bottom:0}", ""]); // Exports module.exports = ___CSS_LOADER_EXPORT___; /***/ }), /***/ 536: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/set/AddItemToSetModal.vue?vue&type=template&id=75fad9c0&scoped=true& var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{"id":_vm.modalId,"title":_vm.$t('set.actions.addTo'),"hide-footer":"","hide-header-close":"","static":_vm.modalStatic},on:{"show":_vm.fetchCollections,"hide":function($event){return _vm.hideModal()}}},[_c('b-button',{staticClass:"btn-collection w-100 mb-3 text-left p-3",attrs:{"variant":"primary","data-qa":"create new gallery button"},on:{"click":function($event){return _vm.$emit('clickCreateSet')}}},[_vm._v("\n "+_vm._s(_vm.$t('set.actions.createNew'))+"\n ")]),_vm._v(" "),_c('div',{staticClass:"collections"},_vm._l((_vm.collections),function(collection,index){return _c('AddItemToSetButton',{key:index,attrs:{"set":collection,"img":_vm.collectionPreview(collection),"disabled":!_vm.fetched,"added":_vm.added.includes(collection.id),"checked":_vm.collectionsWithItem.includes(collection.id),"data-qa":("toggle item button " + index)},on:{"toggle":function($event){return _vm.toggleItem(collection.id)}}})}),1),_vm._v(" "),_c('div',{staticClass:"modal-footer"},[_c('b-button',{attrs:{"variant":"outline-primary","data-qa":"close button"},on:{"click":function($event){return _vm.$bvModal.hide(_vm.modalId)}}},[_vm._v("\n "+_vm._s(_vm.$t('actions.close'))+"\n ")])],1)],1)} var staticRenderFns = [] // CONCATENATED MODULE: ./src/components/set/AddItemToSetModal.vue?vue&type=template&id=75fad9c0&scoped=true& // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/set/AddItemToSetButton.vue?vue&type=template&id=0e7d9b8a&scoped=true& var AddItemToSetButtonvue_type_template_id_0e7d9b8a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-button',{staticClass:"btn-collection w-100 text-left d-flex justify-content-between align-items-center",style:(_vm.style),attrs:{"disabled":_vm.disabled,"variant":_vm.variant,"data-qa":"toggle item button"},on:{"click":function($event){return _vm.$emit('toggle')}}},[_c('span',[_vm._v(_vm._s(_vm.displayField('title'))+" ("+_vm._s(_vm.set.visibility)+") - "+_vm._s(_vm.$tc('items.itemCount', _vm.set.total || 0)))]),_vm._v(" "),(_vm.checked)?_c('span',{staticClass:"icon-check-circle d-inline-flex"}):_vm._e()])} var AddItemToSetButtonvue_type_template_id_0e7d9b8a_scoped_true_staticRenderFns = [] // CONCATENATED MODULE: ./src/components/set/AddItemToSetButton.vue?vue&type=template&id=0e7d9b8a&scoped=true& // EXTERNAL MODULE: ./src/plugins/europeana/utils.js var utils = __webpack_require__(2); // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/set/AddItemToSetButton.vue?vue&type=script&lang=js& // // // // // // // // // // // // // // // // // /* harmony default export */ var AddItemToSetButtonvue_type_script_lang_js_ = ({ name: 'AddItemToSetButton', props: { set: { type: Object, required: true }, img: { type: String, default: null }, added: { type: Boolean, default: false }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false } }, computed: { style() { if (!this.added && this.img) { return { 'background-image': `url("${this.img}")` }; } return null; }, variant() { return this.added ? 'success' : 'overlay'; } }, methods: { displayField(field) { return Object(utils["h" /* langMapValueForLocale */])(this.set[field], this.$i18n.locale).values[0]; } } }); // CONCATENATED MODULE: ./src/components/set/AddItemToSetButton.vue?vue&type=script&lang=js& /* harmony default export */ var set_AddItemToSetButtonvue_type_script_lang_js_ = (AddItemToSetButtonvue_type_script_lang_js_); // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js var componentNormalizer = __webpack_require__(3); // CONCATENATED MODULE: ./src/components/set/AddItemToSetButton.vue function injectStyles (context) { var style0 = __webpack_require__(488) if (style0.__inject__) style0.__inject__(context) } /* normalize component */ var component = Object(componentNormalizer["a" /* default */])( set_AddItemToSetButtonvue_type_script_lang_js_, AddItemToSetButtonvue_type_template_id_0e7d9b8a_scoped_true_render, AddItemToSetButtonvue_type_template_id_0e7d9b8a_scoped_true_staticRenderFns, false, injectStyles, "0e7d9b8a", "1530b00b" ) /* harmony default export */ var AddItemToSetButton = (component.exports); // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/set/AddItemToSetModal.vue?vue&type=script&lang=js& // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // /* harmony default export */ var AddItemToSetModalvue_type_script_lang_js_ = ({ name: 'AddItemToSetModal', components: { AddItemToSetButton: AddItemToSetButton }, props: { itemId: { type: String, required: true }, modalId: { type: String, default: 'add-item-to-set-modal' }, modalStatic: { type: Boolean, default: false }, newSetCreated: { type: Boolean, default: false } }, data() { return { fetched: false, added: [] }; }, computed: { collections() { return this.$store.state.set.creations; }, // Array of IDs of sets containing the item collectionsWithItem() { return this.collections.filter(collection => (collection.items || []).some(item => item.id === this.itemId)).map(collection => collection.id); } }, watch: { newSetCreated(newVal) { if (newVal) { this.added.push(this.collectionsWithItem[0]); } } }, methods: { fetchCollections() { this.$store.dispatch('set/fetchCreations').then(() => { this.fetched = true; }); }, hideModal() { this.$nextTick(() => { this.fetched = false; this.added = []; this.$emit('hideModal'); }); }, collectionPreview(set) { var _set$items, _set$items$, _set$items$$edmPrevie; return this.$apis.thumbnail.edmPreview((_set$items = set.items) === null || _set$items === void 0 ? void 0 : (_set$items$ = _set$items[0]) === null || _set$items$ === void 0 ? void 0 : (_set$items$$edmPrevie = _set$items$.edmPreview) === null || _set$items$$edmPrevie === void 0 ? void 0 : _set$items$$edmPrevie[0]); }, addItem(setId) { this.$store.dispatch('set/addItem', { setId, itemId: this.itemId }); }, removeItem(setId) { this.$store.dispatch('set/removeItem', { setId, itemId: this.itemId }); }, toggleItem(setId) { if (this.collectionsWithItem.includes(setId)) { this.added = this.added.filter(id => id !== setId); this.removeItem(setId); } else { this.added.push(setId); this.addItem(setId); } } } }); // CONCATENATED MODULE: ./src/components/set/AddItemToSetModal.vue?vue&type=script&lang=js& /* harmony default export */ var set_AddItemToSetModalvue_type_script_lang_js_ = (AddItemToSetModalvue_type_script_lang_js_); // CONCATENATED MODULE: ./src/components/set/AddItemToSetModal.vue function AddItemToSetModal_injectStyles (context) { var style0 = __webpack_require__(490) if (style0.__inject__) style0.__inject__(context) } /* normalize component */ var AddItemToSetModal_component = Object(componentNormalizer["a" /* default */])( set_AddItemToSetModalvue_type_script_lang_js_, render, staticRenderFns, false, AddItemToSetModal_injectStyles, "75fad9c0", "37493938" ) /* harmony default export */ var AddItemToSetModal = __webpack_exports__["default"] = (AddItemToSetModal_component.exports); /***/ }) };; //# sourceMappingURL=83.js.map