label-row-view.js
3.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
(function () {
TaxonomyTranslation.views.LabelRowView = Backbone.View.extend({
tagName: 'tbody',
model: TaxonomyTranslation.models.Taxonomy,
events: {
'click .icl_tt_label': 'openPopUPLabel',
'click .js-show-lang-selector': 'showLanguageSelector',
'change .js-tax-lang-selector': 'changeTaxStringsLanguage'
},
initialize: function () {
var self = this;
self.listenTo(self.model, 'labelTranslationSaved', self.render);
},
showLanguageSelector: function(e) {
e.preventDefault();
this.render( true );
if ( WPML_Core.SimpleLanguageSelector ) {
new WPML_Core.SimpleLanguageSelector();
}
},
render: function ( withLangSelector ) {
var self = this,
taxLabels = TaxonomyTranslation.data.translatedTaxonomyLabels,
langs = TaxonomyTranslation.util.langCodes,
taxonomy = self.model.get( 'taxonomy' ),
labelLang = TaxonomyTranslation.classes.taxonomy.get( 'stDefaultLang' ),
langSelector = withLangSelector ? TaxonomyTranslation.data.langSelector : '',
html = '<tr>';
html += WPML_core[ 'templates/taxonomy-translation/original-label.html' ](
{
taxLabel : taxLabels[labelLang],
flag : TaxonomyTranslation.data.allLanguages[labelLang].flag,
langSelector: langSelector
}
);
html += '<td class="wpml-col-languages">';
_.each(langs, function(lang, code) {
if( ! taxLabels[lang] ) {
html += WPML_core[ 'templates/taxonomy-translation/not-translated-label.html' ](
{
taxonomy: taxonomy,
lang : lang,
langs : TaxonomyTranslation.data.activeLanguages
}
);
} else {
if( taxLabels[lang].original ) {
html += WPML_core[ 'templates/taxonomy-translation/original-label-disabled.html' ](
{
lang : lang,
langs: TaxonomyTranslation.data.activeLanguages
}
);
} else {
html += WPML_core[ 'templates/taxonomy-translation/individual-label.html' ](
{
taxonomy: taxonomy,
lang : lang,
langs : TaxonomyTranslation.data.activeLanguages
}
);
}
}
});
html += '</td>';
html += '</tr>';
self.$el.html( html );
self.delegateEvents();
return self;
},
openPopUPLabel: function (e) {
e.preventDefault();
var link = e.target.closest( '.icl_tt_label' ),
id = jQuery( link ).attr( 'id' ),
lang = id.split( '_' ).pop();
if (TaxonomyTranslation.classes.labelPopUpView && typeof TaxonomyTranslation.classes.labelPopUpView !== 'undefined') {
TaxonomyTranslation.classes.labelPopUpView.close();
}
TaxonomyTranslation.classes.labelPopUpView = new TaxonomyTranslation.views.LabelPopUpView({model: TaxonomyTranslation.classes.taxonomy}, {
lang: lang,
defLang: TaxonomyTranslation.classes.taxonomy.get( 'defaultLang' )
});
TaxonomyTranslation.classes.labelPopUpView.open( lang );
},
changeTaxStringsLanguage: function(e) {
var sourceLang = e.target.value;
this.$el.find('.js-tax-lang-selector').prepend( '<span class="spinner is-active">' );
this.model.changeTaxStringsLanguage(sourceLang);
}
});
}(TaxonomyTranslation));