@europeana/portal
Version:
Europeana Portal
385 lines (312 loc) • 15.8 kB
JavaScript
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__) {
;
__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__) {
;
__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__) {
;
// 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