You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
2.7 KiB
73 lines
2.7 KiB
|
|
define(["require"], function(requirejs) {
|
|
|
|
/**
|
|
* @param element {} DOM element to which add controls
|
|
* @param styles {Dict} key = css name, value = url
|
|
* @para field {} place to store the css in json.
|
|
*/
|
|
var add_css_list = function (element, styles, field) {
|
|
// link to which we will append css
|
|
var $link = $('<link/>')
|
|
var $tlink = $('<link/>')
|
|
$('head').append($link)
|
|
$('head').append($tlink)
|
|
|
|
// build UI
|
|
var label = $('<label/>').text('Css:');
|
|
var select = $('<select/>')
|
|
.append($('<option/>')
|
|
.attr('value', 'default')
|
|
.text('default'));
|
|
element.append(label).append(select);
|
|
|
|
// we'll loop on each element and create ui based on their name.
|
|
var change_to = function(valp) {
|
|
var val = valp || $(this).val();
|
|
if (val === 'default'){
|
|
$link.attr('href','');
|
|
for(c in IPython.notebook.get_cells()){
|
|
IPython.notebook.get_cell(c).code_mirror.setOption('theme', 'ipython')
|
|
}
|
|
field.css = [''];
|
|
return
|
|
}
|
|
styles[val] = styles[val]||{}
|
|
var cmtm = styles[val].cm || 'ipyhton';
|
|
if(cmtm != undefined){
|
|
try{
|
|
$tlink.attr('href',requirejs.toUrl('../../components/codemirror/theme/'+cmtm+'.css'))
|
|
.attr('rel','stylesheet')
|
|
.attr('type','text/css')
|
|
|
|
for(c in IPython.notebook.get_cells()){
|
|
IPython.notebook.get_cell(c).code_mirror.setOption('theme', cmtm)
|
|
}
|
|
} catch(e){}
|
|
}
|
|
$link.attr('href',requirejs.toUrl('./css/'+val+'.css'))
|
|
.attr('rel','stylesheet')
|
|
.attr('type','text/css');
|
|
field.css = [val];
|
|
console.log(field.css);
|
|
|
|
};
|
|
|
|
select.change(function(){change_to($(this).val())});
|
|
var temp = IPython.notebook.metadata.css || [''] ;
|
|
change_to(temp[0]);
|
|
|
|
for (var name in styles) {
|
|
select.append($('<option/>').attr('value', name).text(name));
|
|
}
|
|
};
|
|
var md = IPython.notebook.metadata
|
|
md.css = md.css || [''];
|
|
add_css_list(IPython.toolbar.element,{'duck':null
|
|
,'dark':{cm:'monokai'}
|
|
,'xkcd':null
|
|
,'foo':null}, md )
|
|
|
|
|
|
});
|