Usando Django Messages con Bootstrap

By -
El sistema de mensajes que viene incluido en Django, es un mini-framework, extremadamente potente y fácil de implementar.  Esta es toda la documentación oficial, que podría leer para entender un poco mejor cómo funciona Django Messages y cómo ponerlo a trabajar en sus proyectos.

Nos vamos a dedicar a explicar cómo integrarlo con Bootstrap3.


def foo(request):
    messages.success(request, "Huge success!")
    return render(request, 'index.html')

Y este sería el index.html

{% for message in messages %}
    

{{ message }}

{% endfor %}

Aquí puede encontrar más convinaciones de estilos: http://getbootstrap.com/components/#alerts . Si logra hacer una integración muy original, nos gustaría verla.

Popular posts from this blog

Goodbye to jQuery as dependency on Rails

By Anonymous -
Image
One of the most popular Javascript libraries was used as a dependency on Rails and has a lot to do with the opinions of its creator who believes that most of the front-end needs could be met using a library like jQuery.



Why did Rails use it? This library was used for some "rails-ujs" functionality which is a dependency of Rails to perform some basic actions without the need to refresh the browser.

In Rails 5.1, "rails-ujs" was rewritten using pure Javascript, so the dependency on jQuery no longer makes sense.

Unlike projects with previous versions the application.js file no longer needs:
//= require jquery//= require jquery_ujs

And replaces it with
//= require rails-ujs
Of course, if we consider that jQuery is sufficient for our needs of Javascript the only thing we have to do is add it to the Gemfile and proceed as if nothing had happened or use the new rails package manager:

Install yarn on Mac:brew install yarn
Add jQuery to Rails project, run the command from…
Keep reading

Creando diagramas con JointJS

By -
Image
JointJS es una librería Javascript para visualizar y administrar diagramas, formas y gráficos. Puede ser usado como herramienta de diagramación interactiva.

JointJS cumple el patrón MVC, lo que hace fácil extender a muchos más módulos.

Esta librería es soportada por la mayoría de lo navegadores modernos como Google Chrome (móvil también), Firefox, Safari, IE 9+ y Opera 15+.

Se pueden mencionar muchas características que hacen que JointJS sea una librería poderosa, sin embargo, solo destacaremos estas:

elementos básicos de diagrama (líneas, círculos, elipse, texto, imagen, ruta)elementos de diagrama listos para usar, como diagramas ERD, Org chart, FSA, UML, PN, DEVS, ...links personalizablesdiagramas jerarquicosserializacion/deserializacion a/desde JSONzoom in/outsoporte "touch"animacionesfiltros y gradientessoporte con NodeJSplugin awarenessaquirectura MVC
Aquí les dejo estas capturas de pantalla, pero también podés descargar la librería y jugar usted mismo, o probar las dem…
Keep reading

Starting and changing mindset with Elixir

By -
Image
What is elixir? Created in 2012 Elixir is functional and dynamic language, which make a real option if we want to create a web application. Since, Elixir runs under Erlang virtual machine (BEAM), which make it really stable and mature. Created by José Valim, who is a Ruby on Rails enthusiastic and had helped the community a lot. So, he took the the best of Rails and merge it with the efficiency of Elixir + Erlang.
Elixir is special for high availability systems . Functional The first two meanings we have to forget are objects and classes. It’s all about functions that operate and transform data, pure functions. But, We can not rely on Elixir being a pure functional language. Dynamic Elixir variables don’t need to be declared as an specifics data type, It checks at runtime. Inmutable Data structure won’t change. For example:
# Uses the match operator to give a true on function
name = “Han Solo”

# It creates a total new value for the new variable
name = "Luke Skywalker"
Concur…
Keep reading