@abi-software/simulationvuer 0.5.5 → 0.5.8

package/README.md

@@ -14,7 +14,6 @@ To include the package in your script:
 
 ```javascript
 import { SimulationVuer } from '@abi-software/simulationvuer';
-import '@abi-software/simulationvuer/dist/simulationvuer.css';
 ```
 
 To register in a Vue component:
@@ -35,10 +34,10 @@ The above registers the SimulationVuer component into the global scope.
 You can now use the SimulationVuer in your Vue template as follows:
 
 ```html
-<SimulationVuer :apiLocation="apiLocation" />
+<SimulationVuer :apiLocation="apiLocation" :id=123 />
 ```
 
-where `apiLocation` is the URL to the API location.
+where `apiLocation` is the URL to the API location and `id` the id of the dataset.
 
 ## Project setup
 

package/dist/simulationvuer.common.js

@@ -87,10 +87,25 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
-/***/ "125d":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "0445":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_button_css_vue_type_style_index_1_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5e70");
+/* harmony import */ var _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_button_css_vue_type_style_index_1_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_button_css_vue_type_style_index_1_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "0b53":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_loading_css_vue_type_style_index_3_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6ea9");
+/* harmony import */ var _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_loading_css_vue_type_style_index_3_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_loading_css_vue_type_style_index_3_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -133,39 +148,39 @@ module.exports = require("core-js/modules/es.symbol.description.js");
 
 /***/ }),
 
-/***/ "4b44":
+/***/ "49e3":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _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_button_css_vue_type_style_index_1_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("530f");
-/* harmony import */ var _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_button_css_vue_type_style_index_1_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_button_css_vue_type_style_index_1_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _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_SimulationVuer_vue_vue_type_style_index_0_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6463");
+/* harmony import */ var _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_SimulationVuer_vue_vue_type_style_index_0_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_SimulationVuer_vue_vue_type_style_index_0_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
 /***/ }),
 
-/***/ "530f":
+/***/ "4d63":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "56d1":
+/***/ "5b75":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "5b75":
+/***/ "5cd4":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "5cd4":
+/***/ "5e70":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -186,6 +201,13 @@ module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
+/***/ "6463":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "68c9":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -197,7 +219,7 @@ module.exports = require("core-js/modules/es.string.replace.js");
 
 /***/ }),
 
-/***/ "760a":
+/***/ "6ea9":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -294,39 +316,6 @@ module.exports = require("core-js/modules/es.regexp.exec.js");
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "cd47":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _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_divider_css_vue_type_style_index_2_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("125d");
-/* harmony import */ var _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_divider_css_vue_type_style_index_2_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_divider_css_vue_type_style_index_2_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "ced2":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _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_loading_css_vue_type_style_index_3_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("56d1");
-/* harmony import */ var _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_loading_css_vue_type_style_index_3_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_loading_css_vue_type_style_index_3_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "d119":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _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_SimulationVuer_vue_vue_type_style_index_0_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("760a");
-/* harmony import */ var _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_SimulationVuer_vue_vue_type_style_index_0_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_SimulationVuer_vue_vue_type_style_index_0_id_17fd0cf2_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "d856":
@@ -373,6 +362,17 @@ module.exports = require("core-js/modules/es.object.keys.js");
 
 module.exports = require("@abi-software/plotvuer");
 
