Hi @Qwtll ,
you can reduce the code for reseting of widgets but it depends what you means as reset. Example you want to move all 3d widgets to a specific location and make them invisible. The following sample code:
//================
$scope.widgetBlank=function(partOfWdgNameStr){
twx.app.fn.addSnackbarMessage("fn: blanks all widgets where the name contains:"+partOfWdgNameStr,"twLogo");
var wdgs=$scope.app.view.Home.wdg;
for(wdg in wdgs)
{
if(hasWdgProp(wdgs[wdg],'idpath')) {
console.log("this widget ::"+wdgs[wdg]['widgetName']+" is a modelitem");}
if(hasWdgProp(wdgs[wdg],'placeholder_img')) {
console.log("this widget ::"+wdgs[wdg]['widgetName']+" is a 3DImages");
if(wdgs[wdg]['widgetName'].indexOf(partOfWdgNameStr) !=-1)
// check if the widget name conntains the partOfWdgNameStr
{$scope.setWidgetProp(wdgs[wdg]['widgetName'], 'visible',true);}
else {$scope.setWidgetProp(wdgs[wdg]['widgetName'], 'visible',false);}
$scope.$applyAsync()
}
if(hasWdgProp(wdgs[wdg],'imgsrc')) {
console.log("this widget ::"+wdgs[wdg]['widgetName']+" is a 2D Image");}
// else console.log("this widget ::"+wdgs[wdg]['widgetName']+" is NOT a modelitem");
}
};
//////////////////////////////////////////////////////
//========================================================
function hasWdgProp(widget,property)
{
for (wp in widget) {
//console.log("property="+property+" | wp="+wp);
if(wp==property) return true;
else continue;
}
return false;
}
//
This example will select all widgets and will check them - the main filter will check if the name contains some string. The more interesting details is to check for particular property which is specific for some type of widgets e.g. modelItems etc. So when we could identify some type of widget based on availability of specific property we can set /reset all common properties. If we want to set some generic properties like visibility then we possibly we do not to make a type check.
Another way to reset / or to set of properties to use a multivalve set user defined function which will read a e.g. json list which contains a definition of all properties which should be set. / reset
Example of such defintion:
//Global Variable defines the name of the json file which contains info about
// properties and values which should be set
var pjson ="properties.json"; //JSON File Name without extension
$scope.jsonData={}; //global $scope variable
gotJSON=function(data){
try{
$scope.jsonData=JSON.parse(data);
console.warn( JSON.stringify($scope.jsonData))
$scope.setMutipleProps($scope.jsonData)
}
catch(wrong){ console.warn(wrong);}
}
doRead=function (jsonFile){
fetch(jsonFile)
.then(response=>response.text())
.then(data=>gotJSON(data))
}
$scope.Init=function() {// will read the json file from upload project folder
doRead('app/resources/Uploaded/'+pjson);
}
///// when View is loaded we will start the setting
$scope.$on('$ionicView.afterEnter',function(){
console.log("$ionicView.afterEnter was called");
$scope.Init();}) //event: when 2d View loaded
//the code will read the complette JSON File and
//assignee it to a jsonData global variable
//func will set mutliple widget properties according JSON
$scope.setMutipleProps = function(obj){
Object.keys(obj).forEach(function (item) {
for(var prop in obj[item]) {
$scope.view.wdg[item][prop]=obj[item][prop];
//print the setting for debugging
console.log("==>$scope.view.wdg["+item+"]["+prop+"]="+obj[item][prop] )
}
})
};
and here is an example for properties.json which is saved in Studio Upload folder.
{"button-1":{"class":"button1"},"button-2":{"class":"button1"},"button-3":{"class":"button1"},"3DLabel-1":{"visible":false,"text":"This is PTC Remote Control Model"}}
In this case the javascript case will remain constants - only you can change the name of the json file which should be red - possible are also different configuration (each configuration in extra json file) which could be called to set of specific state or reset of widget properties
