guillaumepiot / contenttools-angularjs Goto Github PK

app.directive('ngEditor',  function(){

    function link(scope, element, attrs){

        // Initialise the editor
        scope.editor = new ContentTools.EditorApp.get();
        scope.editor.init('[ng-editor]', 'ng-editor');

        // Bind a function on editor save
        if (scope.editor._bindings['saved'] && scope.editor._bindings['saved'].length > 0) {

        }
        scope.editor.addEventListener('saved', function (ev) {
            scope.$apply(function(){
                scope.regions = ev.regions;
                regions = ev.detail().regions;
                if (Object.keys(regions).length == 0) {
		    return;
		}

	        // Set the editor as busy while we save our changes
                scope.editor.busy(true);

		// Collect the contents of each region into a FormData instance
		payload = new FormData();
		for (name in regions) {
			 if (regions.hasOwnProperty(name)) {
			            payload.append(name, regions[name]);
			  }
	         }

		// Send the update content to the server to be saved
		function onStateChange(ev) {
			// Check if the request is finished
			 if (ev.target.readyState == 4) {
			        scope.editor.busy(false);
			        if (ev.target.status == '200') {
			                // Save was successful, notify the user with a flash
			                new ContentTools.FlashUI('ok');
			            } else {
			                // Save failed, notify the user with a flash
			                new ContentTools.FlashUI('no');
			            }
                               }
                          }
			    xhr = new XMLHttpRequest();
			    xhr.addEventListener('readystatechange', onStateChange);
			    xhr.open('POST', updateUrl);
			    xhr.send(payload);
            });
        });
    }
    return {
        link: link
    }
})