+/***/ }),
+
+/***/ "f82e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _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_divider_css_vue_type_style_index_2_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4d63");
+/* harmony import */ var _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_divider_css_vue_type_style_index_2_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_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_divider_css_vue_type_style_index_2_id_7b9bbc23_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f989":
@@ -416,12 +416,15 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e046f962-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SimulationVuer.vue?vue&type=template&id=17fd0cf2&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.showUserMessage),expression:"showUserMessage"}],staticClass:"simulation-vuer",attrs:{"element-loading-text":_vm.userMessage}},[(!_vm.hasValidSimulationUiInformation && !_vm.showUserMessage)?_c('p',{staticClass:"default error"},[_c('span',{staticClass:"error"},[_vm._v("Error:")]),_vm._v(" an unknown or invalid model was provided.")]):_vm._e(),(_vm.hasValidSimulationUiInformation)?_c('div',{staticClass:"main"},[_c('div',{staticClass:"main-left"},[_c('p',{staticClass:"default title"},[_vm._v(_vm._s(_vm.title))]),_c('el-divider'),_c('p',{staticClass:"default input-parameters"},[_vm._v("Input parameters")]),_c('div',_vm._l((_vm.simulationUiInformation.input),function(input,index){return _c('SimulationVuerInput',{key:("input-" + index),attrs:{"defaultValue":input.defaultValue,"firstScalarInput":_vm.firstScalarInput[index],"name":input.name,"maximumValue":input.maximumValue,"minimumValue":input.minimumValue,"possibleValues":input.possibleValues}})}),1),_c('div',{ref:"input"}),_c('div',{staticClass:"primary-button"},[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.runSimulation()}}},[_vm._v("Run simulation")])],1),_c('div',{staticClass:"secondary-button"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":function($event){return _vm.goToOsparc()}}},[_vm._v("Go to oSPARC")])],1),_c('div',{staticClass:"secondary-button"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":function($event){return _vm.viewDataset()}}},[_vm._v("View dataset")])],1),_c('p',{staticClass:"default note"},[_vm._v("Additional parameters are available on oSPARC")])],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSimulationValid),expression:"isSimulationValid"}],ref:"output",staticClass:"main-right"},_vm._l((_vm.simulationUiInformation.output.plots),function(outputPlot,index){return _c('PlotVuer',{key:("output-" + index),attrs:{"layout-input":_vm.layout[index],"dataInput":_vm.simulationData[index],"plotType":'plotly-only'}})}),1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isSimulationValid),expression:"!isSimulationValid"}],staticClass:"main-right"},[_c('p',{staticClass:"default error"},[_c('span',{staticClass:"error"},[_vm._v("Error:")]),_vm._v(" "),_c('span',{domProps:{"innerHTML":_vm._s(_vm.errorMessage)}}),_vm._v(".")])])]):_vm._e()])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"13257416-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SimulationVuer.vue?vue&type=template&id=7b9bbc23&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.showUserMessage),expression:"showUserMessage"}],staticClass:"simulation-vuer",attrs:{"element-loading-text":_vm.userMessage}},[(!_vm.hasValidSimulationUiInformation && !_vm.showUserMessage)?_c('p',{staticClass:"default error"},[_c('span',{staticClass:"error"},[_vm._v("Error:")]),_vm._v(" an unknown or invalid model was provided.")]):_vm._e(),(_vm.hasValidSimulationUiInformation)?_c('div',{staticClass:"main"},[_c('div',{staticClass:"main-left"},[_c('p',{staticClass:"default name"},[_vm._v(_vm._s(_vm.name))]),_c('el-divider'),_c('p',{staticClass:"default input-parameters"},[_vm._v("Input parameters")]),_c('div',_vm._l((_vm.simulationUiInformation.input),function(input,index){return _c('SimulationVuerInput',{key:("input-" + index),attrs:{"defaultValue":input.defaultValue,"firstScalarInput":_vm.firstScalarInput[index],"name":input.name,"maximumValue":input.maximumValue,"minimumValue":input.minimumValue,"possibleValues":input.possibleValues}})}),1),_c('div',{ref:"input"}),_c('div',{staticClass:"primary-button"},[_c('el-button',{attrs:{"type":"primary","size":"mini"},on:{"click":function($event){return _vm.runSimulation()}}},[_vm._v("Run simulation")])],1),_c('div',{staticClass:"secondary-button"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":function($event){return _vm.goToOsparc()}}},[_vm._v("Go to oSPARC")])],1),_c('div',{staticClass:"secondary-button"},[_c('el-button',{attrs:{"size":"mini"},on:{"click":function($event){return _vm.viewDataset()}}},[_vm._v("View dataset")])],1),_c('p',{staticClass:"default note"},[_vm._v("Additional parameters are available on oSPARC")])],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isSimulationValid),expression:"isSimulationValid"}],ref:"output",staticClass:"main-right"},_vm._l((_vm.simulationUiInformation.output.plots),function(outputPlot,index){return _c('PlotVuer',{key:("output-" + index),attrs:{"layout-input":_vm.layout[index],"dataInput":_vm.simulationData[index],"plotType":'plotly-only'}})}),1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isSimulationValid),expression:"!isSimulationValid"}],staticClass:"main-right"},[_c('p',{staticClass:"default error"},[_c('span',{staticClass:"error"},[_vm._v("Error:")]),_vm._v(" "),_c('span',{domProps:{"innerHTML":_vm._s(_vm.errorMessage)}}),_vm._v(".")])])]):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/SimulationVuer.vue?vue&type=template&id=17fd0cf2&scoped=true&
+// CONCATENATED MODULE: ./src/components/SimulationVuer.vue?vue&type=template&id=7b9bbc23&scoped=true&
+
+// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
+var es_number_constructor_js_ = __webpack_require__("f989");
 
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
@@ -429,20 +432,14 @@ var es_function_name_js_ = __webpack_require__("db0a");
 // EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
 var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 
-// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
-var es_object_keys_js_ = __webpack_require__("ea64");
-
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
 
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
 var es_symbol_description_js_ = __webpack_require__("4933");
 
-// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
-var es_regexp_exec_js_ = __webpack_require__("c8a6");
-
-// EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
-var es_string_replace_js_ = __webpack_require__("6378");
+// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
+var es_object_keys_js_ = __webpack_require__("ea64");
 
 // EXTERNAL MODULE: external "vue"
 var external_vue_ = __webpack_require__("8bbf");
@@ -454,25 +451,28 @@ var plotvuer_ = __webpack_require__("f164");
 // EXTERNAL MODULE: external "@abi-software/plotvuer/dist/plotvuer.css"
 var plotvuer_css_ = __webpack_require__("d856");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"e046f962-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SimulationVuerInput.vue?vue&type=template&id=ca4c3b6e&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"13257416-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/SimulationVuerInput.vue?vue&type=template&id=ca4c3b6e&scoped=true&
 var SimulationVuerInputvue_type_template_id_ca4c3b6e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',{class:_vm.labelClasses},[_vm._v(_vm._s(_vm.name))]),(_vm.isDiscrete)?_c('el-select',{staticClass:"discrete",attrs:{"popper-class":"discrete-popper","size":"mini","disabled":!_vm.enabled,"popper-append-to-body":false},on:{"change":function($event){return _vm.updateUi()}},model:{value:(_vm.vModel),callback:function ($$v) {_vm.vModel=$$v},expression:"vModel"}},_vm._l((_vm.possibleValues),function(possibleValue){return _c('el-option',{key:possibleValue.value,attrs:{"label":possibleValue.name,"value":possibleValue.value}})}),1):_vm._e(),(!_vm.isDiscrete)?_c('div',{staticClass:"sliders-and-fields"},[_c('el-slider',{attrs:{"disabled":!_vm.enabled,"max":_vm.maximumValue,"min":_vm.minimumValue,"show-input":false,"show-tooltip":false},on:{"change":function($event){return _vm.updateUi()}},model:{value:(_vm.vModel),callback:function ($$v) {_vm.vModel=$$v},expression:"vModel"}}),_c('el-input-number',{staticClass:"scalar",attrs:{"size":"mini","controls":false,"disabled":!_vm.enabled,"max":_vm.maximumValue,"min":_vm.minimumValue},on:{"input":function($event){return _vm.updateUi()}},model:{value:(_vm.vModel),callback:function ($$v) {_vm.vModel=$$v},expression:"vModel"}})],1):_vm._e()],1)}
 var SimulationVuerInputvue_type_template_id_ca4c3b6e_scoped_true_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./src/components/SimulationVuerInput.vue?vue&type=template&id=ca4c3b6e&scoped=true&
 
-// EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
-var es_number_constructor_js_ = __webpack_require__("f989");
-
 // EXTERNAL MODULE: external "element-ui"
 var external_element_ui_ = __webpack_require__("5f72");
 
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.constructor.js"
 var es_regexp_constructor_js_ = __webpack_require__("86d1");
 
