diff options
Diffstat (limited to 'js/mediators/io-mediator.js')
-rw-r--r-- | js/mediators/io-mediator.js | 179 |
1 files changed, 160 insertions, 19 deletions
diff --git a/js/mediators/io-mediator.js b/js/mediators/io-mediator.js index 56869839..733e44b2 100644 --- a/js/mediators/io-mediator.js +++ b/js/mediators/io-mediator.js | |||
@@ -146,22 +146,27 @@ exports.IoMediator = Montage.create(Component, { | |||
146 | //Copy webGL library if needed | 146 | //Copy webGL library if needed |
147 | if (file.webgl.length > 0) { | 147 | if (file.webgl.length > 0) { |
148 | for (var i in this.application.ninja.coreIoApi.ninjaLibrary.libs) { | 148 | for (var i in this.application.ninja.coreIoApi.ninjaLibrary.libs) { |
149 | //if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'Assets' || this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'RDGE') { | 149 | //Checking for RDGE library to be available |
150 | if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'RDGE') { | 150 | if (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name === 'RDGE') { |
151 | this.application.ninja.coreIoApi.ninjaLibrary.copyLibToCloud(file.document.root, (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name+this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version).toLowerCase()); | 151 | this.application.ninja.coreIoApi.ninjaLibrary.copyLibToCloud(file.document.root, (this.application.ninja.coreIoApi.ninjaLibrary.libs[i].name+this.application.ninja.coreIoApi.ninjaLibrary.libs[i].version).toLowerCase()); |
152 | } else { | ||
153 | //TODO: Error handle no available library to copy | ||
152 | } | 154 | } |
153 | } | 155 | } |
154 | } | 156 | } |
155 | // | 157 | |
158 | //TODO: Add check for Monatage library to copy | ||
159 | |||
160 | //Getting content from function to properly handle saving assets (as in external if flagged) | ||
156 | contents = this.parseNinjaTemplateToHtml(file); | 161 | contents = this.parseNinjaTemplateToHtml(file); |
157 | break; | 162 | break; |
158 | default: | 163 | default: |
159 | contents = file.content; | 164 | contents = file.content; |
160 | break; | 165 | break; |
161 | } | 166 | } |
162 | // | 167 | //Making call to save file |
163 | save = this.fio.saveFile({uri: file.document.uri, contents: contents}); | 168 | save = this.fio.saveFile({uri: file.document.uri, contents: contents}); |
164 | // | 169 | //Checking for callback |
165 | if (callback) callback(save); | 170 | if (callback) callback(save); |
166 | } | 171 | } |
167 | }, | 172 | }, |
@@ -170,7 +175,7 @@ exports.IoMediator = Montage.create(Component, { | |||
170 | fileSaveAs: { | 175 | fileSaveAs: { |
171 | enumerable: false, | 176 | enumerable: false, |
172 | value: function (copyTo, copyFrom, callback) { | 177 | value: function (copyTo, copyFrom, callback) { |
173 | // | 178 | //TODO: Implement Save As functionality |
174 | } | 179 | } |
175 | }, | 180 | }, |
176 | //////////////////////////////////////////////////////////////////// | 181 | //////////////////////////////////////////////////////////////////// |
@@ -178,7 +183,7 @@ exports.IoMediator = Montage.create(Component, { | |||
178 | fileDelete: { | 183 | fileDelete: { |
179 | enumerable: false, | 184 | enumerable: false, |
180 | value: function (file, callback) { | 185 | value: function (file, callback) { |
181 | // | 186 | //TODO: Implement Delete functionality |
182 | } | 187 | } |
183 | }, | 188 | }, |
184 | //////////////////////////////////////////////////////////////////// | 189 | //////////////////////////////////////////////////////////////////// |
@@ -195,18 +200,125 @@ exports.IoMediator = Montage.create(Component, { | |||
195 | } | 200 | } |
196 | }, | 201 | }, |
197 | //////////////////////////////////////////////////////////////////// | 202 | //////////////////////////////////////////////////////////////////// |
198 | //TODO: Expand to allow more templates | 203 | //TODO: Expand to allow more templates, clean up variables |
199 | parseNinjaTemplateToHtml: { | 204 | parseNinjaTemplateToHtml: { |
200 | enumerable: false, | 205 | enumerable: false, |
201 | value: function (template) { | 206 | value: function (template) { |
202 | // | 207 | //Injecting head and body into old document |
203 | template.document.content.document.body.innerHTML = template.body; | 208 | template.document.content.document.body.innerHTML = template.body; |
204 | template.document.content.document.head.innerHTML = template.head; | 209 | template.document.content.document.head.innerHTML = template.head; |
205 | //TODO: Remove temp fix for styles | 210 | //Getting all CSS (style or link) tags |
206 | if (template.style) { | 211 | var styletags = template.document.content.document.getElementsByTagName('style'), |
207 | template.document.content.document.head.getElementsByTagName('style')[0].innerHTML = this.getCssFromRules(template.style.cssRules); | 212 | linktags = template.document.content.document.getElementsByTagName('link'), |
213 | url = new RegExp(chrome.extension.getURL('js/document/templates/montage-html/'), 'gi'); //TODO: Make public into var | ||
214 | //Looping through link tags and removing file recreated elements | ||
215 | for (var j in styletags) { | ||
216 | if (styletags[j].getAttribute) { | ||
217 | if(styletags[j].getAttribute('data-ninja-uri') !== null && !styletags[j].getAttribute('data-ninja-template')) {//TODO: Use querySelectorAll | ||
218 | try { | ||
219 | //Checking head first | ||
220 | template.document.content.document.head.removeChild(styletags[j]); | ||
221 | } catch (e) { | ||
222 | try { | ||
223 | //Checking body if not in head | ||
224 | template.document.content.document.body.removeChild(styletags[j]); | ||
225 | } catch (e) { | ||
226 | //Error, not found! | ||
227 | } | ||
228 | } | ||
229 | |||
230 | } | ||
231 | } | ||
232 | } | ||
233 | //TODO: Add logic to only enble tags we disabled | ||
234 | for (var l in linktags) { | ||
235 | if (linktags[l].getAttribute && linktags[l].getAttribute('disabled')) {//TODO: Use querySelectorAll | ||
236 | linktags[l].removeAttribute('disabled'); | ||
237 | } | ||
238 | } | ||
239 | //Checking for type of save: styles = <style> only | css = <style> and <link> (all CSS) | ||
240 | if (template.styles) { | ||
241 | //Getting all style tags | ||
242 | var styleCounter = 0, | ||
243 | docStyles = template.document.content.document.getElementsByTagName('style'); | ||
244 | //Looping through all style tags | ||
245 | for(var i in template.styles) { | ||
246 | if (template.styles[i].ownerNode) { | ||
247 | if (template.styles[i].ownerNode.getAttribute) { | ||
248 | //Checking for node not to be loaded from file | ||
249 | if (template.styles[i].ownerNode.getAttribute('data-ninja-uri') === null && !template.styles[i].ownerNode.getAttribute('data-ninja-template')) { | ||
250 | //Inseting data from rules array into tag as string | ||
251 | docStyles[styleCounter].innerHTML = this.getCssFromRules(template.styles[i].cssRules); | ||
252 | //Syncing <style> tags count since it might be mixed with <link> | ||
253 | styleCounter++; | ||
254 | } | ||
255 | } | ||
256 | } | ||
257 | } | ||
258 | } else if (template.css) { | ||
259 | //Getting all style and link tags | ||
260 | var styleCounter = 0, | ||
261 | docStyles = template.document.content.document.getElementsByTagName('style'), | ||
262 | docLinks = template.document.content.document.getElementsByTagName('link'); | ||
263 | for(var i in template.css) { | ||
264 | if (template.css[i].ownerNode) { | ||
265 | if (template.css[i].ownerNode.getAttribute) { | ||
266 | if (template.css[i].ownerNode.getAttribute('data-ninja-uri') === null && !template.css[i].ownerNode.getAttribute('data-ninja-template')) {//TODO: Use querySelectorAll | ||
267 | //Inseting data from rules array into <style> as string | ||
268 | docStyles[styleCounter].innerHTML = this.getCssFromRules(template.css[i].cssRules); | ||
269 | styleCounter++; | ||
270 | } else { | ||
271 | //Saving data from rules array converted to string into <link> file | ||
272 | var save = this.fio.saveFile({uri: template.css[i].ownerNode.getAttribute('data-ninja-uri'), contents: this.getCssFromRules(template.css[i].cssRules)}); | ||
273 | } | ||
274 | } | ||
275 | } | ||
276 | } | ||
208 | } | 277 | } |
209 | return template.document.content.document.documentElement.outerHTML; | 278 | //Checking for webGL elements in document |
279 | if (template.webgl.length) { | ||
280 | // | ||
281 | var json, matchingtags = [], webgltag, scripts = template.document.content.document.getElementsByTagName('script'); | ||
282 | // | ||
283 | for (var i in scripts) { | ||
284 | if (scripts[i].getAttribute) { | ||
285 | if (scripts[i].getAttribute('data-ninja-webgl') !== null) {//TODO: Use querySelectorAll | ||
286 | matchingtags.push(scripts[i]); | ||
287 | } | ||
288 | } | ||
289 | } | ||
290 | // | ||
291 | if (matchingtags.length) { | ||
292 | if (matchingtags.length === 1) { | ||
293 | webgltag = matchingtags[0]; | ||
294 | } else { | ||
295 | //TODO: Add logic to handle multiple tags, perhaps combine to one | ||
296 | webgltag = matchingtags[matchingtags.length-1]; //Saving all data to last one... | ||
297 | } | ||
298 | } | ||
299 | // | ||
300 | if (!webgltag) { | ||
301 | webgltag = template.document.content.document.createElement('script'); | ||
302 | webgltag.setAttribute('data-ninja-webgl', 'true'); | ||
303 | template.document.content.document.head.appendChild(webgltag); | ||
304 | } | ||
305 | //TODO: Add version and other data for RDGE | ||
306 | json = '\n({\n\t"version": "X.X.X.X",\n\t"data": ['; | ||
307 | //Looping through data to create escaped array | ||
308 | for (var j=0; template.webgl[j]; j++) { | ||
309 | if (j === 0) { | ||
310 | json += '\n\t\t\t"'+escape(template.webgl[j])+'"'; | ||
311 | } else { | ||
312 | json += ',\n\t\t\t"'+escape(template.webgl[j])+'"'; | ||
313 | } | ||
314 | } | ||
315 | //Closing array (make-shift JSON string to validate data in <script> tag) | ||
316 | json += '\n\t\t]\n})\n'; | ||
317 | //Setting string in tag | ||
318 | webgltag.innerHTML = json; | ||
319 | } | ||
320 | // | ||
321 | return this.getPrettyHtml(template.document.content.document.documentElement.outerHTML.replace(url, '')); | ||
210 | } | 322 | } |
211 | }, | 323 | }, |
212 | //////////////////////////////////////////////////////////////////// | 324 | //////////////////////////////////////////////////////////////////// |
@@ -215,23 +327,52 @@ exports.IoMediator = Montage.create(Component, { | |||
215 | enumerable: false, | 327 | enumerable: false, |
216 | value: function (list) { | 328 | value: function (list) { |
217 | //Variable to store CSS definitions | 329 | //Variable to store CSS definitions |
218 | var i, str, css = ''; | 330 | var i, str, url, css = ''; |
219 | //Looping through list | 331 | //Looping through list |
220 | if (list && list.length > 0) { | 332 | if (list && list.length > 0) { |
221 | //Adding each list item to string and also adding breaks | 333 | //Adding each list item to string and also adding breaks |
222 | for (i = 0; list[i]; i++) { | 334 | for (i = 0; list[i]; i++) { |
223 | str = list[i].cssText+' '; | 335 | css += list[i].cssText; |
224 | str = st |