89 lines
3.6 KiB
JavaScript
89 lines
3.6 KiB
JavaScript
define([
|
|
"jquery",
|
|
"underscore",
|
|
"utils"
|
|
], function($, _, utils) {
|
|
|
|
var buttonStat = {
|
|
extensionId: "buttonStat",
|
|
extensionName: 'Button "Statistics"',
|
|
optional: true,
|
|
defaultConfig: {
|
|
name1: "Words",
|
|
value1: "\\S+",
|
|
name2: "Characters",
|
|
value2: "\\S",
|
|
name3: "Paragraphs",
|
|
value3: "\\S.*",
|
|
},
|
|
settingsBloc: [
|
|
'<p>Adds a "Document statistics" button in the navigation bar.</p>',
|
|
'<p><div class="form-inline">',
|
|
' <label class="label-text" for="input-stat-name1">Title</label>',
|
|
' <input id="input-stat-name1" type="text" class="input-small">',
|
|
' <label class="label-text" for="input-stat-value1">RegExp</label>',
|
|
' <input id="input-stat-value1" type="text" class="span2">',
|
|
'</div></p>',
|
|
'<p><div class="form-inline">',
|
|
' <label class="label-text" for="input-stat-name2">Title</label>',
|
|
' <input id="input-stat-name2" type="text" class="input-small">',
|
|
' <label class="label-text" for="input-stat-value2">RegExp</label>',
|
|
' <input id="input-stat-value2" type="text" class="span2">',
|
|
'</div></p>',
|
|
'<p><div class="form-inline">',
|
|
' <label class="label-text" for="input-stat-name3">Title</label>',
|
|
' <input id="input-stat-name3" type="text" class="input-small">',
|
|
' <label class="label-text" for="input-stat-value3">RegExp</label>',
|
|
' <input id="input-stat-value3" type="text" class="span2">',
|
|
'</div></p>'
|
|
].join("")
|
|
};
|
|
|
|
buttonStat.onLoadSettings = function() {
|
|
_.each([
|
|
1,
|
|
2,
|
|
3
|
|
], function(index) {
|
|
utils.setInputValue("#input-stat-name" + index, buttonStat.config["name" + index]);
|
|
utils.setInputValue("#input-stat-value" + index, buttonStat.config["value" + index]);
|
|
});
|
|
};
|
|
|
|
buttonStat.onSaveSettings = function(newConfig, event) {
|
|
_.each([
|
|
1,
|
|
2,
|
|
3
|
|
], function(index) {
|
|
newConfig["name" + index] = utils.getInputTextValue("#input-stat-name" + index, event);
|
|
newConfig["value" + index] = utils.getInputRegExpValue("#input-stat-value" + index, event);
|
|
});
|
|
};
|
|
|
|
buttonStat.onCreateButton = function() {
|
|
return $([
|
|
'<button class="btn dropdown-toggle" data-toggle="dropdown" title="Document statistics">',
|
|
' <i class="icon-stat"></i>',
|
|
'</button>',
|
|
'<div id="statistics-container" class="dropdown-menu pull-right">',
|
|
' <h3 class="muted">Statistics</h3>',
|
|
' <div class="stat">',
|
|
' <div>' + buttonStat.config.name1 + ': <span id="span-stat-value1"></span></div>',
|
|
' <div>' + buttonStat.config.name2 + ': <span id="span-stat-value2"></span></div>',
|
|
' <div>' + buttonStat.config.name3 + ': <span id="span-stat-value3"></span></div>',
|
|
' </div>',
|
|
'</div>'
|
|
].join(""));
|
|
};
|
|
|
|
buttonStat.onPreviewFinished = function() {
|
|
var text = $("#wmd-preview").clone().find("script").remove().end().text();
|
|
$("#span-stat-value1").text((text.match(new RegExp(buttonStat.config.value1, "g")) || []).length);
|
|
$("#span-stat-value2").text((text.match(new RegExp(buttonStat.config.value2, "g")) || []).length);
|
|
$("#span-stat-value3").text((text.match(new RegExp(buttonStat.config.value3, "g")) || []).length);
|
|
};
|
|
|
|
return buttonStat;
|
|
|
|
}); |