mirror of
https://github.com/jupyter/notebook.git
synced 2025-01-06 11:35:24 +08:00
font awesome icon
This commit is contained in:
parent
274514cf73
commit
da96d28620
@ -129,10 +129,11 @@ define([
|
||||
|
||||
var description = this.model.get('description');
|
||||
this.$el.attr("title", this.model.get("tooltip"));
|
||||
if (description.trim().length === 0) {
|
||||
this.$el.text(description);
|
||||
var icon = this.model.get("icon");
|
||||
$('<i class="fa"></i>').prependTo(this.$el).addClass(icon);
|
||||
if (description.trim().length === 0 && icon.trim().length ===0) {
|
||||
this.$el.html(" "); // Preserve button height
|
||||
} else {
|
||||
this.$el.text(description);
|
||||
}
|
||||
}
|
||||
return ToggleButtonView.__super__.update.apply(this);
|
||||
|
@ -32,12 +32,12 @@ define([
|
||||
*/
|
||||
var description = this.model.get('description');
|
||||
this.$el.attr("title", this.model.get("tooltip"));
|
||||
if (description.length === 0) {
|
||||
this.$el.text(description);
|
||||
var icon = this.model.get("icon");
|
||||
$('<i class="fa"></i>').prependTo(this.$el).addClass(icon);
|
||||
if (description.trim().length === 0 && icon.trim().length ===0) {
|
||||
this.$el.html(" "); // Preserve button height
|
||||
} else {
|
||||
this.$el.text(description);
|
||||
}
|
||||
|
||||
if (this.model.get('disabled')) {
|
||||
this.$el.attr('disabled','disabled');
|
||||
} else {
|
||||
|
@ -49,7 +49,7 @@ casper.notebook_test(function () {
|
||||
'Toggle button exists.');
|
||||
|
||||
this.test.assert(this.cell_element_function(bool_index,
|
||||
widget_togglebutton_selector, 'html')=="Title",
|
||||
widget_togglebutton_selector, 'html')=='<i class="fa"></i>Title',
|
||||
'Toggle button labeled correctly.');
|
||||
|
||||
this.test.assert(this.cell_element_function(bool_index,
|
||||
|
@ -29,7 +29,7 @@ casper.notebook_test(function () {
|
||||
'Widget button exists.');
|
||||
|
||||
this.test.assert(this.cell_element_function(button_index,
|
||||
widget_button_selector, 'html')=='Title',
|
||||
widget_button_selector, 'html')=='<i class="fa"></i>Title',
|
||||
'Set button description.');
|
||||
|
||||
this.cell_element_function(button_index,
|
||||
|
@ -55,10 +55,15 @@ class ToggleButton(_Bool):
|
||||
value of the toggle button: True-pressed, False-unpressed
|
||||
description : str
|
||||
description displayed next to the button
|
||||
tooltip: str
|
||||
tooltip caption of the toggle button
|
||||
icon: str
|
||||
font-awesome icon name
|
||||
"""
|
||||
|
||||
_view_name = Unicode('ToggleButtonView', sync=True)
|
||||
tooltip = Unicode(help="Tooltip caption of the toggle button.", sync=True)
|
||||
icon = Unicode('', help= "Font-awesome icon.", sync=True)
|
||||
|
||||
button_style = CaselessStrEnum(
|
||||
values=['primary', 'success', 'info', 'warning', 'danger', ''],
|
||||
|
@ -24,15 +24,25 @@ from IPython.utils.warn import DeprecatedClass
|
||||
@register('IPython.Button')
|
||||
class Button(DOMWidget):
|
||||
"""Button widget.
|
||||
This widget has an `on_click` method that allows you to listen for the
|
||||
user clicking on the button. The click event itself is stateless.
|
||||
|
||||
This widget has an `on_click` method that allows you to listen for the
|
||||
user clicking on the button. The click event itself is stateless."""
|
||||
Parameters
|
||||
----------
|
||||
description : str
|
||||
description displayed next to the button
|
||||
tooltip: str
|
||||
tooltip caption of the toggle button
|
||||
icon: str
|
||||
font-awesome icon name
|
||||
"""
|
||||
_view_name = Unicode('ButtonView', sync=True)
|
||||
|
||||
# Keys
|
||||
description = Unicode('', help="Button label.", sync=True)
|
||||
tooltip = Unicode(help="Tooltip caption of the button.", sync=True)
|
||||
disabled = Bool(False, help="Enable or disable user changes.", sync=True)
|
||||
icon = Unicode('', help= "Font-awesome icon.", sync=True)
|
||||
|
||||
button_style = CaselessStrEnum(
|
||||
values=['primary', 'success', 'info', 'warning', 'danger', ''],
|
||||
|
Loading…
Reference in New Issue
Block a user