+// EXTERNAL MODULE: external "core-js/modules/es.regexp.exec.js"
+var es_regexp_exec_js_ = __webpack_require__("c8a6");
+
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string.js"
 var es_regexp_to_string_js_ = __webpack_require__("30df");
 
+// EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
+var es_string_replace_js_ = __webpack_require__("6378");
+
 // CONCATENATED MODULE: ./src/components/common.js
 
 
@@ -1152,7 +1152,6 @@ function validJson(json) {
 
 
 
-
 //
 //
 //
@@ -1208,12 +1207,36 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
       required: true,
       type: String
     },
-    entry: {
+    id: {
       required: true,
-      type: Object
+      type: Number
     }
   },
   data: function data() {
+    var xmlhttp = new XMLHttpRequest();
+    var name = undefined;
+    var resource = undefined;
+    xmlhttp.open("GET", this.apiLocation + "/dataset_info/using_pennsieve_identifier?identifier=" + this.id, false);
+    xmlhttp.setRequestHeader("Content-type", "application/json");
+    xmlhttp.send();
+
+    if (xmlhttp.status === 200) {
+      var datasetInfo = JSON.parse(xmlhttp.responseText).result[0];
+
+      if (datasetInfo !== undefined) {
+        name = datasetInfo.name;
+        var isSedmlResource = false;
+        datasetInfo.additionalLinks.forEach(function (el) {
+          if (el.description == "SED-ML file") {
+            isSedmlResource = true;
+            resource = el.uri;
+          } else if (!isSedmlResource && el.description == "CellML file") {
+            resource = el.uri;
+          }
+        });
+      }
+    }
+
     return {
       errorMessage: "",
       firstScalarInput: [],
@@ -1222,12 +1245,13 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
       isMounted: false,
       isSimulationValid: true,
       layout: [],
+      name: name,
+      resource: resource,
       showUserMessage: false,
       simulationData: [],
       simulationDataId: {},
       simulationUiInformation: {},
       userMessage: "",
-      title: this.entry !== undefined ? this.entry.name : "",
       ui: null
     };
   },
@@ -1236,7 +1260,7 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
       window.open("https://osparc.io/", "_blank");
     },
     viewDataset: function viewDataset() {
-      window.open(this.entry.dataset, "_blank");
+      window.open("https://sparc.science/datasets/".concat(this.id, "?type=dataset"), "_blank");
     },
     runSimulation: function runSimulation() {
       var _this = this;
@@ -1244,7 +1268,7 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
       this.userMessage = "Loading simulation results...";
       this.showUserMessage = true;
       var request = {
-        model_url: this.entry.resource,
+        model_url: this.resource,
         json_config: {}
       }; // Specify the ending point and point interval, if we have some simulation
       // data.
@@ -1322,41 +1346,39 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
   created: function created() {
     var _this2 = this;
 
-    var url = document.createElement("a");
-    url.href = this.entry.dataset;
-    var datasetId = url.pathname.replace("/datasets/", "");
-
-    if (datasetId !== "/undefined") {
-      // Let people know that we are retrieving our UI information.
+    // Try to retrieve the UI information, but only if we have a resource.
+    if (this.resource !== undefined) {
       this.userMessage = "Retrieving UI information...";
       this.showUserMessage = true; // Retrieve the simulation UI file for the given dataset.
 
       var xmlhttp = new XMLHttpRequest();
-      xmlhttp.open("GET", this.apiLocation + "/simulation_ui_file/" + datasetId, true);
+      xmlhttp.open("GET", this.apiLocation + "/simulation_ui_file/" + this.id, true);
       xmlhttp.setRequestHeader("Content-type", "application/json");
 
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState === 4) {
-          // Keep track of the simulation UI information.
-          _this2.simulationUiInformation = JSON.parse(xmlhttp.responseText); // Make sure that the simulation UI information is valid.
+          _this2.showUserMessage = false;
 
-          _this2.hasValidSimulationUiInformation = validJson(_this2.simulationUiInformation);
+          if (xmlhttp.status === 200) {
+            // Keep track of the simulation UI information.
+            _this2.simulationUiInformation = JSON.parse(xmlhttp.responseText); // Make sure that the simulation UI information is valid.
 
-          if (!_this2.hasValidSimulationUiInformation) {
-            _this2.showUserMessage = false;
-            return;
-          } // Initialise our UI.
+            _this2.hasValidSimulationUiInformation = validJson(_this2.simulationUiInformation);
 
+            if (!_this2.hasValidSimulationUiInformation) {
+              return;
+            } // Initialise our UI.
 
-          initialiseUi(_this2); // Finalise our UI.
-          // Note: we try both here and in the mounded() function since we have no
-          //       idea how long it's going to take to retrieve the simulation UI
-          //       information.
 
-          _this2.$nextTick(function () {
-            finaliseUi(_this2);
-            _this2.showUserMessage = false;
-          });
+            initialiseUi(_this2); // Finalise our UI.
+            // Note: we try both here and in the mounded() function since we have no
+            //       idea how long it's going to take to retrieve the simulation UI
+            //       information.
+
+            _this2.$nextTick(function () {
+              finaliseUi(_this2);
+            });
+          }
         }
       };
 
@@ -1374,17 +1396,17 @@ external_vue_default.a.use(external_element_ui_["Loading"]);
 });
 // CONCATENATED MODULE: ./src/components/SimulationVuer.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_SimulationVuervue_type_script_lang_js_ = (SimulationVuervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/SimulationVuer.vue?vue&type=style&index=0&id=17fd0cf2&scoped=true&lang=css&
