Use CKEditor's setData to properly load in protected tags, use CKEditor's getData to properly save protected tag data, load Materialize from CDN to fix Popup issues, upgrade Bower deps

Author: toastercup

Diff for: bower.json

@@ -7,11 +7,11 @@
     "components"
   ],
   "dependencies": {
-    "riot": "~2.3.18",
+    "riot": "~3.0.7",
     "q": "~1.3.0",
     "qajax": "[email protected]:cb-talent-development/qajax#master",
     "underscore": "~1.8.3",
-    "materialize": "~0.97.6",
+    "materialize": "~0.97.8",
     "normalize-scss": "~3.0"
   },
   "resolutions": {

Diff for: src/app/main.js

@@ -1,40 +1,42 @@
-(function(global) {
+(function (global) {
   'use strict';
 
-  $(function() {
+  $(function () {
     var body = $('body'),
       head = $('head');
 
-    body.prepend( $('<toolbar></toolbar>') );
-    body.append( $('<media-library></media-library>') );
+    body.prepend($('<toolbar></toolbar>'));
+    body.append($('<media-library></media-library>'));
 
-    head.append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100') );
-    head.append( $('<link rel="stylesheet" type="text/css" />').attr('href', 'https://fonts.googleapis.com/icon?family=Material+Icons') );
-    head.append( $('<link rel="stylesheet" type="text/css" />').attr('href', config.CONTENT_SNIPPETS_EDIT_CSS_URL) );
+    head.append($('<link rel="stylesheet" type="text/css" />').attr('href', 'https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100'));
+    head.append($('<link rel="stylesheet" type="text/css" />').attr('href', 'https://fonts.googleapis.com/icon?family=Material+Icons'));
+    head.append($('<link rel="stylesheet" type="text/css" />').attr('href', config.CONTENT_SNIPPETS_EDIT_CSS_URL));
 
-    $.getScript('https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js', function() {
-      global.CKEDITOR.plugins.addExternal( 'media-selector', global.config.CKEDITOR_PLUGINS_URL + 'media-selector/', 'plugin.js' );
-      global.CKEDITOR.plugins.addExternal( 'sourcedialog', global.config.CKEDITOR_PLUGINS_URL + 'sourcedialog/', 'plugin.js' );
-      global.CKEDITOR.plugins.addExternal( 'codemirror', global.config.CKEDITOR_PLUGINS_URL + 'codemirror/', 'plugin.js' );
+    $.getScript('https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js', function () {
+      $.getScript('https://cdn.ckeditor.com/4.6.2/standard/ckeditor.js', function () {
+        global.CKEDITOR.plugins.addExternal('media-selector', global.config.CKEDITOR_PLUGINS_URL + 'media-selector/', 'plugin.js');
+        global.CKEDITOR.plugins.addExternal('sourcedialog', global.config.CKEDITOR_PLUGINS_URL + 'sourcedialog/', 'plugin.js');
+        global.CKEDITOR.plugins.addExternal('codemirror', global.config.CKEDITOR_PLUGINS_URL + 'codemirror/', 'plugin.js');
 
-      global.CKEDITOR.config.allowedContent = true;
-      global.CKEDITOR.config.extraPlugins = 'media-selector,sourcedialog';
-      global.CKEDITOR.config.removePlugins = 'image,sourcearea';
+        global.CKEDITOR.config.allowedContent = true;
+        global.CKEDITOR.config.extraPlugins = 'media-selector,sourcedialog';
+        global.CKEDITOR.config.removePlugins = 'image,sourcearea';
 
-      var stores = {
-        WebpageStore: new WebpageStore(),
-        MediasStore: new MediasStore()
-      };
+        var stores = {
+          WebpageStore: new WebpageStore(),
+          MediasStore: new MediasStore()
+        };
 
-      _.each(stores, function(store) {
-        RiotControl.addStore(store);
-      });
+        _.each(stores, function (store) {
+          RiotControl.addStore(store);
+        });
 
-      global.stores = stores;
+        global.stores = stores;
 
-      riot.mount('snippet');
-      riot.mount('media-library');
-      riot.mount('toolbar');
+        riot.mount('snippet');
+        riot.mount('media-library');
+        riot.mount('toolbar');
+      });
     });
   });
 }(this));

Diff for: src/app/tags/snippet.tag

@@ -10,13 +10,12 @@
         return obj.document.name == opts.id;
       });
       if (typeof foundSnippet != "undefined") {
-        self.getElementsByClassName('editor')[0].innerHTML = foundSnippet.document.body;
-        self.update();
+        CKEDITOR.instances[opts.id].setData(foundSnippet.document.body);
       }
     });
 
     this.contentChanged = function(event) {
-      var body = CKEDITOR.instances[event.target.id].getData();
+      var body = CKEDITOR.instances[opts.id].getData();
       RiotControl.trigger(constants.ACTIONS.SNIPPET_CHANGED, {name: opts.id, body: body});
     }
   </script>