Stackedit/js/extensions/button-stat.js

89 lines
3.6 KiB
JavaScript
Raw Normal View History

2013-05-29 00:08:44 +00:00
define([
"jquery",
2013-05-29 19:55:23 +00:00
"underscore",
"utils"
], function($, _, utils) {
var buttonStat = {
extensionId: "buttonStat",
extensionName: 'Button "Statistics"',
2013-05-29 00:08:44 +00:00
optional: true,
2013-05-29 19:55:23 +00:00
defaultConfig: {
2013-06-02 00:38:23 +00:00
name1: "Characters",
value1: "\\S",
name2: "Words",
value2: "\\S+",
2013-05-29 19:55:23 +00:00
name3: "Paragraphs",
2013-05-30 22:16:12 +00:00
value3: "\\S.*",
2013-05-29 19:55:23 +00:00
},
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">',
2013-05-30 22:16:12 +00:00
'</div></p>'
].join("")
2013-05-29 19:55:23 +00:00
};
buttonStat.onLoadSettings = function() {
2013-05-30 22:16:12 +00:00
_.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]);
2013-05-29 19:55:23 +00:00
});
};
buttonStat.onSaveSettings = function(newConfig, event) {
2013-05-30 22:16:12 +00:00
_.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);
2013-05-29 19:55:23 +00:00
});
};
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() {
2013-05-30 22:16:12 +00:00
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);
2013-05-29 19:55:23 +00:00
};
return buttonStat;
2013-05-29 00:08:44 +00:00
});