from IPython.html import widgets # Widget definitions
from IPython.display import display # Used to display widgets in the notebook

print(widgets.DOMWidget.set_css.__doc__)

print(widgets.DOMWidget.get_css.__doc__)

label = widgets.LatexWidget()
label.value = "$\\textbf{ALERT:} Hello World!$"
container = widgets.ContainerWidget(children=[label])

# set_css used to set a single CSS attribute.
container.set_css('border', '3px solid black') # Border the container

# set_css used to set multiple CSS attributes.
container.set_css({'padding': '6px', # Add padding to the container
                   'background': 'yellow'}) # Fill the container yellow

display(container)

print(widgets.DOMWidget.add_class.__doc__)

container = widgets.ContainerWidget()
container.set_css({'border': '3px solid black',
                   'padding': '6px', 
                   'background': 'yellow'}) 

label = widgets.LatexWidget()
label.value = "$\\textbf{ALERT:} Hello World!$"
container.children = [label]
display(container)
container.add_class('corner-all') # Must be called AFTER display

label = widgets.LatexWidget(value = "$\\textbf{ALERT:} Hello World!$")
display(label)

# Apply twitter bootstrap alert class to the label.
label.add_class("alert")

# List of the bootstrap button styles
button_classes = ['Default', 'btn-primary', 'btn-info', 'btn-success', 
                  'btn-warning', 'btn-danger', 'btn-inverse', 'btn-link']

# Create each button and apply the style.  Also add margin to the buttons so they space
# themselves nicely.
for i in range(8):
    button = widgets.ButtonWidget(description=button_classes[i])
    button.set_css("margin", "5px")
    display(button)
    if i > 0: # Don't add a class the first button.
        button.add_class(button_classes[i])
    

print(widgets.DOMWidget.remove_class.__doc__)

import time
label = widgets.LatexWidget(value = "$\\textbf{ALERT:} Hello World!$")
display(label)

# Apply twitter bootstrap alert class to the label.
label.add_class("alert")

# Animate through additional bootstrap label styles 3 times
additional_alert_styles = ['alert-error', 'alert-info', 'alert-success']
for i in range(3 * len(additional_alert_styles)):
    label.add_class(additional_alert_styles[i % 3])
    label.remove_class(additional_alert_styles[(i-1) % 3])
    time.sleep(1)