openstack/horizon
Code Issues Proposed changes

Merge "Refactor horizon/common/_modal_form.html template"

Browse Source
This commit is contained in:
Jenkins 2014-12-06 02:03:45 +00:00 committed by Gerrit Code Review
commit 517bde4010
2 changed files with 48 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
horizon/templates/horizon/common/_modal.html
View File

@ -1,14 +1,21 @@
<div id="{% block modal_id %}{% endblock %}" class="{% block modal_class %}{% if hide %}modal{% else %}static_page{% endif %}{% endblock %}"> <div id="{% block modal_id %}{{ modal_id }}{% endblock %}"
class="{% block modal_class %}{% if hide %}modal{% else %}static_page{% endif %}{% endblock %}">
<div class="{% if hide %}modal-dialog{% endif %}"> <div class="{% if hide %}modal-dialog{% endif %}">
<div class="{% if hide %}modal-content{% endif %}"> <div class="{% if hide %}modal-content{% endif %}">
{% block header %}
<div class="modal-header"> <div class="modal-header">
{% if hide %}<a href="#" class="close" data-dismiss="modal">&times;</a>{% endif %} {% if hide %}<a href="#" class="close" data-dismiss="modal">&times;</a>{% endif %}
<h3>{% block modal-header %}{% endblock %}</h3> <h3>{% block modal-header %}{{ modal_header }}{% endblock %}</h3>
</div> </div>
{% endblock %}
{% block content %}
<div class="modal-body clearfix"> <div class="modal-body clearfix">
{% block modal-body %}{% endblock %} {% block modal-body %}{% endblock %}
</div> </div>
<div class="modal-footer">{% block modal-footer %}{% endblock %}</div> <div class="modal-footer">{% block modal-footer %}{% endblock %}</div>
{% endblock %}
</div> </div>
</div> </div>
</div> </div>
{% block modal-js %}
{% endblock %}

90
horizon/templates/horizon/common/_modal_form.html
View File

@ -1,61 +1,49 @@
<div id="{% block modal_id %}{{ modal_id }}{% endblock %}" {% extends "horizon/common/_modal.html" %}
class="{% block modal_class %}{% if hide %}modal{% else %}static_page{% endif %}{% endblock %}"> {% block content %}
<div class="{% if hide %}modal-dialog{% endif %}"> {% if table %}
<div class="{% if hide %}modal-content{% endif %}"> <div class="modal-body">
<div class="modal-header">
{% if hide %}<a href="#" class="close" data-dismiss="modal">&times;</a>{% endif %}
<h3>{% block modal-header %}{{ modal_header }}{% endblock %}</h3>
</div>
{% if table %}
<div class="modal-body">
{{ table.render }} {{ table.render }}
</div> </div>
<hr> <hr>
{% endif %} {% endif %}
<form id="{% block form_id %}{{ form_id }}{% endblock %}"
<form id="{% block form_id %}{{ form_id }}{% endblock %}" ng-controller="{% block ng_controller %}DummyCtrl{% endblock %}"
ng-controller="{% block ng_controller %}DummyCtrl{% endblock %}" name="{% block form_name %}{% endblock %}"
name="{% block form_name %}{% endblock %}" autocomplete="{% block autocomplete %}{% if form.no_autocomplete %}off{% endif %}{% endblock %}"
autocomplete="{% block autocomplete %}{% if form.no_autocomplete %}off{% endif %}{% endblock %}" class="{% block form_class %}{% endblock %}"
class="{% block form_class %}{% endblock %}" action="{% block form_action %}{{ submit_url }}{% endblock %}"
action="{% block form_action %}{{ submit_url }}{% endblock %}" method="{% block form-method %}POST{% endblock %}"
method="{% block form-method %}POST{% endblock %}" {% block form_validation %}{% endblock %}
{% block form_validation %}{% endblock %} {% if add_to_field %}data-add-to-field="{{ add_to_field }}"{% endif %} {% block form_attrs %}{% endblock %}>{% csrf_token %}
{% if add_to_field %}data-add-to-field="{{ add_to_field }}"{% endif %} {% block form_attrs %}{% endblock %}>{% csrf_token %} <div class="modal-body clearfix">
<div class="modal-body clearfix"> {% comment %}
{% comment %}
These fake fields are required to prevent Chrome v34+ from autofilling form. These fake fields are required to prevent Chrome v34+ from autofilling form.
{% endcomment %} {% endcomment %}
{% if form.no_autocomplete %} {% if form.no_autocomplete %}
<div class="fake_credentials" style="display: none"> <div class="fake_credentials" style="display: none">
<input type="text" name="fake_email" value="" /> <input type="text" name="fake_email" value="" />
<input type="password" name="fake_password" value="" /> <input type="password" name="fake_password" value="" />
</div> </div>
{% endif %} {% endif %}
{% block modal-body %} {% block modal-body %}
<div class="left"> <div class="left">
<fieldset> <fieldset>
{% include "horizon/common/_form_fields.html" %} {% include "horizon/common/_form_fields.html" %}
</fieldset> </fieldset>
</div>
<div class="right">
{% block modal-body-right %}{% endblock %}
</div>
{% endblock %}
</div> </div>
<div class="modal-footer"> <div class="right">
{% block modal-footer %} {% block modal-body-right %}{% endblock %}
<a href="{% block cancel_url %}{{ cancel_url }}{% endblock %}"
class="btn btn-default cancel">
{{ cancel_label }}
</a>
<input class="btn btn-primary" type="submit" value="{{ submit_label }}">
{% endblock %}
</div> </div>
</form> {% endblock %}
</div> </div>
</div> <div class="modal-footer">
</div> {% block modal-footer %}
{% block modal-js %} <a href="{% block cancel_url %}{{ cancel_url }}{% endblock %}"
class="btn btn-default cancel">
{{ cancel_label }}
</a>
<input class="btn btn-primary" type="submit" value="{{ submit_label }}">
{% endblock %}
</div>
</form>
{% endblock %} {% endblock %}