mirror of
https://github.com/jupyter/notebook.git
synced 2024-12-21 04:10:17 +08:00
draft snr
This commit is contained in:
Matthias Bussonnier
parent
6bd83883a3
commit
40ee54fffe
@ -49,7 +49,7 @@ define(function(require) {
|
||||
.addClass("modal-content")
|
||||
.appendTo(dialog);
|
||||
if(typeof(options.body) === 'string' && options.sanitize !== false){
|
||||
options.body = $("<p/>").text(options.body)
|
||||
options.body = $("<p/>").text(options.body);
|
||||
}
|
||||
dialog_content.append(
|
||||
$("<div/>")
|
||||
|
||||
@ -337,9 +337,169 @@ define(function(require){
|
||||
handler : function(env){
|
||||
env.notebook.show_command_palette();
|
||||
}
|
||||
},
|
||||
'search-and-replace-dialog': {
|
||||
help: 'search and replace',
|
||||
handler: function(env){
|
||||
var search = $("<input/>")
|
||||
.addClass('form-control')
|
||||
.attr('placeholder','Search');
|
||||
var repl = $("<input/>")
|
||||
.addClass('form-control')
|
||||
.attr('placeholder','replace');
|
||||
//var submit = $("<input/>").attr('type', 'submit');
|
||||
var body = $('<div/>').css('max-height','60vh').css('overflow','auto');
|
||||
var form = $('<form/>')
|
||||
.append($('<div/>').addClass('form-group').append(search))
|
||||
.append($('<div/>').addClass('form-group').append(repl))
|
||||
//.append(submit)
|
||||
.append(body);
|
||||
|
||||
var onsubmit = function(event){
|
||||
var sre = search.val();
|
||||
var replace = repl.val();
|
||||
if(!sre){
|
||||
return false;
|
||||
}
|
||||
var cells = env.notebook.get_cells();
|
||||
var arr = [];
|
||||
for(var c=0; c < cells.length; c++){
|
||||
//console.log("looping through cell", c);
|
||||
var oldvalue = cells[c].code_mirror.getValue();
|
||||
var newvalue = oldvalue.replace(new RegExp(sre, 'g'), replace);
|
||||
cells[c].code_mirror.setValue(newvalue);
|
||||
if(cells[c].cell_type === 'markdown'){
|
||||
//cells[c].unrender();
|
||||
cells[c].rendered = false;
|
||||
cells[c].render();
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
var ontype = function(){
|
||||
|
||||
var sre = search.val();
|
||||
// abort on invalid RE
|
||||
if(!sre){
|
||||
body.empty();
|
||||
body.append($('<p/>').text('No matches, invalid or empty regular expression'));
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
new RegExp(sre);
|
||||
} catch (e){
|
||||
body.empty();
|
||||
body.append($('<p/>').text('No matches, invalid or empty regular expression'));
|
||||
return;
|
||||
}
|
||||
var replace = repl.val();
|
||||
var cells = env.notebook.get_cells();
|
||||
var arr = [];
|
||||
for(var c=0; c < cells.length; c++){
|
||||
//console.log("looping through cell", c);
|
||||
arr = arr.concat(cells[c].code_mirror.getValue().split('\n'));
|
||||
}
|
||||
|
||||
var html = [];
|
||||
for(var r=0; r < arr.length; r++){
|
||||
var matches = getMatches(sre, arr[r]);
|
||||
//console.log("looping through line", r, "matches", matches);
|
||||
for(var mindex=0; mindex < matches.length ; mindex++){
|
||||
var start = matches[mindex][0];
|
||||
var stop = matches[mindex][1];
|
||||
//console.log(matches[mindex], arr[r].slice(start, stop));
|
||||
var init = arr[r].slice(start, stop);
|
||||
var replaced = init.replace( new RegExp(sre), replace);
|
||||
html.push([cutBefore(arr[r].slice(0, start)), arr[r].slice(start, stop), replaced, cutAfter(arr[r].slice(stop))]);
|
||||
}
|
||||
}
|
||||
body.empty();
|
||||
for(var rindex=0; rindex<html.length; rindex++){
|
||||
var pre = $('<pre/>').addClass('replace-preview')
|
||||
.append(html[rindex][0])
|
||||
.append($('<span/>').addClass('match').text(html[rindex][1]));
|
||||
if(replace){
|
||||
pre.append($('<span/>').addClass('replace').text(html[rindex][2]));
|
||||
pre.addClass('replace');
|
||||
}
|
||||
pre.append(html[rindex][3]);
|
||||
body.append(pre);
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
|
||||
search.keypress(function (e) {
|
||||
if (e.which == 13) {//enter
|
||||
repl.focus();
|
||||
}
|
||||
});
|
||||
search.on('input', ontype);
|
||||
repl.on('input', ontype);
|
||||
var mod = IPython.dialog.modal({
|
||||
show: false,
|
||||
title: "Search and Replace",
|
||||
body:form,
|
||||
keyboard_manager: env.notebook.keyboard_manager,
|
||||
buttons:{
|
||||
'Do it':{ class: "btn-primary",
|
||||
click: function(event){onsubmit(event); return true;}
|
||||
}
|
||||
},
|
||||
open: function(){
|
||||
search.focus();
|
||||
}
|
||||
});
|
||||
|
||||
repl.keypress(function (e) {
|
||||
if (e.which == 13) {//enter
|
||||
onsubmit();
|
||||
mod.modal('hide');
|
||||
}
|
||||
});
|
||||
mod.modal('show');
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
var cutAfter = function(string){
|
||||
if(string.length > 13){
|
||||
return string.slice(0, 10)+'...';
|
||||
}
|
||||
return string;
|
||||
};
|
||||
|
||||
var cutBefore = function(string){
|
||||
if(string.length > 13){
|
||||
return '...'+string.slice(-10);
|
||||
}
|
||||
return string;
|
||||
};
|
||||
|
||||
var getMatches = function(re, string){
|
||||
try {
|
||||
re = new RegExp(re, 'g');// have to global or infinite loop
|
||||
} catch (e){
|
||||
return [];
|
||||
}
|
||||
//debugger;
|
||||
var res = [];
|
||||
var match;
|
||||
// yes this is a castin !=
|
||||
var escape_hatch = 0;
|
||||
while((match = re.exec(string)) !== null) {
|
||||
res.push([match.index, match.index+match[0].length]);
|
||||
escape_hatch++;
|
||||
if(escape_hatch > 1000){
|
||||
console.warn("More than 1000 matches, aborting");
|
||||
break;
|
||||
}
|
||||
}
|
||||
return res;
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
|
||||
@ -81,8 +81,7 @@ define(function(require){
|
||||
// click on button trigger de-focus on mouse up.
|
||||
// or somethign like that.
|
||||
setTimeout(function(){input.focus();}, 100);
|
||||
})
|
||||
.on("hide.bs.modal", before_close);
|
||||
});
|
||||
|
||||
notebook.keyboard_manager.disable();
|
||||
|
||||
@ -103,6 +102,9 @@ define(function(require){
|
||||
}
|
||||
before_close.ok = true; // avoid double call.
|
||||
};
|
||||
|
||||
mod.on("hide.bs.modal", before_close)
|
||||
.on("hidden.bs.modal", before_close);
|
||||
|
||||
// will be trigger when user select action
|
||||
var onSubmit = function(node, query, result, resultCount) {
|
||||
@ -152,7 +154,6 @@ define(function(require){
|
||||
|
||||
// now src is the right structure for typeahead
|
||||
|
||||
|
||||
input.typeahead({
|
||||
emptyTemplate: "No results found for <pre>{{query}}</pre>",
|
||||
maxItem: 1e3,
|
||||
|
||||
@ -99,3 +99,27 @@ kbd {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.replace-preview .match, .replace-preview .replace {
|
||||
background-color:lightblue;
|
||||
border-color: darken(lightblue, 20%);
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius: @border-radius-base
|
||||
}
|
||||
|
||||
.replace-preview.replace {
|
||||
|
||||
& .match{
|
||||
//display: none;
|
||||
background-color:salmon;
|
||||
text-decoration: line-through;
|
||||
border-color: darken(salmon, 20%);
|
||||
}
|
||||
|
||||
& .replace{
|
||||
background-color: green;
|
||||
background-color:lightGreen;
|
||||
border-color: darken(lightGreen, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
@ -328,6 +328,6 @@ data-notebook-path="{{notebook_path}}"
|
||||
|
||||
<script src="{{ static_url("components/text-encoding/lib/encoding.js") }}" charset="utf-8"></script>
|
||||
|
||||
<script src="{{ static_url("notebook/js/main.min.js") }}" charset="utf-8"></script>
|
||||
<script src="{{ static_url("notebook/js/main.js") }}" charset="utf-8"></script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
{% endif %}
|
||||
baseUrl: '{{static_url("", include_version=False)}}',
|
||||
paths: {
|
||||
'auth/js/main': 'auth/js/main.min',
|
||||
'auth/js/main': 'auth/js/main',
|
||||
custom : '{{ base_url }}custom',
|
||||
nbextensions : '{{ base_url }}nbextensions',
|
||||
widgets : '{{ base_url }}deprecatedwidgets',
|
||||
|
||||
Loading…
Reference in New Issue
Block a user