<!--<script src="../shared_js/jquery-1.11.2.min.js"></script>--> <!--<script src="../../bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>--> <script src="../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script> <link rel="stylesheet" href="../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css"> <!--<script defer src="../../bower_components/l20n/dist/compat/web/l20n.min.js"></script>--> <script src="../../locales/lnHashMap.js"></script> <link rel="import" href="../../bower_components/polymer/polymer.html"> <link rel="import" href="../page-slider-controllet/page-slider-controllet.html"> <link rel="import" href="../dataset-selection-controllet/dataset-selection-controllet.html"> <link rel="import" href="../tree-view-multi-table-controllet/tree-view-multi-table-controllet.html" /> <link rel="import" href="../datalet-selection-controllet/datalet-selection-controllet.html"> <dom-module id="data-sevc-controllet"> <template> <page-slider-controllet id="slider"> <neon-animatable> <template is="dom-if" if={{!modify}}> <dataset-selection-controllet id="dataset_selection" datasets={{datasets}} suggested-datasets={{suggestedDatasets}}></dataset-selection-controllet> </template> </neon-animatable> <neon-animatable> <tree-view-multi-table-controllet id="tree_view_multi_table" data-url={{dataUrl}} preselected-fields={{selectedFields}}></tree-view-multi-table-controllet> </neon-animatable> <neon-animatable> <datalet-selection-controllet id="datalet_selection" deep-url={{deepUrl}} datalets-list-url={{dataletsListUrl}} data-url={{dataUrl}} preselected-datalet={{selectedDatalet}} datalet-preset={{dataletPreset}}></datalet-selection-controllet> </neon-animatable> </page-slider-controllet> </template> <script> Polymer({ is : 'data-sevc-controllet', listeners : { 'page-slider-controllet_selected' : '_updateSlider', 'dataset-selection-controllet_data-url' : '_allowSecondStep', 'tree-view-controllet_selected-fields' : '_allowThirdStep' }, properties : { deepUrl : { type : String, value : undefined }, dataletsListUrl : { type : String , value : undefined }, datasets : { type : Array, value : undefined }, suggestedDatasets : { type : Array, value : undefined }, dataUrl : { type : String, value : undefined }, jsonData : { type : Object, value : undefined }, modify : { type : Boolean, value : false }, selectedDatalet : { type : String, value : undefined }, selectedFields : { type : Array, value : [] }, dataletPreset : { type : Object, value : [] }, localization : { type : String, value : "en" } }, ready : function(){ if(this.selectedDatalet){ this.modify = true; this.$.slider.selected = 1; // console.log(this.selectedDatalet); this.dataUrl = this.dataletPreset["data-url"]; } ln["localization"] = this.localization; }, _updateSlider : function(e){ switch (e.detail.selected) { case 0: slider.setTitle(ln["slide1Title_" + this.localization], ln["slide1Subtitle_" + this.localization]); slider.chevronLeft("invisible"); slider.chevronRight(false); if(slider.getPrevSelected() == 1) slider.chevronRight(true); break; case 1: slider.setTitle(ln["slide2Title_" + this.localization], ln["slide2Subtitle_" + this.localization]); if(this.modify){ slider.chevronLeft("invisible"); } else{ slider.chevronLeft(true); } slider.chevronRight(false); this.$.tree_view_multi_table.ready(); this._allowThirdStep({detail: {fields: tree_view_multi_table.getFlatFields()}}); break; case 2: slider.setTitle(ln["slide3Title_" + this.localization], ln["slide3Subtitle_" + this.localization]); slider.chevronLeft(true); slider.chevronRight("invisible"); this.$.datalet_selection.setFields(tree_view_multi_table.getFlatFields()); this.$.datalet_selection.ready(); } }, _allowSecondStep : function(e){ this.dataUrl = e.detail.url; var wrongUrl = ln["wrongUrl_" + this.localization]; console.log(ln["wrongUrl_en"]); $.ajax({ url: e.detail.url, dataType: "json", success: function(data){ // this.dataUrl = e.detail.url // this.jsonData = JSON.stringify(data); slider.chevronRight(true); }, error: function(){ // this.jsonData = undefined; slider.chevronRight(false); dataset_selection.dataUrl = wrongUrl; } }); this.$.datalet_selection.reset(); }, _allowThirdStep : function(e){ if(e.detail.fields.length > 0) slider.chevronRight(true); else slider.chevronRight(false); } }); </script> </dom-module>