Deselect languages in Translation tab

surveyModel.getUsedLocales() is returning String array as - ["default", "es", "fr"]

What is Survey JSON. Does it contains all strings with "es" and "fr" locales?

Thank you,
Andrew
SurveyJS Team

I have unchecked language check box on translation tab & still surveyModel.getUsedLocales() is returning ["default", "es", "fr"] instead of ["default"].

Translation tab doesn't remove actual strings. It shows/hides strings for different languages in UI. surveyModel.getUsedLocales() returns locales that you have in your Survey in JSON.

Thank you,
Andrew
SurveyJS Team

is there any way to get rid of languages which are de selected ?

Do you want to remove all translated text by de-selecting the languages in the Translation tab?
I definitely would not do this behavior by default. If somebody un-check the check box and all translation work can be loose.
We may add a remove button - it will clear all text of the selected language. However, honestly, I do not see the point of doing it. What is the reason?
Somebody translated the survey into another language and then decided to kill all his work. What is the real user scenario?

Thank you,
Andrew
SurveyJS Team

Hi Andrew,

You are correct Andrew. Lets say I have configured two languages on Survey Builder side - EN & FR , On survey runner side I am displaying EN & FR in combo using surveyModel.getUsedLocales() method. Now I have deselected FR on SurveyBuilder side , The combo on Survey Runner side should display only EN.

I think we should have another method such as surveyModel.getSelectedLocales() which will only return selected languages on Survey Builder side. If this can be done then I think my scenario will work.

Regards,
Yuvraj

Hello Yuvraj,
Got the scenario now. Here is how it works. surveyModel.getUsedLocales() check all localizable strings in the Survey and adds a new locale when founds it. Translation tab shows the languages (locales) for UI purpose only. They are not connected and they are in different scopes, different libraries.

What you are talking about is a new entity. You have to select languages for run-time from available translated languages in your survey. I would suggest to show them in the separate window, by adding a button on SurveyJS Creator toolbar (Here is the example) and store the selected languages into separate database field. You will have the list of checkbox from available translation and a user in a dialog window should choose at list one them. By default, if this field is empty then all available languages can be chosen in run-time.
This is the way I would do it, but probably your UI designer(s) may come with a better solution.

Thank you,
Andrew
SurveyJS Team

Thanks Andrew,

Is there any way to get list of selected check box ? I can store this selected languages in database.

Regards,
Yuvraj

Do you mean in Translation Tab? No we do not have it.
I was suggested to create your own modal window with custom button on our Toolbox. IMHO, it would be a better UI.

Thank you,
Andrew
SurveyJS Team

Thanks for your input. We are using licensed version of Survey Builder in our application.

I would have loved if you had provided me a method (getSelectedLocale()) which will return the selected Languages on Translation Tab. It would have saved my time in making additional UI changes. Is there is any other way to get selected languages without making any UI changes ?

Regards,
Yuvraj

I know that you have the license version. It shows in my system :)
Anyway, I don't believe that it is the best way of doing it, but here is the functions you need. They will come with v1.1.2 on the next week. You may look on the Unit Test in the commit, to see how these function works.

Thank you,
Andrew
SurveyJS Team

Thanks a lot. I will take v1.1.2 next week & test this function.

Please let me know once it is available on npm.

Sure, we will.

Thank you,
Andrew
SurveyJS Team

Hi Andres,

On SurveyRunner Side I had used following code & getUsedLocales() method is properly returning locale values.

import * as Survey from 'survey-angular';
const surveyModel = new Survey.Model(JSON);
surveyModel.getUsedLocales()

Similary I wanted get selected locales on SurveyRunner side . Can i invoke method such as surveyModel.getSelectedLocales() to get list of selected locales ?

Regards,
Yuvraj

Hello,
Of course you can. We have released npm packages for v1.1.2

Thank you,
Andrew
SurveyJS Team

I think there is some issue , I am getting following exception when getSelectedLocales() is invoked.

have updated libraries to v1.1.2

"survey-angular": "1.1.2",
"survey-creator": "1.1.2",
"survey-knockout": "1.1.2",
"surveyjs-widgets": "1.1.2",

