benoit@0: {#
benoit@0: # Description:
benoit@0: # Web Template used in Farol Design
benoit@0: #
benoit@0: # Authors:
benoit@0: # Benoît Allard <benoit.allard@greenbone.net>
benoit@0: #
benoit@0: # Copyright:
benoit@0: # Copyright (C) 2014 Greenbone Networks GmbH
benoit@0: #
benoit@0: # This program is free software; you can redistribute it and/or
benoit@0: # modify it under the terms of the GNU General Public License
benoit@0: # as published by the Free Software Foundation; either version 2
benoit@0: # of the License, or (at your option) any later version.
benoit@0: #
benoit@0: # This program is distributed in the hope that it will be useful,
benoit@0: # but WITHOUT ANY WARRANTY; without even the implied warranty of
benoit@0: # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
benoit@0: # GNU General Public License for more details.
benoit@0: #
benoit@0: # You should have received a copy of the GNU General Public License
benoit@0: # along with this program; if not, write to the Free Software
benoit@0: # Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
benoit@0: -#}
benoit@0: 
benoit@126: {% macro textinput(name, label, placeholder="", value=None, required=False, type="text", extras={}, help='', regex=None) %}
benoit@0: <div class="form-group">
benoit@34:   {% if caller %}
benoit@34:     {% set content=caller () %}
benoit@34:     {% call modal(name + "_modal", label) %}
benoit@34:       {{ content }}
benoit@34:     {% endcall %}
benoit@34:   {% endif %}
benoit@34:   <label for="{{ name }}">{{ label }}:
benoit@34:     {% if required %}<span class="text-danger"> *</span>{% endif %}
benoit@34:     {% if caller %}<a href="#{{ name }}_modal" data-toggle="modal">?</a>{% endif %}
benoit@34:   </label>
benoit@0:   {% if type == "datetime" %}<div class="input-group">{% endif %}
benoit@0:   <input
benoit@0:      type="{{ type }}"
benoit@0:      {%- if type != 'file' %} class="form-control"{% endif %}
benoit@0:      id="{{ name }}" name="{{ name }}"
benoit@34:      {%- if placeholder %} placeholder="{{ placeholder }}"{% endif %}
benoit@0:      {%- if value %} value="{{ value }}"{% endif %}
benoit@128:      {%- if regex %} pattern="{{ regex }}"
benoit@128:      {%- elif type == "datetime" %} pattern="\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(\.\d+)?([+-]\d+(:\d+)?|Z)?)?"
benoit@128:      {%- endif %}
benoit@0:      {%- if required %} required{% endif %}
benoit@0:      {{- extras | xmlattr }}>
benoit@0:   {% if type == "datetime" %}
benoit@0:     <span class="input-group-btn">
benoit@0:         <button class="btn btn-default" type="button" onclick="{{ name }}.value = new Date().toISOString()">now</button>
benoit@0:     </span>
benoit@0:   </div>
benoit@0:   {% endif %}
benoit@0:   {% if help %}
benoit@0:   <span class="help-block">{{ help }}</span>
benoit@0:   {% endif %}
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@0: 
benoit@0: {% macro textarea(name, label, placeholder="", value=None, rows=10, required=False) %}
benoit@0: <div class="form-group">
benoit@35:   {% if caller %}
benoit@35:     {% set content=caller () %}
benoit@35:     {% call modal(name + "_modal", label) %}
benoit@35:       {{ content }}
benoit@35:     {% endcall %}
benoit@35:   {% endif %}
benoit@35:   <label for="{{ name }}">
benoit@35:     {{ label }}:
benoit@35:     {% if required %}<span class="text-danger"> *</span>{% endif %}
benoit@35:     {% if caller %}<a href="#{{ name }}_modal" data-toggle="modal">?</a>{% endif %}
benoit@35:   </label>
benoit@0:   <textarea class="form-control" rows={{ rows }} id="{{ name }}" name="{{ name }}" placeholder="{{ placeholder }}"{% if required %} required{% endif %}>{% if value %}{{ value }}{% endif %}</textarea>
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@0: 
benoit@0: {% macro selectinput(name, label, choices, value) %}
benoit@0: <div class="form-group">
benoit@35:   {% if caller %}
benoit@35:     {% set content=caller () %}
benoit@35:     {% call modal(name + "_modal", label) %}
benoit@35:       {{ content }}
benoit@35:     {% endcall %}
benoit@35:   {% endif %}
benoit@35:   <label for="{{ name }}">{{ label }}:
benoit@35:     {% if caller %}<a href="#{{ name }}_modal" data-toggle="modal">?</a>{% endif %}
benoit@35:   </label>
benoit@0:   <select class="form-control" name="{{name}}", id="{{ name }}">
benoit@0:     {% for choice in choices %}<option{% if value==choice %} selected{% endif %}>{{ choice }}</option>{% endfor %}
benoit@0:   </select>
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@0: 
benoit@0: {# Big difference with the one above is that the choices are tuple (name, value) #}
benoit@0: {% macro selectinput2(name, label, choices, value, multiple=False) %}
benoit@0: {% if not multiple %}
benoit@0:   {% set value= [value] %}
benoit@0: {% endif %}
benoit@0: <div class="form-group">
benoit@0:   <label for="{{ name }}">{{ label }}:</label>
benoit@0:   <select class="form-control" name="{{name}}" id="{{ name }}"{% if multiple %} multiple size="{{ choices | length }}"{% endif %}>
benoit@0:     {% for name, val in choices %}<option value="{{ val }}"{% if val in value %} selected{% endif %}>{{ name }}</option>{% endfor %}
benoit@0:   </select>
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@0: 
benoit@32: {% macro panel(type="default", heading=None, badge=None, title=0, collapsible=True, extended=False) %}
benoit@0: {% if not heading %}
benoit@0:   {% set collapsible = False %}
benoit@0: {% endif %}
benoit@0: <div class="{{ ["panel", "panel-" + type] | join(" ") }}">
benoit@0:   {% if heading %}
benoit@0:   <div class="panel-heading">
benoit@0:     {%- if title %}<h{{ title }} class="panel-title">{% endif -%}
benoit@0:     {%- if collapsible %}<a data-toggle="collapse" href="#{{ heading | secure_filename }}">{% endif -%}
benoit@44:     {{ heading }}
benoit@44:     {%- if badge is not none %}<span class="pull-right badge">{{ badge }}</span>{% endif %}
benoit@0:     {%- if collapsible %}</a>{% endif -%}
benoit@0:     {%- if title %}</h{{ title }}>{% endif -%}
benoit@0:   </div>
benoit@0:   {% endif %}
benoit@0:   {% if collapsible %}<div id="{{ heading | secure_filename }}" class="panel-collapse collapse{{ ' in' if extended}}">{% endif %}
benoit@0:   <div class="panel-body">
benoit@0:     {{ caller() }}
benoit@0:   </div>
benoit@0:   {% if collapsible %}</div>{% endif %}
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@0: 
benoit@44: {% macro modal(id, title, size=None) %}
benoit@44: <div class="modal fade" id="{{ id }}" tabindex="-1" role="dialog" aria-labelledby="{{ id }}_title" aria-hidden="true">
benoit@44:   <div class="modal-dialog{{ ' modal-%s' % size if size}}">
benoit@44:     <div class="modal-content">
benoit@44:       <div class="modal-header">
benoit@44:         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
benoit@44:         <h4 class="modal-title" id="{{ id }}_title">{{ title }}</h4>
benoit@44:       </div>
benoit@44:       <div class="modal-body">
benoit@44:         {{ caller() }}
benoit@44:       </div>{# We don't need a footer yet ...
benoit@44:       <div class="modal-footer">
benoit@44:         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
benoit@44:         <button type="button" class="btn btn-primary">Save changes</button>
benoit@44:       </div>#}
benoit@44:     </div>{# /.modal-content #}
benoit@44:   </div>{# /.modal-dialog #}
benoit@44: </div>{# /.modal #}
benoit@44: {% endmacro %}
benoit@44: 
benoit@0: {# This should be placed inside a .form-horizontal #}
benoit@0: {% macro label_value(label, value, left=2, right=10) %}
benoit@0: <div class="form-group">
benoit@0:   <label class="col-sm-{{ left }} control-label">{{ label }}:</label>
benoit@0:   <div class="col-sm-{{ right }}">
benoit@0:     <p class="form-control-static">{{ value }}</p>
benoit@0:   </div>
benoit@0: </div>
benoit@0: {% endmacro %}
benoit@34: 
benoit@53: {% macro examples(list, title='') %}
benoit@53: <p><strong>{{ title + ' ' if title }}Example{{ 's' if list | length > 1 }}:</strong></p>
benoit@34: {% if list | length == 1 %}
benoit@34: <samp>{{ list[0] }}</samp>
benoit@34: {% else %}
benoit@34: <ul>
benoit@34:   {%- for elem in list %}
benoit@34:     <li><samp>{{ elem }}</samp></li>
benoit@34:   {%- endfor %}
benoit@34: </ul>
benoit@34: {% endif %}
benoit@34: {% endmacro %}
benoit@69: 
benoit@101: {% macro POST_button(url, text, fields, out=False, style='btn-default') %}
benoit@101: {% if caller and out %}
benoit@101:   {{ caller('$(this).next()') }}
benoit@101: {% endif %}
benoit@101: <form class="inlined-form" action="{{ url }}" method="POST"{{ ' style="display:none"' if out}}>
benoit@101:   {% for elem in fields %}
benoit@101:   <input type=hidden name="{{ elem }}", value="{{ fields[elem] }}">
benoit@101:   {% endfor %}
benoit@101:   {% if caller %}
benoit@101:     {{ caller('parentNode') if not out }}
benoit@101:   {% else %}
benoit@101:   <button type="submit" class="btn {{ style }}">{{ text }}</button>
benoit@101:   {% endif %}
benoit@101: </form>
benoit@101: {% endmacro %}
benoit@101: 
benoit@105: {% macro edit_button(url, text="edit") -%}
benoit@105:   <a href="{{ url }}" class="btn btn-default btn-xs" role="btn">{{ text }}</a>
benoit@105: {%- endmacro %}
benoit@105: 
benoit@105: {% macro add_button(url, text="add") -%}
benoit@105:   <a href="{{ url }}" class="btn btn-success btn-xs" role="btn">{{ text }}</a>
benoit@105: {%- endmacro %}
benoit@105: 
benoit@105: {% macro delete_button(url, hiddens={}, text="delete") -%}
benoit@104:   {{ POST_button(url, text, hiddens, style="btn-danger btn-xs") }}
benoit@105: {%- endmacro %}