--- a/src/widgets/Tagcloud.js Sun Nov 12 22:07:33 2017 +0100
+++ b/src/widgets/Tagcloud.js Wed Sep 04 17:32:50 2024 +0200
@@ -1,143 +1,260 @@
-IriSP.Widgets.Tagcloud = function(player, config) {
- IriSP.Widgets.Widget.call(this, player, config);
- this.stopwords = IriSP._.uniq([].concat(this.custom_stopwords).concat(this.stopword_lists[this.stopword_language]));
-};
+import Mustache from "mustache";
+import _ from "lodash";
+
+import tagcloudStyles from "./Tagcloud.module.css";
-IriSP.Widgets.Tagcloud.prototype = new IriSP.Widgets.Widget();
-
-IriSP.Widgets.Tagcloud.prototype.template =
- '<div class="Ldt-Tagcloud-Container"><ul class="Ldt-Tagcloud-List">'
- + '{{#words}}<li class="Ldt-Tagcloud-item Ldt-TraceMe" trace-info="tag:{{word}}" content="{{word}}" style="font-size: {{size}}px">{{word}}</li>{{/words}}'
- + '</ul></div>';
+const Tagcloud = function (ns) {
+ return class extends ns.Widgets.Widget {
+ constructor(player, config) {
+ super(player, config);
+ this.stopwords = _.uniq(
+ []
+ .concat(this.custom_stopwords)
+ .concat(this.stopword_lists[this.stopword_language])
+ );
+ }
-IriSP.Widgets.Tagcloud.prototype.defaults = {
- include_titles: true,
- include_descriptions: true,
- include_tag_texts: true,
- tag_count: 30,
- stopword_language: "fr",
- custom_stopwords: [],
- exclude_pattern: false,
- annotation_type: false,
- segment_annotation_type: false,
- min_font_size: 10,
- max_font_size: 26,
- min_count: 2,
- remove_zero_duration: false
-};
+ static template =
+ '<div class="Ldt-Tagcloud-Container"><ul class="Ldt-Tagcloud-List">' +
+ '{{#words}}<li class="Ldt-Tagcloud-item Ldt-TraceMe" trace-info="tag:{{word}}" content="{{word}}" style="font-size: {{size}}px">{{word}}</li>{{/words}}' +
+ "</ul></div>";
+
+ static defaults = {
+ include_titles: true,
+ include_descriptions: true,
+ include_tag_texts: true,
+ tag_count: 30,
+ stopword_language: "fr",
+ custom_stopwords: [],
+ exclude_pattern: false,
+ annotation_type: false,
+ segment_annotation_type: false,
+ min_font_size: 10,
+ max_font_size: 26,
+ min_count: 2,
+ remove_zero_duration: false,
+ };
-IriSP.Widgets.Tagcloud.prototype.stopword_lists = {
- "fr" : [
- 'aussi', 'avec', 'aux', 'bien', 'car', 'cette', 'comme', 'dans', 'des', 'donc', 'dont', 'elle', 'encore', 'entre', 'est',
- 'être', 'eux', 'faire', 'fait', 'http', 'ici', 'ils', 'les', 'leur', 'leurs', 'mais', 'mes', 'même', 'mon', 'notre',
- 'non', 'nos', 'nous', 'ont', 'par', 'pas', 'peu', 'peut', 'plus', 'pour', 'quand', 'que', 'qui', 'quoi', 'sans',
- 'ses' ,'son', 'sont', 'sur', 'tes', 'très', 'the', 'ton', 'tous', 'tout', 'une', 'votre', 'vos', 'vous'
- ],
- "en" : [
- 'about', 'again', 'are', 'and', 'because', 'being', 'but', 'can', 'done', 'have', 'for', 'from',
- 'get', 'here', 'http', 'like', 'more', 'one', 'our', 'she', 'that', 'the', 'their', 'then', 'there',
- 'they', 'this', 'very', 'what', 'when', 'where', 'who', 'why', 'will', 'with', 'www', 'you', 'your'
- ]
-};
+ stopword_lists = {
+ fr: [
+ "aussi",
+ "avec",
+ "aux",
+ "bien",
+ "car",
+ "cette",
+ "comme",
+ "dans",
+ "des",
+ "donc",
+ "dont",
+ "elle",
+ "encore",
+ "entre",
+ "est",
+ "être",
+ "eux",
+ "faire",
+ "fait",
+ "http",
+ "ici",
+ "ils",
+ "les",
+ "leur",
+ "leurs",
+ "mais",
+ "mes",
+ "même",
+ "mon",
+ "notre",
+ "non",
+ "nos",
+ "nous",
+ "ont",
+ "par",
+ "pas",
+ "peu",
+ "peut",
+ "plus",
+ "pour",
+ "quand",
+ "que",
+ "qui",
+ "quoi",
+ "sans",
+ "ses",
+ "son",
+ "sont",
+ "sur",
+ "tes",
+ "très",
+ "the",
+ "ton",
+ "tous",
+ "tout",
+ "une",
+ "votre",
+ "vos",
+ "vous",
+ ],
+ en: [
+ "about",
+ "again",
+ "are",
+ "and",
+ "because",
+ "being",
+ "but",
+ "can",
+ "done",
+ "have",
+ "for",
+ "from",
+ "get",
+ "here",
+ "http",
+ "like",
+ "more",
+ "one",
+ "our",
+ "she",
+ "that",
+ "the",
+ "their",
+ "then",
+ "there",
+ "they",
+ "this",
+ "very",
+ "what",
+ "when",
+ "where",
+ "who",
+ "why",
+ "will",
+ "with",
+ "www",
+ "you",
+ "your",
+ ],
+ };
-IriSP.Widgets.Tagcloud.prototype.draw = function() {
-
- if (this.segment_annotation_type) {
+ draw() {
+ if (this.segment_annotation_type) {
var _this = this;
- this.source.getAnnotationsByTypeTitle(this.segment_annotation_type).forEach(function(_a) {
- _a.on("enter", function() {
- _this.redraw(_a.begin, _a.end);
+ this.source
+ .getAnnotationsByTypeTitle(this.segment_annotation_type)
+ .forEach(function (_a) {
+ _a.on("enter", function () {
+ _this.redraw(_a.begin, _a.end);
});
- });
- } else {
+ });
+ } else {
this.redraw();
+ }
}
-};
-IriSP.Widgets.Tagcloud.prototype.redraw = function(_from, _to) {
- var _urlRegExp = /https?:\/\/[0-9a-zA-Z\.%\/-_]+/g,
+ redraw(_from, _to) {
+ var _urlRegExp = /https?:\/\/[0-9a-zA-Z\.%\/-_]+/g,
_words = {},
_this = this,
_annotations = this.getWidgetAnnotations();
-
- if(!this.include_titles && !this.include_descriptions){
- var _regexpword = /[^\.&;,'"!\?\d\(\)\+\[\]\\\…\-«»\/]{3,}/g;
- }
- else{
- var _regexpword = /[^\s\.&;,'"!\?\d\(\)\+\[\]\\\…\-«»:\/]{3,}/g;
- }
-
- if (typeof _from !== "undefined" && typeof _to !== "undefined") {
- _annotations = _annotations.filter(function(_annotation) {
- return _annotation.begin >= _from && _annotation.end <= _to;
+
+ if (!this.include_titles && !this.include_descriptions) {
+ var _regexpword = /[^\.&;,'"!\?\d\(\)\+\[\]\\\…\-«»\/]{3,}/g;
+ } else {
+ var _regexpword = /[^\s\.&;,'"!\?\d\(\)\+\[\]\\\…\-«»:\/]{3,}/g;
+ }
+
+ if (typeof _from !== "undefined" && typeof _to !== "undefined") {
+ _annotations = _annotations.filter(function (_annotation) {
+ return _annotation.begin >= _from && _annotation.end <= _to;
+ });
+ }
+
+ if (this.remove_zero_duration) {
+ _annotations = _annotations.filter(function (_annotation) {
+ return _annotation.getDuration() > 0;
});
- }
-
- if(this.remove_zero_duration){
- _annotations = _annotations.filter(function(_annotation) {
- return _annotation.getDuration()>0;
- });
- }
-
- _annotations.forEach(function(_annotation) {
- var _txt =
- (_this.include_titles ? _annotation.title : '')
- + ' '
- + (_this.include_descriptions ? _annotation.description : '')
- + ' '
- + (_this.include_tag_texts ? _annotation.getTagTexts() : '');
- IriSP._(_txt.toLowerCase().replace(_urlRegExp, '').match(_regexpword)).each(function(_word) {
- _word = _word.trim();
- if (IriSP._(_this.stopwords).indexOf(_word) == -1 && (!_this.exclude_pattern || !_this.exclude_pattern.test(_word))) {
- _words[_word] = 1 + (_words[_word] || 0);
- }
- });
- });
- _words = IriSP._(_words)
+ }
+
+ _annotations.forEach(function (_annotation) {
+ var _txt =
+ (_this.include_titles ? _annotation.title : "") +
+ " " +
+ (_this.include_descriptions ? _annotation.description : "") +
+ " " +
+ (_this.include_tag_texts ? _annotation.getTagTexts() : "");
+ _(_txt.toLowerCase().replace(_urlRegExp, "").match(_regexpword)).each(
+ function (_word) {
+ _word = _word.trim();
+ if (
+ _(_this.stopwords).indexOf(_word) == -1 &&
+ (!_this.exclude_pattern || !_this.exclude_pattern.test(_word))
+ ) {
+ _words[_word] = 1 + (_words[_word] || 0);
+ }
+ }
+ );
+ });
+ _words = _(_words)
.chain()
- .map(function(_v, _k) {
- return {
- "word" : _k,
- "count" : _v
- };
+ .map(function (_v, _k) {
+ return {
+ word: _k,
+ count: _v,
+ };
})
- .filter(function(_v) {
- return _v.count > _this.min_count;
+ .filter(function (_v) {
+ return _v.count > _this.min_count;
})
- .sortBy(function(_v) {
- return - _v.count;
+ .sortBy(function (_v) {
+ return -_v.count;
})
.first(this.tag_count)
.value();
- if (_words.length) {
+ if (_words && _words.length) {
var _max = _words[0].count,
- _min = Math.min(_words[_words.length - 1].count, _max - 1),
- _scale = (this.max_font_size - this.min_font_size) / Math.sqrt(_max - _min);
- IriSP._(_words).each(function(_word) {
- _word.size = Math.floor( _this.min_font_size + _scale * Math.sqrt(_word.count - _min) );
- });
+ _min = Math.min(_words[_words.length - 1].count, _max - 1),
+ _scale =
+ (this.max_font_size - this.min_font_size) / Math.sqrt(_max - _min);
+ _(_words).each(function (_word) {
+ _word.size = Math.floor(
+ _this.min_font_size + _scale * Math.sqrt(_word.count - _min)
+ );
+ });
+ }
+ this.$.html(Mustache.render(this.constructor.template, { words: _words }));
+ this.$.find(".Ldt-Tagcloud-item").click(function () {
+ var _txt = jQuery(this).attr("content");
+ _this.source.getAnnotations().searchByTags(_txt);
+ });
+ this.source
+ .getAnnotations()
+ .on("search", this.functionWrapper("onSearch"));
+ this.source
+ .getAnnotations()
+ .on("search-cleared", this.functionWrapper("onSearch"));
}
- this.$.html(Mustache.to_html(this.template, {words: _words }));
- this.$.find(".Ldt-Tagcloud-item").click(function() {
- var _txt = IriSP.jQuery(this).attr("content");
- _this.source.getAnnotations().searchByTags(_txt);
- });
- this.source.getAnnotations().on("search", this.functionWrapper("onSearch"));
- this.source.getAnnotations().on("search-cleared", this.functionWrapper("onSearch"));
+
+ onSearch(searchString) {
+ searchString = typeof searchString !== "undefined" ? searchString : "";
+ if (searchString) {
+ var _rgxp = ns.Model.regexpFromTextOrArray(searchString);
+ }
+ this.$.find(".Ldt-Tagcloud-item").each(function () {
+ var _el = jQuery(this),
+ _txt = _el.attr("content");
+ if (searchString) {
+ _el.html(
+ _txt.replace(_rgxp, '<span class="Ldt-Tagcloud-active">$1</span>')
+ );
+ } else {
+ _el.html(_txt);
+ }
+ });
+ }
+ };
};
-IriSP.Widgets.Tagcloud.prototype.onSearch = function(searchString) {
- searchString = typeof searchString !== "undefined" ? searchString : '';
- if (searchString) {
- var _rgxp = IriSP.Model.regexpFromTextOrArray(searchString);
- }
- this.$.find(".Ldt-Tagcloud-item").each(function() {
- var _el = IriSP.jQuery(this),
- _txt = _el.attr("content");
- if (searchString) {
- _el.html(_txt.replace(_rgxp, '<span class="Ldt-Tagcloud-active">$1</span>'));
- } else {
- _el.html(_txt);
- }
- });
-};
+export { Tagcloud, tagcloudStyles };