htdocs/WebApplications/GuiEditor/ViewModels/ViewModel.js - titan/titan.Libraries.Web_GUI - Git at Google

 // Copyright (c) 2000-2017 Ericsson Telecom AB                                                       //
 // All rights reserved. This program and the accompanying materials are made available under the     //
 // terms of the Eclipse Public License v1.0 which accompanies this distribution, and is available at //
 // http://www.eclipse.org/legal/epl-v10.html                                                         //
 ///////////////////////////////////////////////////////////////////////////////////////////////////////
 function GuiEditor_ViewModel(p_model) {
     "use strict";

     var v_binder;
     var v_setup;
     var v_model = p_model;
     var v_setupName;
     var v_setupChanged = false;

     var v_requestEditorViewModel = new GuiEditor_RequestEditor_ViewModel(v_model, this);
     var v_editorContainer = new GuiEditor_EditorContainer_ViewModel(v_model, this);
     var v_contentEditorViewmodel = new GuiEditor_ContentEditor_ViewModel(v_model, v_editorContainer.getSanityCheckerViewmodel());
     var v_uiConfigEditorViewmodel = new GuiEditor_UIConfigEditor_ViewModel(v_model);

     var v_history = [];
     var v_nextHistoryEntry = 0;
     var v_currentState;
     var v_historyChecker;
     var v_changes = {};
     var v_historyEnabled = true;

     var v_this = this;

     ///////////////////// GETTER FOR SUBVIEWMODELS /////////////////////

     this.getRequestEditorViewModel = function() {
         return v_requestEditorViewModel;
     };

     this.getEditorContainerViewmodel = function() {
         return v_editorContainer;
     };

     this.getContentEditorViewModel = function() {
         return v_contentEditorViewmodel;
     };

     this.getUIConfigEditorViewmodel = function() {
         return v_uiConfigEditorViewmodel;
     };

     ///////////////////// GENERAL VIEWMODEL FUNCTIONS /////////////////////

     this.init = function(p_callback) {

         function viewmodelsInitilaized() {
             // we need to load the setup as the config loads with it, and we need that to know the locations of views and viewmodels for customizable app
             var sanityChecker = v_editorContainer.getSanityCheckerViewmodel();
             sanityChecker.setHelp(v_requestEditorViewModel.getRawHelp());
             sanityChecker.init(p_callback);

             resetHistory();
             v_historyChecker = setInterval(saveState, 5000);
         }

         var taskList = new TaskList([new GenericTask(v_requestEditorViewModel.init), new GenericTask(v_editorContainer.init)], viewmodelsInitilaized);
         taskList.taskOperation();
     };

     this.destroy = function() {
         clearInterval(v_historyChecker);
     }

     this.setBinder = function(p_binder) {
         v_binder = p_binder;
         v_requestEditorViewModel.setBinder(p_binder);
         v_editorContainer.setBinder(p_binder);
     };

     this.loadFile = v_model.getFileHandler().loadFile;
     this.loadCss = v_model.getFileHandler().loadCss;
     this.getAppConfig = v_model.getAppConfig;

     ///////////////////// HANDLING SETUP AND APPLICATION CHANGED /////////////////////

     this.isSetupChanged = function() {
         return v_setupChanged;
     };

     this.setupChanged = function(how) {
         v_setupChanged = true;
         if (how != undefined && v_changes[how] == undefined) {
             v_changes[how] = true;
         }
     };

     this.setEditedApp = v_model.setEditedApp;

     this.listEditableApps = function(callback) {
         var result = [];

         function appsListed(apps) {
             for (var i = 0; i < apps.length; ++i) {
                 result.push({
                     "value" : apps[i],
                     "text" : apps[i]
                 });
             }
             callback(result);
         }

         v_model.listEditableApps(appsListed);
     };


     ///////////////////// SETUP HANDLING FUNCTIONS /////////////////////

     this.newSetup = function() {
         var setup = v_model.newSetup();
         v_this.setSetup(setup);
         v_binder.fullRefresh();
         v_setupChanged = false;
         resetHistory();
     };

     this.deleteSetup = function(directory, callback) {
         function setupDeleted(ok) {
             if (ok && directory == v_setupName) {
                 v_setupName = undefined;
             }
             callback(ok);
         }
         v_model.deleteSetup(directory, setupDeleted);
     };

     this.switchSetup = function(selected, callback) {
         function setupLoaded(ok, setup, setupName) {
             v_this.setSetup(setup);
             v_binder.fullRefresh();
             if (ok) {
                 v_setupChanged = false;
             }
             resetHistory();
             callback(ok);
         }
         v_model.switchSetup(selected, setupLoaded);
     };

     this.listSetups = function(p_callback) {
         function setupsLoaded(setups) {
             var options = [];
             for (var i = 0; i < setups.length; ++i) {
                 options.push({
                     "value" : setups[i],
                     "text" : setups[i]
                 });
             }
             p_callback(options);
         }

         v_model.listSetups(setupsLoaded);
     };

     this.saveSetup = function(callback) {
         v_model.saveSetup(callback);
         v_setupChanged = false;
     };

     this.saveSetupAs = function(name, callback) {
         function setupSaved(ok) {
             if (ok) {
                 v_setupName = name;
                 v_setupChanged = false;
             }
             callback(ok);
         }

         v_model.saveSetupAs(name, setupSaved);
     };

     this.setupExists = v_model.setupExists;
     this.globalSetupSearch = v_model.globalSetupSearch;

     this.isCurrentlyEdited = function(name) {
         return v_setupName == name;
     };

     this.isSaveable = function() {
         return v_setupName != undefined;
     };

     this.getSetupName = function() {
         return v_setupName;
     };

     this.getJsonRepresentation = function() {
         return JSON.stringify({
             "REQUEST": v_setup.request.getData(),
             "VIEWMODELS": v_setup.viewmodels.getData(),
             "VIEWS": v_setup.views.getData(),
             "IMPORTS": v_setup.imports.getData()
         }, null, 4);
     };

     this.exportChartRequest = v_model.exportChartRequest;

     this.setSetup = function(setup) {
         v_setup = setup;
         v_setupName = setup.name;
         v_requestEditorViewModel.setSetup(setup);
         v_requestEditorViewModel.setDesktopData(v_model.getDesktopDataForRequestEditor());
         v_editorContainer.setSetup(setup);
         v_contentEditorViewmodel.setSetup(setup);
     }

     ///////////////////// HISTORY /////////////////////

     function createState() {
         var state = {};
         state.request = mcopy(v_setup.request.getData());
         state.viewmodels = mcopy(v_setup.viewmodels.getData());
         state.views = mcopy(v_setup.views.getData());
         state.imports = mcopy(v_setup.imports.getData());
         state.desktop = mcopy(v_setup.desktop.getData());
         state.html = v_setup.html.getData();
         state.css = v_setup.css.getData();
         return state;
     }

     function getStateAsString() {
         var state = createState();
         state.desktop = undefined;
         return JSON.stringify(state);
     }

     function getChangeText(changes) {
         var text = "";
         var count = 0;
         for (var key in changes) {
             ++count;
             text += key + ", "
         }
         text = text.slice(0, text.length - 2);

         if (count == 0) {
             text = "Minor changes";
         }
         return text;
     }

     function saveState() {
         if (v_historyEnabled) {
             var state = createState();
             var stateString = getStateAsString();
             if (stateString != v_currentState) {
                 if (v_history[v_nextHistoryEntry] != undefined) {
                     v_history = v_history.slice(0, v_nextHistoryEntry);
                 }
                 state.text = getChangeText(v_changes);
                 v_history[v_nextHistoryEntry] = state;
                 ++v_nextHistoryEntry;
                 v_currentState = stateString;
             }
             v_changes = {};
         }
     }

     function resetHistory() {
         v_nextHistoryEntry = 1;
         var state = createState();
         state.text = "History Beginning";
         v_history = [state];
         v_currentState = getStateAsString();
     }

     this.getHistory = function() {
         return v_history;
     };

     this.getCurrentPositionInHistory = function() {
         return v_nextHistoryEntry - 1;
     }

     this.historyEnabled = function(enabled) {
         v_historyEnabled = enabled;
     };

     this.rewind = function(to) {
         if (to < v_history.length) {
             var state = v_history[to];
             v_nextHistoryEntry = to + 1;
             changeState(state);
         }
     };

     function changeState(state) {
         state = mcopy(state);
         v_setup.request.setData(state.request);
         v_setup.viewmodels.setData(state.viewmodels);
         v_setup.views.setData(state.views);
         v_setup.imports.setData(state.imports);
         v_setup.desktop.setData(state.desktop);
         v_setup.html.setData(state.html);
         v_setup.css.setData(state.css);
         v_this.setSetup(v_setup);
         v_currentState = getStateAsString();
         v_setupChanged = true;
         v_binder.fullRefresh();
     }
 }
 //# sourceURL=GuiEditor\ViewModels\ViewModel.js
	// Copyright (c) 2000-2017 Ericsson Telecom AB //
	// All rights reserved. This program and the accompanying materials are made available under the //
	// terms of the Eclipse Public License v1.0 which accompanies this distribution, and is available at //
	// http://www.eclipse.org/legal/epl-v10.html //
	///////////////////////////////////////////////////////////////////////////////////////////////////////
	function GuiEditor_ViewModel(p_model) {
	"use strict";

	var v_binder;
	var v_setup;
	var v_model = p_model;
	var v_setupName;
	var v_setupChanged = false;

	var v_requestEditorViewModel = new GuiEditor_RequestEditor_ViewModel(v_model, this);
	var v_editorContainer = new GuiEditor_EditorContainer_ViewModel(v_model, this);
	var v_contentEditorViewmodel = new GuiEditor_ContentEditor_ViewModel(v_model, v_editorContainer.getSanityCheckerViewmodel());
	var v_uiConfigEditorViewmodel = new GuiEditor_UIConfigEditor_ViewModel(v_model);

	var v_history = [];
	var v_nextHistoryEntry = 0;
	var v_currentState;
	var v_historyChecker;
	var v_changes = {};
	var v_historyEnabled = true;

	var v_this = this;

	///////////////////// GETTER FOR SUBVIEWMODELS /////////////////////

	this.getRequestEditorViewModel = function() {
	return v_requestEditorViewModel;
	};

	this.getEditorContainerViewmodel = function() {
	return v_editorContainer;
	};

	this.getContentEditorViewModel = function() {
	return v_contentEditorViewmodel;
	};

	this.getUIConfigEditorViewmodel = function() {
	return v_uiConfigEditorViewmodel;
	};

	///////////////////// GENERAL VIEWMODEL FUNCTIONS /////////////////////

	this.init = function(p_callback) {

	function viewmodelsInitilaized() {
	// we need to load the setup as the config loads with it, and we need that to know the locations of views and viewmodels for customizable app
	var sanityChecker = v_editorContainer.getSanityCheckerViewmodel();
	sanityChecker.setHelp(v_requestEditorViewModel.getRawHelp());
	sanityChecker.init(p_callback);

	resetHistory();
	v_historyChecker = setInterval(saveState, 5000);
	}

	var taskList = new TaskList([new GenericTask(v_requestEditorViewModel.init), new GenericTask(v_editorContainer.init)], viewmodelsInitilaized);
	taskList.taskOperation();
	};

	this.destroy = function() {
	clearInterval(v_historyChecker);
	}

	this.setBinder = function(p_binder) {
	v_binder = p_binder;
	v_requestEditorViewModel.setBinder(p_binder);
	v_editorContainer.setBinder(p_binder);
	};

	this.loadFile = v_model.getFileHandler().loadFile;
	this.loadCss = v_model.getFileHandler().loadCss;
	this.getAppConfig = v_model.getAppConfig;

	///////////////////// HANDLING SETUP AND APPLICATION CHANGED /////////////////////

	this.isSetupChanged = function() {
	return v_setupChanged;
	};

	this.setupChanged = function(how) {
	v_setupChanged = true;
	if (how != undefined && v_changes[how] == undefined) {
	v_changes[how] = true;
	}
	};

	this.setEditedApp = v_model.setEditedApp;

	this.listEditableApps = function(callback) {
	var result = [];

	function appsListed(apps) {
	for (var i = 0; i < apps.length; ++i) {
	result.push({
	"value" : apps[i],
	"text" : apps[i]
	});
	}
	callback(result);
	}

	v_model.listEditableApps(appsListed);
	};


	///////////////////// SETUP HANDLING FUNCTIONS /////////////////////

	this.newSetup = function() {
	var setup = v_model.newSetup();
	v_this.setSetup(setup);
	v_binder.fullRefresh();
	v_setupChanged = false;
	resetHistory();
	};

	this.deleteSetup = function(directory, callback) {
	function setupDeleted(ok) {
	if (ok && directory == v_setupName) {
	v_setupName = undefined;
	}
	callback(ok);
	}
	v_model.deleteSetup(directory, setupDeleted);
	};

	this.switchSetup = function(selected, callback) {
	function setupLoaded(ok, setup, setupName) {
	v_this.setSetup(setup);
	v_binder.fullRefresh();
	if (ok) {
	v_setupChanged = false;
	}
	resetHistory();
	callback(ok);
	}
	v_model.switchSetup(selected, setupLoaded);
	};

	this.listSetups = function(p_callback) {
	function setupsLoaded(setups) {
	var options = [];
	for (var i = 0; i < setups.length; ++i) {
	options.push({
	"value" : setups[i],
	"text" : setups[i]
	});
	}
	p_callback(options);
	}

	v_model.listSetups(setupsLoaded);
	};

	this.saveSetup = function(callback) {
	v_model.saveSetup(callback);
	v_setupChanged = false;
	};

	this.saveSetupAs = function(name, callback) {
	function setupSaved(ok) {
	if (ok) {
	v_setupName = name;
	v_setupChanged = false;
	}
	callback(ok);
	}

	v_model.saveSetupAs(name, setupSaved);
	};

	this.setupExists = v_model.setupExists;
	this.globalSetupSearch = v_model.globalSetupSearch;

	this.isCurrentlyEdited = function(name) {
	return v_setupName == name;
	};

	this.isSaveable = function() {
	return v_setupName != undefined;
	};

	this.getSetupName = function() {
	return v_setupName;
	};

	this.getJsonRepresentation = function() {
	return JSON.stringify({
	"REQUEST": v_setup.request.getData(),
	"VIEWMODELS": v_setup.viewmodels.getData(),
	"VIEWS": v_setup.views.getData(),
	"IMPORTS": v_setup.imports.getData()
	}, null, 4);
	};

	this.exportChartRequest = v_model.exportChartRequest;

	this.setSetup = function(setup) {
	v_setup = setup;
	v_setupName = setup.name;
	v_requestEditorViewModel.setSetup(setup);
	v_requestEditorViewModel.setDesktopData(v_model.getDesktopDataForRequestEditor());
	v_editorContainer.setSetup(setup);
	v_contentEditorViewmodel.setSetup(setup);
	}

	///////////////////// HISTORY /////////////////////

	function createState() {
	var state = {};
	state.request = mcopy(v_setup.request.getData());
	state.viewmodels = mcopy(v_setup.viewmodels.getData());
	state.views = mcopy(v_setup.views.getData());
	state.imports = mcopy(v_setup.imports.getData());
	state.desktop = mcopy(v_setup.desktop.getData());
	state.html = v_setup.html.getData();
	state.css = v_setup.css.getData();
	return state;
	}

	function getStateAsString() {
	var state = createState();
	state.desktop = undefined;
	return JSON.stringify(state);
	}

	function getChangeText(changes) {
	var text = "";
	var count = 0;
	for (var key in changes) {
	++count;
	text += key + ", "
	}
	text = text.slice(0, text.length - 2);

	if (count == 0) {
	text = "Minor changes";
	}
	return text;
	}

	function saveState() {
	if (v_historyEnabled) {
	var state = createState();
	var stateString = getStateAsString();
	if (stateString != v_currentState) {
	if (v_history[v_nextHistoryEntry] != undefined) {
	v_history = v_history.slice(0, v_nextHistoryEntry);
	}
	state.text = getChangeText(v_changes);
	v_history[v_nextHistoryEntry] = state;
	++v_nextHistoryEntry;
	v_currentState = stateString;
	}
	v_changes = {};
	}
	}

	function resetHistory() {
	v_nextHistoryEntry = 1;
	var state = createState();
	state.text = "History Beginning";
	v_history = [state];
	v_currentState = getStateAsString();
	}

	this.getHistory = function() {
	return v_history;
	};

	this.getCurrentPositionInHistory = function() {
	return v_nextHistoryEntry - 1;
	}

	this.historyEnabled = function(enabled) {
	v_historyEnabled = enabled;
	};

	this.rewind = function(to) {
	if (to < v_history.length) {
	var state = v_history[to];
	v_nextHistoryEntry = to + 1;
	changeState(state);
	}
	};

	function changeState(state) {
	state = mcopy(state);
	v_setup.request.setData(state.request);
	v_setup.viewmodels.setData(state.viewmodels);
	v_setup.views.setData(state.views);
	v_setup.imports.setData(state.imports);
	v_setup.desktop.setData(state.desktop);
	v_setup.html.setData(state.html);
	v_setup.css.setData(state.css);
	v_this.setSetup(v_setup);
	v_currentState = getStateAsString();
	v_setupChanged = true;
	v_binder.fullRefresh();
	}
	}
	//# sourceURL=GuiEditor\ViewModels\ViewModel.js