Uncaught TypeError: this.surveyModel.getSelectedLocales is not a function
at eval (eval at push…/projects/survey-webapp/src/app/components/survey-response/survey-response.component.ts.SurveyResponseComponent.initLocale (survey-response.component.ts:354), <anonymous>:1:18)
at SurveyResponseComponent.push…/projects/survey-webapp/src/app/components/survey-response/survey-response.component.ts.SurveyResponseComponent.initLocale (survey-response.component.ts:354)
at Array.<anonymous> (survey-response.component.ts:284)
at Event.fire (survey.angular.js:2415)
at SurveyModel.afterRenderSurvey (survey.angular.js:13709)
at Survey.koEventAfterRender (survey.angular.js:15732)
at Object.ignore (survey.angular.js:3914)
at executeTemplate (survey.angular.js:7738)
at ko.dependentObservable.disposeWhen (survey.angular.js:7778)
at Function.evaluateImmediate_CallReadThenEndDependencyDetection (survey.angular.js:4595)

Please let me know if you have figured out this issue ?

Sorry, I made the mistake, I was talking about getUsedLocales, they are in Survey class.
getSelectedLocales is in the SurveyJS Creator class. We were talking about implementation before. You should store your selected locales in the database field and use getSelectedLocales/setSelectedLocales Creator functions as we decided before.
They get/set the checked languages in the Translation tab. They can't be in Survey class in any case, it is not Survey runner business.

Thank you,
Andrew
SurveyJS Team

I have added bulgarian language on Translation tab.

I have used editor.translation.getSelectedLocales() & it is returning - ["", "bg"]

Why it is returning blank empty string as first parameter. Should i replace it with default locale ? if yes then how I can get default locale from editor ?

Hi Andrew,

While loading SurveyJS Creator I am setting values of locale using translation.setSelectedLocales() method.
while saving data in database I am using translation.getSelectedLocales() to get values of locale , Here I am getting empty array of string.

If i click Translation tab , translation.getSelectedLocales() method is properly returning values ? Do I need to invoke any other method to get values of locale ?

Also I want to know which method is invoked when Translation tab is selected?

Thanks,
Yuvraj

Hello,
I have looked at my code. Before calling creator.translation.setSelectedLocales(localesArray);
You have to call the following code:

JavaScript
if(!!localesArrayFromDB && Array.isArray(localesArrayFromDB)) {
  for(var i = 0; i < localesArrayFromDB.length; i ++) 
    creator.translation.addLocale(localesArrayFromDB[i]);
}

It should help. I will think about the fix.

Thank you,
Andrew
SurveyJS Team

I have fixed the bug when the translation tab was not active. Here is my commit. You will not need the code, I gave you in my previous reply, since the next version (v1.1.4)

Thank you,
Andrew
SurveyJS Team

Thanks Andrew,This fix works.

Hi ,

I have added two languages(bg & it) on translation tab & I have added Bulgarian & Italian title. And I am saving entire JSON in data base.
for eg.
{
"title": {"bg": "Bulgarian Title", "it": "Italian Title", "default": "BCP COMPANY LEVEL TEST 1"},
"activelocale": ["en", "bg"]
}

Now I am deselecting bg locale & saving entire JSON again to database (Note I have not deleted title under bg locale)

for e.g
"title": {"bg": "Bulgarian Title", "it": "Italian Title", "default": "BCP COMPANY LEVEL TEST 1"}, "activelocale": ["it"]}

On page refresh following code is invoked to set the locale from database.
editor.translation.setSelectedLocales(activelocale);

Page should only display 'it' locale & 'bg' should not be displayed. But due to some reason I am able to see both locale(bg,It). Can you please suggest what could be the problem ?

Regards,
Yuvraj

Can u please check this ?

Hello,
It is hard to say what is going on without seeing your actual code and json that cause the issue.
Could you provide us with YOURJSON and YOURLOCALES?
I assume the issue is here:

JavaScript
editor.JSON = YOURJSON;
editor.translation.setSelectedLocales([YOURLOCALES]);

and you want to get something different from what you are getting.

Thank you,
Andrew
SurveyJS Team

