Mercurial > hg > ChinaGisRestApi
annotate gis_gui/lib/blocks.js @ 267:260ec888fe15
Multilayer for Europeana4D
| author | fknauft |
|---|---|
| date | Wed, 25 Jan 2012 20:45:13 +0100 |
| parents | c37e8c173136 |
| children | d1b43624cc63 |
| rev | line source |
|---|---|
| 63 | 1 /* |
| 2 * fallback for console.log calls | |
| 3 */ | |
| 4 if (typeof(console) == 'undefined') { | |
| 5 console = { | |
| 6 log : function(){}, | |
| 7 debug : function(){}, | |
| 65 | 8 error : function(){} |
| 9 }; | |
| 63 | 10 } |
| 11 | |
| 12 function defined(x) { | |
| 13 // returns if x is defined | |
| 68 | 14 return (typeof arguments[0] !== "undefined"); |
| 63 | 15 } |
| 16 | |
| 72 | 17 function randomString() { |
| 18 var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz"; | |
| 19 var string_length = 8; | |
| 20 var randomstring = ''; | |
| 21 for (var i=0; i<string_length; i++) { | |
| 22 var rnum = Math.floor(Math.random() * chars.length); | |
| 23 randomstring += chars.substring(rnum,rnum+1); | |
| 24 } | |
| 25 return randomstring; | |
| 26 } | |
| 27 | |
| 28 | |
| 263 | 29 |
| 63 | 30 /* |
| 31 * guiBlocks base | |
| 32 */ | |
| 33 function guiBlocks(container) { | |
| 34 // list of blocks | |
| 35 this.blocks = []; | |
| 36 this.containerElement = container; | |
| 37 return this; | |
| 38 } | |
| 39 //var guiBlocks = new Object(); | |
| 40 | |
| 41 /* | |
| 42 * Block base class | |
| 43 */ | |
| 44 guiBlocks.Block = function(id, element) { | |
| 45 this.id = id; // the blocks html id | |
| 46 this.element = element; // the html dom element | |
| 47 this.storeId = null; // the id in online storage | |
| 65 | 48 this.params = {}; // parameters to store |
| 63 | 49 return this; |
| 50 }; | |
| 51 | |
| 52 // create a new block and add it to the current workspaces stack | |
| 53 guiBlocks.prototype.addBlock = function(url, baseId, params, whenDone) { | |
| 54 // add title to url | |
| 55 var newblock = $("<div>Block loading...</div>"); | |
| 68 | 56 var newid = baseId+"_"+randomString(); |
| 63 | 57 var container = this.containerElement; |
| 58 console.debug("addblock newid="+newid); | |
| 59 newblock.hide(); | |
| 60 newblock.load(url, function() { | |
| 61 // after load function | |
| 62 console.debug("addblock after load block"); | |
| 63 console.debug(container); | |
| 64 $(this).find(".block").attr("id",newid); | |
| 65 $(this).appendTo(container); | |
|
253
d6c7bedf4370
New reload button active in upper right corner of block
fknauft
parents:
248
diff
changeset
|
66 |
| 63 | 67 // chain done function |
| 68 if (typeof(whenDone) == "function") { | |
| 72 | 69 // chain whenDone (should we add parameters?) |
| 70 whenDone.apply(this); | |
| 63 | 71 } else { |
| 72 // default after load function | |
| 73 $(this).fadeIn(); | |
| 65 | 74 } |
| 63 | 75 |
| 76 }); | |
| 77 // create new Block object | |
| 78 var block = new guiBlocks.Block(newid, newblock); | |
| 79 // add parameters | |
| 68 | 80 if (params == null) { |
| 63 | 81 // create new params |
| 82 params = {"id": newid}; | |
| 83 } | |
| 84 block.params = params; | |
| 85 // add to list of blocks | |
| 86 this.blocks.push(block); | |
| 87 return block; | |
| 65 | 88 }; |
| 63 | 89 |
| 90 guiBlocks.prototype.getBlock = function(id) { | |
| 91 for (b in this.blocks) { | |
| 92 if (b.id == id) { | |
| 93 return b; | |
| 94 } | |
| 95 } | |
| 96 return null; | |
| 65 | 97 }; |
| 63 | 98 |
| 99 /* | |
| 100 guiBlocks.prototype.getStoreItem = function(tag,type,item) { | |
| 101 // get item from online storage | |
| 102 jQuery.get(); | |
| 103 } | |
| 104 */ | |
| 105 | |
| 106 guiBlocks.prototype.loadListOfItems = function(storeTag,storeType,callback) { | |
| 107 // loads list of id and type objects and executes callback function | |
| 108 var url = "../db/RESTjson/db/public/gui_objects/"+escape(storeTag)+"/"+storeType+"?recursive=true"; | |
| 109 jQuery.getJSON(url,callback); | |
| 65 | 110 }; |
| 63 | 111 |
| 264 | 112 guiBlocks.prototype.e4DOpen = function(titel,tables){ |
| 113 var e4D_URL="http://mappit.mpiwg-berlin.mpg.de:8080/e4D?"; | |
| 263 | 114 var paramstr = "format=KML"; |
| 115 // var layer_URL = "http://chinagis-develop.mpiwg-berlin.mpg.de:9080/db/RESTdb/db/public/" + escape(table) + "?" + paramstr; | |
| 264 | 116 var layer_URL = ""; |
| 117 | |
| 118 for (var i=0;i<tables.length;i++){ | |
| 119 if (i!=0) {e4D_URL=e4D_URL+"&";} | |
| 120 layer_URL= "http://mappit.mpiwg-berlin.mpg.de/db/RESTdb/db/public/" + escape(tables[i]) + "?" + paramstr; | |
| 265 | 121 e4D_URL=e4D_URL+"kml"+[i+1]+"="+layer_URL+"&source"+[i+1]+"=1"; |
| 264 | 122 } |
| 123 console.debug(" e4D_URL=", e4D_URL ); | |
| 267 | 124 var newwindow=window.open(e4D_URL,"Mappit@Europeana4D","height=800,width=900,resizable=1,scrollbars=1"); |
| 264 | 125 if (window.focus) {newwindow.focus();} |
| 263 | 126 return false; |
| 264 | 127 |
| 263 | 128 /* });*/ |
| 129 }; | |
| 63 | 130 |
| 131 guiBlocks.Block.prototype.storeBlock = function(storeTag) { | |
| 132 var storeType = this.params.type; | |
| 133 var storeItem = this.params.id; | |
| 134 var url = "../db/RESTjson/db/public/gui_objects/"+escape(storeTag)+"/"+storeType+"/"+storeItem; | |
| 135 var ds = JSON.stringify(this.params); | |
| 136 jQuery.ajax({ | |
| 137 type: "PUT", | |
| 138 url: url, | |
| 139 data: ds, | |
| 140 success: function(msg){ | |
| 264 | 141 console.debug("PUT success msg=",msg); |
| 63 | 142 this.storeId = storeItem; |
| 143 } | |
| 144 }); | |
| 145 }; | |
| 146 | |
| 147 | |
| 148 | |
| 149 // collapse the block so that only its titlebar is visible | |
| 150 function foldBlock(segment){ | |
| 72 | 151 if (segment == null) { |
| 63 | 152 return; |
| 153 } | |
| 154 if(segment.hasClass("folded")){ | |
| 155 //if the segment is collapsed | |
| 156 segment.removeClass("folded"); | |
| 157 segment.find(".body").slideDown(); | |
| 158 } else{ | |
| 159 //if the segment is expanded | |
| 160 segment.addClass("folded"); | |
| 161 segment.find(".body").slideUp(); | |
| 162 } | |
| 163 } | |
| 164 | |
| 165 function switchSubscreens(container, id1, id2) { | |
| 166 var oldScreen = container.find("#"+id1); | |
| 167 var newScreen = container.find("#"+id2); | |
| 168 | |
| 169 oldScreen.fadeOut(); | |
| 170 newScreen.fadeIn(); | |
| 171 } | |
| 172 | |
| 173 function guiBlocks_init() { | |
| 174 // initialize collapsed windows | |
| 175 $("div.block.folded").each(function(e){ | |
| 176 $(this).find(".body").slideUp(); | |
| 177 }); | |
| 178 | |
| 179 // TitleBar Click | |
| 180 $("div.block div.titlebar h1").live("click", function(e) { | |
| 181 var segment = $(this).parents().filter("div.block"); | |
| 182 foldBlock(segment); | |
| 183 }); | |
| 184 | |
| 185 // TitleBar Close | |
| 186 $("div.block div.titlebar div.close_button").live("click", function(e){ | |
| 187 segment = $(this).parents().filter("div.block"); | |
| 65 | 188 segment.fadeOut(function(){ segment.remove();}); |
| 63 | 189 }); |
| 190 | |
| 248 | 191 // TitleBar Reload |
| 192 $("div.block div.titlebar div.reload_button").live("click", function(e){ | |
| 193 segment = $(this).parents().filter("div.block"); | |
| 194 console.debug("guiBlocks_init().live(reload) segment[0].id="+ segment[0].id); | |
| 195 //FJK: funktioniert leider noch nicht! | |
| 196 // var blockid=$(this).parents().firstElementChild.id; | |
| 197 // var mapblock=getBlock(blockid); | |
| 198 // var params=mapblock.readMapParams(); | |
| 199 // var be = mapblock.element; | |
| 200 //var mapblock = $(be).find(".map_box"); | |
| 201 // console.debug("guiBlocks_init().live(reload) params="+ new String(params)); | |
| 202 // mapblock.updateMap(be,params); | |
| 203 }); | |
| 204 | |
| 65 | 205 } |
| 248 | 206 |
| 207 function getBlock(id){ | |
| 208 for (b in this.blocks) { | |
| 209 if (b.id == id) { | |
| 210 return b; | |
| 211 } | |
| 212 } | |
| 213 return null; | |
| 214 } |