@europeana/portal/.nuxt/dist/server/pages/contentful/entity-suggest/index.js

Europeana Portal

exports.ids = [52];
exports.modules = {

/***/ 322:
/***/ (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__(400);
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("3be3452a", content, true, context)
};

/***/ }),

/***/ 399:
/***/ (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_index_vue_vue_type_style_index_0_id_56b41ac7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(322);
/* 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_index_vue_vue_type_style_index_0_id_56b41ac7_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_index_vue_vue_type_style_index_0_id_56b41ac7_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_index_vue_vue_type_style_index_0_id_56b41ac7_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_index_vue_vue_type_style_index_0_id_56b41ac7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));


/***/ }),

/***/ 400:
/***/ (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, ".contentful button[data-v-56b41ac7]{margin-right:1rem}", ""]);
// Exports
module.exports = ___CSS_LOADER_EXPORT___;


/***/ }),

/***/ 552:
/***/ (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/pages/contentful/entity-suggest/index.vue?vue&type=template&id=56b41ac7&scoped=true&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"contentful"},[_c('b-form-group',_vm._l((_vm.value),function(val){return _c('b-button',{key:val.id,staticClass:"mb-2",on:{"click":function($event){return _vm.removeSelection(val)}}},[_vm._v("\n      "+_vm._s(val.prefLabel.en || val.hiddenLabel.en)+"\n    ")])}),1),_vm._ssrNode(" "),_c('b-form',[_c('b-form-group',[_c('b-form-input',{attrs:{"type":"search","autocomplete":"off","placeholder":"Search for topics, centuries, organisations, people and places"},on:{"input":_vm.inputSearchText},model:{value:(_vm.searchText),callback:function ($$v) {_vm.searchText=$$v},expression:"searchText"}})],1),_vm._v(" "),_c('b-form-group',_vm._l((_vm.suggestions),function(suggestion){return _c('b-button',{key:suggestion.id,staticClass:"mb-2",attrs:{"disabled":_vm.isSelected(suggestion)},on:{"click":function($event){return _vm.selectSuggestion(suggestion)}}},[_vm._v("\n        "+_vm._s(suggestion.prefLabel.en || suggestion.hiddenLabel.en)+"\n      ")])}),1)],1)],2)}
var staticRenderFns = []


// CONCATENATED MODULE: ./src/pages/contentful/entity-suggest/index.vue?vue&type=template&id=56b41ac7&scoped=true&

// CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./src/pages/contentful/entity-suggest/index.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var entity_suggestvue_type_script_lang_js_ = ({
  name: 'ContentfulEntitySuggestPage',
  layout: 'contentful',

  data() {
    return {
      value: [],
      searchText: null,
      suggestions: [],
      contentfulExtensionSdk: null
    };
  },

  head() {
    return {
      title: this.$pageHeadTitle('Entity suggest - Contentful app')
    };
  },

  watch: {
    value: 'updateContentfulField'
  },

  mounted() {
    window.contentfulExtension.init(sdk => {
      this.contentfulExtensionSdk = sdk;

      if (sdk.location.is(window.contentfulExtension.locations.LOCATION_ENTRY_FIELD)) {
        sdk.window.startAutoResizer();
        const ids = sdk.field.getValue() || [];

        if (ids.length > 0) {
          this.$apis.entity.find(ids).then(entities => {
            this.value = entities;
          });
        }
      }
    });
  },

  methods: {
    isSelected(suggestion) {
      return this.value.map(val => val.id).includes(suggestion.id);
    },

    async inputSearchText(val) {
      this.suggestions = await this.$apis.entity.suggest(val, {
        type: 'agent,concept,timespan,organization,place'
      });
    },

    removeSelection(remove) {
      this.value = this.value.filter(val => val.id !== remove.id);
    },

    selectSuggestion(select) {
      this.value = this.value.concat(select);
    },

    updateContentfulField() {
      var _this$contentfulExten, _this$contentfulExten2;

      (_this$contentfulExten = this.contentfulExtensionSdk) === null || _this$contentfulExten === void 0 ? void 0 : (_this$contentfulExten2 = _this$contentfulExten.field) === null || _this$contentfulExten2 === void 0 ? void 0 : _this$contentfulExten2.setValue(this.value.map(val => val.id));
    }

  }
});
// CONCATENATED MODULE: ./src/pages/contentful/entity-suggest/index.vue?vue&type=script&lang=js&
 /* harmony default export */ var contentful_entity_suggestvue_type_script_lang_js_ = (entity_suggestvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(3);

// CONCATENATED MODULE: ./src/pages/contentful/entity-suggest/index.vue



function injectStyles (context) {
  
  var style0 = __webpack_require__(399)
if (style0.__inject__) style0.__inject__(context)

}

/* normalize component */

var component = Object(componentNormalizer["a" /* default */])(
  contentful_entity_suggestvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  injectStyles,
  "56b41ac7",
  "20717cc6"
  
)

/* harmony default export */ var entity_suggest = __webpack_exports__["default"] = (component.exports);

/***/ })

};;
//# sourceMappingURL=index.js.map