Step.1 - JSON when data is loaded on Page for first time.
Please check attached image - Step1-Data_loaded_on_page_for_first_time.JPG

{
"template": {
"activelocale": [
"en",
"bg",
"de"
],
"title": {
"bg": "Bulgarian Title",
"de": "Deutsch Title",
"default": "Test"
},
"description": "Test",
"pages": [ { "elements": [ { "name": "question1", "type": "text" } ], "name": "page1" } ] }
}

Step.2 - I have Un-checked deutsch check box & saved data on page.Note here I have not removed "Deutsch Title" from title section , I have only unchecked deutsch check box.
Please check image - Step-2-Un checked_deutsch_and_saved_page data.JPG

Step.3 - JSON when data is loaded on page after save operation .
Please check attached image - Step-3-Data_Loaded_On_Page_After_Save.JPG.
{
"template": {
"activelocale": [
"en",
"bg"
],
"title": {
"bg": "Bulgarian Title",
"de": "Deutsch Title",
"default": "Test"
},
"description": "Test",
"pages": [ { "elements": [ { "name": "question1", "type": "text" } ], "name": "page1" } ] }
}

Note in "activelocale" array "de" is not present. So only Bulgarian Check box should be displayed & Deutch check box should not be visible. For setting values of check box on translation tab i have used following method -

editor.translation.setSelectedLocales(activelocale);

I think Deutsch check box is visible since there is a "Deutsch Title" in "title" section which I don't want. I want to control the visibility of check boxes only by "activelocale" array in JSON & not by title.

Can you please help to fix this issue ?

Thanks & Regards,
Yuvraj

Hello,
Here is what happen. You are calling setSelectedLocales on page load. Translation tab recalculates the selected translations before every time it is showing. The end-user may add a string with new locale in the designer, so we have to do it.
I have added onActiveTabChanged event. It will be in the next minor version. You will have to write the code in this event:

JavaScript
creator.onActiveTabChanged.add(function(sender, options) {  
      if (options.tabName == "translation") {  
        editor.translation.setSelectedLocales(["en", "bg"]);  
      }  
});

However, the end-user will still see the "Deutcsh" location as unchecked, since deutsch strings are exist in the strings.

Another solution, is completely delete all deutsch strings (text with all locales except en and bg) from your JSON.

Thank you,
Andrew
SurveyJS Team

Thank a lot , When this fix will be available & which version it will be available ?

Regards,
Yuvraj

Hello,

Release with onActiveTabChanged event will be available in SurveyJS 1.1.13 version tentatively tomorrow

Thanks, Alex
SurveyJS Team

Thanks a lot.

Can you please share example of onActiveTabChanged. I am facing some issue.

Thanks
Yuvraj

Here it is:

JavaScript
creator.onActiveTabChanged.add(function(sender, options) {  
      if (options.tabName == "translation") {  
        editor.translation.setSelectedLocales(["en", "bg"]);  
      }  
});

Instead of ["en", "bg"] it should be your array of selected languages.

Thank you,
Andrew
SurveyJS Team

I am getting editor object as undefined inside onActiveTabChanged method.

Sorry, you are likely name it as creator:

JavaScript
creator.onActiveTabChanged.add(function(sender, options) {  
      if (options.tabName == "translation") {  
        creator.translation.setSelectedLocales(["en", "bg"]);  
      }  
});

Thank you,
Andrew
SurveyJS Team

Actually I have already corrected your TYPO. Still i am getting value of creator object as undefined.

Please show your code or create a simple example. It is hard to say what is going on.

Thank you,
Andrew
SurveyJS Team

Following is the code which I have added -

this.editor.onActiveTabChanged.add(function (sender, options) {
console.log ( 'onActiveTabChanged called');
if(options.tabName == "translation"){
this.editor.translation.setSelectedLocales(this.activelocale);
}
});

I think we cannot access value of this.editor inside onActiveTabChanged method & because of which I am getting its value as undefined. Please correct me if I am wrong.

It can't. It is another context.
You may call it as:
sender.translation.setSelectedLocales(this.activelocale);

Thank you,
Andrew
SurveyJS Team