org.jbpm.designer.public.js.Plugins.theme.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of jbpm-designer-client Show documentation
There is a newer version: 7.73.0.Final
if (!ORYX.Plugins) 
    ORYX.Plugins = {};

if (!ORYX.Config)
	ORYX.Config = {};

ORYX.Plugins.Theme = Clazz.extend({
	construct: function(facade){
		this.facade = facade;
		
		var ajaxObj = new XMLHttpRequest;
		var url = ORYX.PATH + "themes";
	    var params  = "action=getThemeNames&profile=" + ORYX.PROFILE + "&uuid=" +  window.btoa(encodeURI(ORYX.UUID));
	    ajaxObj.open("POST",url,false);
	    ajaxObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	    ajaxObj.send(params);
	    
	    if (ajaxObj.status == 200) {
			var themeNamesArray = ajaxObj.responseText.split(",");
			for (var i = 0; i < themeNamesArray.length; i++) {
                if(!(ORYX.READONLY == true || ORYX.VIEWLOCKED == true)) {
                     this.facade.offer({
                        'name': themeNamesArray[i],
                        'functionality': this.applyTheme.bind(this, themeNamesArray[i]),
                        'group': 'colorpickergroup',
                        dropDownGroupIcon : ORYX.BASE_FILE_PATH + "images/colorpicker.gif",
                        'icon': ORYX.BASE_FILE_PATH + "images/colorize.png",
                        'description':ORYX.I18N.theme.Apply +' '+ themeNamesArray[i] + " "+ ORYX.I18N.theme.ColorTheme,
                        'index': 10,
                        'minShape': 0,
                        'maxShape': 0,
                        'isEnabled': function(){
                               return !(ORYX.READONLY == true || ORYX.VIEWLOCKED == true);
    //	   					profileParamName = "profile";
    //	   					profileParamName = profileParamName.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
    //	   					regexSa = "[\\?&]"+profileParamName+"=([^&#]*)";
    //	   			        regexa = new RegExp( regexSa );
    //	   			        profileParams = regexa.exec( window.location.href );
    //	   			        profileParamValue = profileParams[1];
    //	   					return profileParamValue == "jbpm";
                        }.bind(this)
                    });
                }
  			}
		}
	},
	applyTheme: function(tname) {
		this._createCookie("designercolortheme", tname, 365);
		Ext.Ajax.request({
            url: ORYX.PATH + 'themes',
            method: 'POST',
            success: function(response) {
    	   		try {
    	   			if(response.responseText && response.responseText.length > 0) {
    	   				var themejson = response.responseText.evalJSON();
    	   				var themeobj = themejson["themes"];
    	   				var toapplyobj = themeobj[tname];
    	   				
    	   				ORYX.EDITOR._canvas.getChildNodes().each((function(child) {
    	   					this.applyThemeToNodes(child, toapplyobj);
    	   				}).bind(this));
    	   			} else {
                       this.facade.raiseEvent({
                           type 		: ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
                           ntype		: 'error',
                           msg         : ORYX.I18N.theme.invalidColorTheme,
                           title       : ''
                       });
    	   			}
    	   		} catch(e) {
                   this.facade.raiseEvent({
                       type 		: ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
                       ntype		: 'error',
                       msg         : ORYX.I18N.theme.errorApplying +": "+ e,
                       title       : ''
                   });
    	   		}
            }.bind(this),
            failure: function(){
                this.facade.raiseEvent({
                    type 		: ORYX.CONFIG.EVENT_NOTIFICATION_SHOW,
                    ntype		: 'error',
                    msg         : ORYX.I18N.theme.errorApplying+". ",
                    title       : ''
                });
            },
            params: {
            	action: 'getThemeJSON',
            	profile: ORYX.PROFILE,
                uuid:  window.btoa(encodeURI(ORYX.UUID))
            }
        });
	},
	applyThemeToNodes: function(child, themeObj) {
		var childgroup = child.getStencil().groups()[0];
		var childthemestr = themeObj[childgroup];
		if(childthemestr && child.properties["oryx-isselectable"] != "false") { 
			var themestrparts = childthemestr.split("|");
			if(child.properties["oryx-bgcolor"] != undefined) {
				child.setProperty("oryx-bgcolor", themestrparts[0]);
			}
			if(child.properties["oryx-bordercolor"] != undefined) {
				child.setProperty("oryx-bordercolor", themestrparts[1]);
			}
			if(child.properties["oryx-fontcolor"] != undefined) {
				child.setProperty("oryx-fontcolor", themestrparts[2]);
			}
			child.refresh();
		}
		if(child.getChildNodes().size() > 0) {
			for (var i = 0; i < child.getChildNodes().size(); i++) {
				this.applyThemeToNodes(child.getChildNodes()[i], themeObj);
			}
		}
	},
	_createCookie: function(name, value, days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else {
			var expires = "";
		}
		
		document.cookie = name+"="+value+expires+"; path=/";
	},
	_readCookie: function(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return null;
	}
});