-var SimulationVuervue_type_style_index_0_id_17fd0cf2_scoped_true_lang_css_ = __webpack_require__("d119");
+// EXTERNAL MODULE: ./src/components/SimulationVuer.vue?vue&type=style&index=0&id=7b9bbc23&scoped=true&lang=css&
+var SimulationVuervue_type_style_index_0_id_7b9bbc23_scoped_true_lang_css_ = __webpack_require__("49e3");
 
-// EXTERNAL MODULE: ./src/styles/purple/button.css?vue&type=style&index=1&id=17fd0cf2&scoped=true&lang=css&
-var buttonvue_type_style_index_1_id_17fd0cf2_scoped_true_lang_css_ = __webpack_require__("4b44");
+// EXTERNAL MODULE: ./src/styles/purple/button.css?vue&type=style&index=1&id=7b9bbc23&scoped=true&lang=css&
+var buttonvue_type_style_index_1_id_7b9bbc23_scoped_true_lang_css_ = __webpack_require__("0445");
 
-// EXTERNAL MODULE: ./src/styles/purple/divider.css?vue&type=style&index=2&id=17fd0cf2&scoped=true&lang=css&
-var dividervue_type_style_index_2_id_17fd0cf2_scoped_true_lang_css_ = __webpack_require__("cd47");
+// EXTERNAL MODULE: ./src/styles/purple/divider.css?vue&type=style&index=2&id=7b9bbc23&scoped=true&lang=css&
+var dividervue_type_style_index_2_id_7b9bbc23_scoped_true_lang_css_ = __webpack_require__("f82e");
 
-// EXTERNAL MODULE: ./src/styles/purple/loading.css?vue&type=style&index=3&id=17fd0cf2&scoped=true&lang=css&
-var loadingvue_type_style_index_3_id_17fd0cf2_scoped_true_lang_css_ = __webpack_require__("ced2");
+// EXTERNAL MODULE: ./src/styles/purple/loading.css?vue&type=style&index=3&id=7b9bbc23&scoped=true&lang=css&
+var loadingvue_type_style_index_3_id_7b9bbc23_scoped_true_lang_css_ = __webpack_require__("0b53");
 
 // CONCATENATED MODULE: ./src/components/SimulationVuer.vue
 
@@ -1404,7 +1426,7 @@ var SimulationVuer_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "17fd0cf2",
+  "7b9bbc23",
   null
   
 )