_form.html 12.7 KB
{% load static i18n %}
{% load widget_tweaks %}

<form method="post" action="" enctype="multipart/form-data">
	{% csrf_token %}

	{% render_field form.control_subject %}

	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
		<label for="{{ form.name.auto_id }}">{{ form.name.label }} <span>*</span></label>
		{% render_field form.name class='form-control' %}

		<span id="helpBlock" class="help-block">{{ form.name.help_text }}</span>
			
		{% if form.name.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.name.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
		<label for="{{ form.content.auto_id }}">{{ form.content.label }} <span>*</span></label>
		{% render_field form.content class='form-control text_wysiwyg' %}

		<span id="helpBlock" class="help-block">{{ form.content.help_text }}</span>
			
		{% if form.content.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.content.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<legend>{% trans 'Common resources settings' %}</legend>

	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
		<label for="{{ form.brief_description.auto_id }}">{{ form.brief_description.label }}</label>
		{% render_field form.brief_description class='form-control text_wysiwyg' %}

		<span id="helpBlock" class="help-block">{{ form.brief_description.help_text }}</span>
			
		{% if form.brief_description.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.brief_description.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<div class="form-group{% if form.has_error %} has-error {% endif %} is-fileinput">
		<label for="{{ form.tags.auto_id }}">{{ form.tags.label }}</label>
		{% render_field form.tags class='form-control'  data-role="tagsinput" %}

		<span id="helpBlock" class="help-block">{{ form.tags.help_text }}</span>
			
		{% if form.tags.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.tags.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<div class="panel-group" id="professors_accordion" role="tablist" aria-multiselectable="true">
		<div class="panel panel-info">
			<div class="panel-heading">
    			<div class="row">
        			<div class="col-md-12">
            			<a data-parent="#professors_accordion" data-toggle="collapse" href="#notifications">
            				<h4 class="panel-title">
                    			<button class="btn btn-default btn-xs text-center cat-selector"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button><label>{% trans 'Pendencies Notifications' %}</label>
            				</h4>
            			</a>
            		</div>
            	</div>
            </div>
            <div id="notifications" class="panel-collapse collapse">
            	
        		<div class="notifies">
        			<div style="text-align:left">
            			{% render_field pendencies_form.id %}
            			{% render_field pendencies_form.resource %}
            			{% render_field pendencies_form.subject class='pend_subj' %}
	            		
	            		<div class="form-group{% if pendencies_form.has_error %} has-error {% endif %} row">
	            			<label for="{{ pendencies_form.action.auto_id }}" class="pull-left action_label contol-label">
	            				{% trans 'Action not performed by the user' %}: 
	        				</label>
	        				<div class="col-md-3">
	        					{% render_field pendencies_form.action class='form-control' %}
	        				</div>

	        				<br clear="all" />

	        				<span id="helpBlock" class="help-block">{{ pendencies_form.action.help_text }}</span>
		
							{% if pendencies_form.action.errors %}
								<div class="alert alert-danger alert-dismissible" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<ul>
										{% for error in pendencies_form.action.errors %}
											<li>{{ error }}</li>
										{% endfor %}
									</ul>
								</div>
							{% endif %}
	            		</div>
	            		<br clear="all" />
	            		<div class="row">
	            			<div class="col-md-12">
	            				<p>{% trans 'Wished period' %}: </p>
	            			</div>
	            		</div>
	            		<div class="form-group{% if pendencies_form.has_error %} has-error {% endif %} row">
	            			<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 checkbox">
						        <label>
			      					{% render_field pendencies_form.begin_date_check class="begin_date" %} {{ pendencies_form.begin_date.label }}
			  					</label>
					        </div>
					        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
					        	{% render_field pendencies_form.begin_date class='form-control datetime-picker begin_date_input' %}
					        </div>						        
	            		</div>
	            		<div class="row">
	            			<span id="helpBlock" class="help-block">{{ pendencies_form.begin_date.help_text }}</span>
		
							{% if pendencies_form.begin_date.errors %}
								<div class="alert alert-danger alert-dismissible" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<ul>
										{% for error in pendencies_form.begin_date.errors %}
											<li>{{ error }}</li>
										{% endfor %}
									</ul>
								</div>
							{% endif %}
	            		</div>
	            		<div class="form-group{% if pendencies_form.has_error %} has-error {% endif %} row">
	            			<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 checkbox">
						        <label>
			      					{% render_field pendencies_form.end_date_check class="end_date" %} {{ pendencies_form.end_date.label }}
			  					</label>
					        </div>
					        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
					        	{% render_field pendencies_form.end_date class='form-control datetime-picker end_date_input' %}
					        </div>
	            		</div>
	            		<div class="row">
	            			<span id="helpBlock" class="help-block">{{ pendencies_form.end_date.help_text }}</span>
		
							{% if pendencies_form.end_date.errors %}
								<div class="alert alert-danger alert-dismissible" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close">
										<span aria-hidden="true">&times;</span>
									</button>
									<ul>
										{% for error in pendencies_form.end_date.errors %}
											<li>{{ error }}</li>
										{% endfor %}
									</ul>
								</div>
							{% endif %}
	            		</div>
	            	</div>
            	</div>
            </div>
        </div>

        <div class="panel panel-info">
			<div class="panel-heading">
    			<div class="row">
        			<div class="col-md-12">
            			<a data-parent="#professors_accordion" data-toggle="collapse" href="#students">
            				<h4 class="panel-title">
                    			<button class="btn btn-default btn-xs text-center cat-selector"><i class="fa fa-angle-right fa-2x" aria-hidden="true"></i></button><label for="{{ form.students.auto_id }}">{% trans 'Students' %}</label>
            				</h4>
            			</a>
            		</div>
            	</div>
            </div>
            <div id="students" class="panel-collapse collapse">
            	<div class="form-group{% if form.has_error %} has-error {% endif %}">
            		<div class=" checkbox">
            			<label for="{{ form.all_students.auto_id }}">
	      					{% render_field form.all_students %} {{ form.all_students.label }}
	  					</label>
	  				</div>

	  				<span id="helpBlock" class="help-block">{{ form.all_students.help_text }}</span>
			
					{% if form.all_students.errors %}
						<div class="alert alert-danger alert-dismissible" role="alert">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							<ul>
								{% for error in form.all_students.errors %}
									<li>{{ error }}</li>
								{% endfor %}
							</ul>
						</div>
					{% endif %}
            	</div>

            	<p><em>{% trans 'Attribute students to webpage' %}:</em></p>
            	{% render_field form.students class='form-control' %}

            	<span id="helpBlock" class="help-block">{{ form.students.help_text }}</span>
			
				{% if form.students.errors %}
					<div class="alert alert-danger alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						<ul>
							{% for error in form.students.errors %}
								<li>{{ error }}</li>
							{% endfor %}
						</ul>
					</div>
				{% endif %}

            	<br clear="all" />

            	<p><em>{% trans 'Attribute groups to webpage' %}:</em></p>
            	{% render_field form.groups class='form-control' %}

            	<span id="helpBlock" class="help-block">{{ form.groups.help_text }}</span>
			
				{% if form.groups.errors %}
					<div class="alert alert-danger alert-dismissible" role="alert">
							<button type="button" class="close" data-dismiss="alert" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						<ul>
							{% for error in form.groups.errors %}
								<li>{{ error }}</li>
							{% endfor %}
						</ul>
					</div>
				{% endif %}
            </div>
        </div>
	</div>

	<div class="form-group{% if form.has_error %} has-error {% endif %}">
		<div class=" checkbox">
			<label for="{{ form.show_window.auto_id }}">
				{% render_field form.show_window %} {{ form.show_window.label }}
			</label>
		</div>

		<span id="helpBlock" class="help-block">{{ form.show_window.help_text }}</span>
			
		{% if form.show_window.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.show_window.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<div class="form-group{% if form.has_error %} has-error {% endif %}">
		<div class=" checkbox">
			<label for="{{ form.visible.auto_id }}">
				{% render_field form.visible %} {{ form.visible.label }}
			</label>
		</div>

		<span id="helpBlock" class="help-block">{{ form.visible.help_text }}</span>
			
		{% if form.visible.errors %}
			<div class="alert alert-danger alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				<ul>
					{% for error in form.visible.errors %}
						<li>{{ error }}</li>
					{% endfor %}
				</ul>
			</div>
		{% endif %}
	</div>

	<div class="row">
		<div class="col-lg-2 col-md-offset-4 col-md-6 col-sm-12 col-xs-12 text-center">
			<input type="submit" value="{% trans 'Save' %}" class="btn btn-success btn-raised btn-block" />
		</div>

		<div class="col-lg-2 col-md-6 col-sm-12 col-xs-12 text-center">
			<a href="{% url 'subjects:topic_view' slug=subject.slug topic_slug=topic.slug %}" class="btn btn-default btn-raised btn-block">{% trans 'Cancel' %}</a>
		</div>
	</div>
</form>
<script type="text/javascript">
	$(function() {
		var begin_val = $('.begin_date_input').val(),
			end_val = $('.end_date_input').val();

		if (begin_val != '') {
			$(".begin_date").prop('checked', true);
		}

		if (end_val != '') {
			$(".end_date").prop('checked', true);
		}

		{% if not pendencies_form.is_valid and pendencies_form.is_bound %}
			$("#notifications").collapse('toggle');
		{% endif %}
	});
</script>
<script type="text/javascript" src="{% static 'js/resources.js' %}"></script>