274 lines
18 KiB
Plaintext
274 lines
18 KiB
Plaintext
<%@page import="fr.geoffrey.medical_training_tracker.dao.bean.Animal"%>
|
|
<%@page import="java.util.List"%>
|
|
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
|
|
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
|
|
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
|
<%@ page isELIgnored="false" %>
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/add/care" var="animalAddCareURL" />
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/delete/care" var="animalDeleteCareURL" />
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/edit/care" var="animalEditCareURL" />
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/add/consent_behavior" var="animalAddConsentBehaviorURL" />
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/delete/consent_behavior" var="animalDeleteConsentBehaviorURL" />
|
|
<spring:url value="/animal/${MODEL_MAP_ANIMAL.getId()}/edit/consent_behavior" var="animalEditConsentBehaviorURL" />
|
|
|
|
<%@ include file="base/language.jsp" %>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="${language}">
|
|
<head>
|
|
<%@ include file="base/header.jsp" %>
|
|
<style type="text/css">
|
|
fieldset {
|
|
margin: auto;
|
|
width: 600px;
|
|
margin-top: 30px;
|
|
margin-bottom: 10px;
|
|
padding: 20px;
|
|
text-align: left;
|
|
border: 2px solid #aaa;
|
|
}
|
|
fieldset a {
|
|
width: 150px;
|
|
margin-bottom: 10px;
|
|
float: right;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<%@ include file="base/navbar.jsp" %>
|
|
<center><h1>
|
|
<fmt:message key="animal_care_and_behavior.title">
|
|
<fmt:param value="${MODEL_MAP_ANIMAL.getName()}" />
|
|
</fmt:message>
|
|
</h1></center>
|
|
<div class="row">
|
|
<div class="col-lg-1">
|
|
</div>
|
|
|
|
<div class="col-lg-5">
|
|
<h4><fmt:message key="animal_care_and_behavior.care_list"></fmt:message></h4>
|
|
<c:if test="${MODEL_MAP_ANIMAL.getListCares().size() == 0}">
|
|
<p><fmt:message key="animal_care_and_behavior.care_list.empty"></fmt:message></p>
|
|
</c:if>
|
|
<c:if test="${MODEL_MAP_ANIMAL.getListCares().size() != 0}">
|
|
<div class="list-group">
|
|
<c:forEach items="${MODEL_MAP_ANIMAL.getListCares()}" var="care">
|
|
<a href="${animalURL}/${MODEL_MAP_ANIMAL.getId()}/care/${care.getId()}" class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
${care.getName()}
|
|
<form class="pull-right" action="${animalDeleteCareURL}/${care.getId()}" method="POST">
|
|
<input value="${care.getName()}" hidden />
|
|
<button class="btn btn-danger" type="submit" data-toggle="tooltip" data-placement="bottom" title="<fmt:message key="animal_care_and_behavior.button.delete.tooltip"></fmt:message>"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
|
|
</form>
|
|
|
|
<form class="pull-right" action="${animalEditCareURL}/${care.getId()}" method="GET">
|
|
<input value="${care.getName()}" hidden />
|
|
<input value="${care.getDescription()}" hidden />
|
|
<button class="btn btn-default" type="submit" data-toggle="tooltip" data-placement="bottom" title="<fmt:message key="animal_care_and_behavior.button.edit.tooltip"></fmt:message>"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-1"></div>
|
|
<div class="col-lg-11"><small>${care.getDescription()}</small></div>
|
|
</div>
|
|
</a>
|
|
</c:forEach>
|
|
</div>
|
|
</c:if>
|
|
<hr/>
|
|
<h4><fmt:message key="animal_care_and_behavior.add_care"></fmt:message></h4>
|
|
<form id="addCareForm" action="${animalAddCareURL}" method="POST">
|
|
<input type="text" id="form_care_name" name="name" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.add_care.care_name.placeholder"></fmt:message>" required />
|
|
<textarea id="form_care_description_name" name="description" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.add_care.care_description.placeholder"></fmt:message>" ></textarea>
|
|
<button class="btn btn btn-primary" type="submit"><fmt:message key="animal_care_and_behavior.add_care.button.submit"></fmt:message></button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-lg-1">
|
|
</div>
|
|
|
|
<div class="col-lg-5">
|
|
<h4><fmt:message key="animal_care_and_behavior.behavior_list"></fmt:message></h4>
|
|
<c:if test="${MODEL_MAP_ANIMAL.getListConsentBehavior().size() == 0}">
|
|
<p><fmt:message key="animal_care_and_behavior.behavior_list.empty"></fmt:message></p>
|
|
</c:if>
|
|
<c:if test="${MODEL_MAP_ANIMAL.getListConsentBehavior().size() != 0}">
|
|
<div class="list-group">
|
|
<c:forEach items="${MODEL_MAP_ANIMAL.getListConsentBehavior()}" var="consentBehavior">
|
|
<a href="${animalURL}/${MODEL_MAP_ANIMAL.getId()}/consent_behavior/${consentBehavior.getId()}" class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
${consentBehavior.getName()}
|
|
<form class="pull-right" action="${animalDeleteConsentBehaviorURL}/${consentBehavior.getId()}" method="POST">
|
|
<input value="${consentBehavior.getName()}" hidden />
|
|
<button class="btn btn-danger" type="submit" data-toggle="tooltip" data-placement="bottom" title="<fmt:message key="animal_care_and_behavior.button.delete.tooltip"></fmt:message>"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
|
|
</form>
|
|
|
|
<form class="pull-right" action="${animalEditConsentBehaviorURL}/${consentBehavior.getId()}" method="GET">
|
|
<input value="${consentBehavior.getName()}" hidden />
|
|
<input value="${consentBehavior.getDescription()}" hidden />
|
|
<button class="btn btn-default" type="submit" data-toggle="tooltip" data-placement="bottom" title="<fmt:message key="animal_care_and_behavior.button.edit.tooltip"></fmt:message>"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-1"></div>
|
|
<div class="col-lg-11"><small>${consentBehavior.getDescription()}</small></div>
|
|
</div>
|
|
</a>
|
|
</c:forEach>
|
|
</div>
|
|
</c:if>
|
|
<hr/>
|
|
<h4><fmt:message key="animal_care_and_behavior.add_behavior"></fmt:message></h4>
|
|
<form id="addCareForm" action="${animalAddConsentBehaviorURL}" method="POST">
|
|
<input type="text" id="form_consent_behavior_name" name="name" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.add_behavior.care_name.placeholder"></fmt:message>" required />
|
|
<textarea id="form_consent_behavior_description_name" name="description" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.add_behavior.care_description.placeholder"></fmt:message>" ></textarea>
|
|
<button class="btn btn btn-primary" type="submit"><fmt:message key="animal_care_and_behavior.add_behavior.button.submit"></fmt:message></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<%@ include file="base/footer.jsp" %>
|
|
</div>
|
|
|
|
|
|
<div id="modal_delete_animal_care_or_behavior" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 id="modal_delete_animal_care_or_behavior_title" class="modal-title"></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p id="modal_delete_animal_care_or_behavior_body"></p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<form id="modal_delete_animal_care_or_behavior_validate_delete" class="pull-right" action="" method="POST">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><fmt:message key="modal_button.cancel"></fmt:message></button>
|
|
<button type="submit" class="btn btn-danger"><fmt:message key="modal_button.delete"></fmt:message></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit care -->
|
|
<div id="modal_edit_care" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 id="modal_edit_care_title" class="modal-title"><fmt:message key="animal_care_and_behavior.edit_care.modal.title"></fmt:message></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="modal_edit_care_form" action="" method="POST">
|
|
<label for="modal_edit_care_form_care_name"><fmt:message key="animal_care_and_behavior.edit_care.modal.name.label"></fmt:message></label>
|
|
<input type="text" id="modal_edit_care_form_care_name" name="name" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.edit_care.modal.name.placeholder"></fmt:message>" required />
|
|
<label for="modal_edit_care_form_care_description"><fmt:message key="animal_care_and_behavior.edit_care.modal.description.label"></fmt:message></label>
|
|
<textarea id="modal_edit_care_form_care_description" name="description" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.edit_care.modal.description.placeholder"></fmt:message>" ></textarea>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><fmt:message key="modal_button.cancel"></fmt:message></button>
|
|
<button form="modal_edit_care_form" type="submit" class="btn btn-primary"><fmt:message key="modal_button.edit"></fmt:message></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit behavior -->
|
|
<div id="modal_edit_consent_behavior" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
<h4 id="modal_edit_consent_behavior_title" class="modal-title"><fmt:message key="animal_care_and_behavior.edit_behavior.modal.title"></fmt:message></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="modal_edit_consent_behavior_form" action="" method="POST">
|
|
<label for="modal_edit_consent_behavior_form_behavior_name"><fmt:message key="animal_care_and_behavior.edit_behavior.modal.name.label"></fmt:message></label>
|
|
<input type="text" id="modal_edit_consent_behavior_form_behavior_name" name="name" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.edit_behavior.modal.name.placeholder"></fmt:message>" required />
|
|
<label for="modal_edit_consent_behavior_form_behavior_description"><fmt:message key="animal_care_and_behavior.edit_behavior.modal.description.label"></fmt:message></label>
|
|
<textarea id="modal_edit_consent_behavior_form_behavior_description" name="description" class="form-control" placeholder="<fmt:message key="animal_care_and_behavior.edit_behavior.modal.description.placeholder"></fmt:message>" ></textarea>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal"><fmt:message key="modal_button.cancel"></fmt:message></button>
|
|
<button form="modal_edit_consent_behavior_form" type="submit" class="btn btn-primary"><fmt:message key="modal_button.edit"></fmt:message></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
$("form").submit(function (event) {
|
|
if ($(this).attr('id') !== 'modal_delete_animal_care_or_behavior_validate_delete') {
|
|
var formUrl = $(this).attr('action');
|
|
if (formUrl.startsWith('${animalDeleteCareURL}') || formUrl.startsWith('${animalDeleteConsentBehaviorURL}')) {
|
|
// Only for deleting care or behavior forms
|
|
var careOrBehaviorName = $(this).find('input')[0].value;
|
|
$('#modal_delete_animal_care_or_behavior_title').text(careOrBehaviorName);
|
|
$('#modal_delete_animal_care_or_behavior_validate_delete').attr('action', formUrl);
|
|
if (formUrl.startsWith('${animalDeleteCareURL}')) {
|
|
$('#modal_delete_animal_care_or_behavior_body').text('<fmt:message key="animal_cares_and_behaviors.delete.modal_body.care"></fmt:message>');
|
|
} else if (formUrl.startsWith('${animalDeleteConsentBehaviorURL}')) {
|
|
$('#modal_delete_animal_care_or_behavior_body').text('<fmt:message key="animal_cares_and_behaviors.delete.modal_body.behavior"></fmt:message>');
|
|
}
|
|
$('#modal_delete_animal_care_or_behavior').modal({
|
|
show: true
|
|
});
|
|
event.preventDefault();
|
|
|
|
} else if (formUrl.startsWith('${animalEditCareURL}')) {
|
|
if ($(this).attr('id') !== 'modal_edit_care_form') {
|
|
// Only for editing care form
|
|
var data = $(this).find('input');
|
|
var careName = data[0].value;
|
|
var careDesc = data[1].value;
|
|
$('#modal_edit_care_form').attr('action', formUrl);
|
|
$('#modal_edit_care_form_care_name').val(careName);
|
|
$('#modal_edit_care_form_care_description').val(careDesc);
|
|
$('#modal_edit_care').modal({
|
|
show: true
|
|
});
|
|
event.preventDefault();
|
|
}
|
|
|
|
} else if (formUrl.startsWith('${animalEditConsentBehaviorURL}')) {
|
|
if ($(this).attr('id') !== 'modal_edit_consent_behavior_form') {
|
|
// Only for editing care form
|
|
var data = $(this).find('input');
|
|
var consentBehaviorName = data[0].value;
|
|
var consentBehaviorDesc = data[1].value;
|
|
$('#modal_edit_consent_behavior_form').attr('action', formUrl);
|
|
$('#modal_edit_consent_behavior_form_behavior_name').val(consentBehaviorName);
|
|
$('#modal_edit_consent_behavior_form_behavior_description').val(consentBehaviorDesc);
|
|
$('#modal_edit_consent_behavior').modal({
|
|
show: true
|
|
});
|
|
event.preventDefault();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|