My Portal Widget needs the French Translation and i'm using gs.getMessage for it but it is not working. But My portal is not showing French Translation. Please help, attached screenshot for the current output i'm getting and below is HTML and Script code.
HTML Code:
<div class="popular-topic-panel panel panel-default panel-wrapper b" ng-if="(data.popularTopics && data.popularTopics.length > 0) || data.options.show_empty_state === 'true'">
<div class="popular-topic-heading panel-heading b-b">
<h3 class="panel-title">{{data.widgetTitle}}</h3>
</div>
<div class="popular-topic-panel-body">
<div class="popular-topic-empty-state" ng-if="data.options.show_empty_state === 'true' && (!data.popularTopics || data.popularTopics.length === 0)">
<p class="popular-topic-empty-text">
${We don't have any popular topics to show you yet.}
</p>
</div>
<div class="popular-topic-body-container"
ng-class="{'small': data.isSmall, 'no-icon': !data.icon, 'fixed': isFixed }"
ng-if="data.popularTopics && data.popularTopics.length > 0">
<div class="popular-topic-body" ng-class="getClass()" ng-style="getStyle()"
ng-repeat="topic in data.popularTopics">
<a class="popular-topic-link" data-ng-attr-aria-label="{{data.widgetTitle}}, {{topic.topic}}"
ng-href="{{topic.topicUrl}}" ng-keydown="c.keydownAction($event)">
<img ng-src="{{topic.icon}}" alt="" />
<div class="popular-topic-caption">
<span class = "popular-topic-title" data-toggle="tooltip" title="{{topic.topic}}">
{{topic.topic}}
</span>
</div>
</a>
</div>
</div>
</div>
</div>My Server Script is as below:
(function () {
data.load_config = options.load_config;
if(data.load_config === "async" && !input)
return;
var limit = options.topic_limit;
var taxonomy = $sp.getTaxonomies();
if (!taxonomy || taxonomy.length === 0) {
return;
}
var session = gs.getSession();
var popularTopicsDataKey = 'sn_ex_sp_popular_topics_data' + session.getLanguage() + gs.getUserID();
var popularTopicsData = JSON.parse(session.getClientData(popularTopicsDataKey));
if (popularTopicsData === null || popularTopicsData.length != limit) {
data.popularTopics = new PopularTopicsUtil().getPopularTopics(taxonomy, limit, false);
session.putClientData(popularTopicsDataKey, JSON.stringify(data.popularTopics));
} else {
data.popularTopics = popularTopicsData;
}
data.options = options;
populateOptions(data);
})();
/**
* Read and initialize the options
* @Param {object} data - Data object
*
*/
function populateOptions(data) {
var CONST = {
'HEX': 'hexcode',
'NORMAL': 'normal',
'SMALL': 'small',
'TRUE': 'true',
'FALSE': 'false',
'DEFAULT_COLOR': '#FFFFFF',
'DEFAULT_BORDER_OPTION': 'border-tertiary',
'REGEX': /^#([0-9A-F]{3}){1,2}$/i
};
var option = data.options;
data.isNormal = (option.display_size.toLowerCase() === CONST.NORMAL);
data.isSmall = (option.display_size.toLowerCase() === CONST.SMALL);
data.borderColor = option.border_color.toLowerCase();
data.icon = option.icon.toLowerCase() === CONST.TRUE;
data.isHex = (data.borderColor === CONST.HEX);
data.hexcode = option.hexcode;
var title = [option.widget_title];
data.widgetTitle = gs.getMessage(title);
if (data.isHex) {
if (!CONST.REGEX.test(option.hexcode)) {
data.borderColor = CONST.DEFAULT_BORDER_OPTION;
data.isHex = false;
}
}
}
1 ACCEPTED SOLUTION
