77 lines
2.6 KiB
PHP
77 lines
2.6 KiB
PHP
<style>
|
|
#modal_add_subject {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.modal-body {
|
|
padding: 20px;
|
|
/* Add some padding */
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
/* Adjust margin for better spacing */
|
|
}
|
|
|
|
.widget-toolbox {
|
|
display: flex;
|
|
/* Use flexbox for better alignment */
|
|
justify-content: space-between;
|
|
/* Space out the buttons */
|
|
padding: 10px;
|
|
}
|
|
|
|
.btn {
|
|
margin-right: 5px;
|
|
/* Add margin to buttons for spacing */
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="modal fade" id="modal_add_skill" role="dialog" aria-hidden="true">
|
|
<form role="form" id="skill_form" name="subject_form" action="#" method="post" style="max-width: 600px; margin: auto;">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="widget-header">
|
|
<h5 class="widget-title">Add Skill</h5>
|
|
<div class="widget-toolbar">
|
|
<div class="widget-menu">
|
|
<a href="#" class="close" data-action="close" data-dismiss="modal">
|
|
<i class="ace-icon fa fa-times"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="skill_name">Skill Name <span style="color: red;">*</span> </label>
|
|
<input type="hidden" class="form-control" name="skill_id" id="skill_id" value="" />
|
|
<input type="text" class="form-control" name="skill_name" id="skill_name" placeholder="Skill Name" />
|
|
</div>
|
|
</div>
|
|
<div class="widget-toolbox padding-8 clearfix">
|
|
<button type="button" class="btn btn-info btn-sm save_button" onclick="validate();">
|
|
<i class="ace-icon fa fa-floppy-o bigger-110"></i> Save
|
|
</button>
|
|
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">
|
|
<i class="ace-icon fa fa-times bigger-110"></i> Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
function validate() {
|
|
var skill_name = $('#skill_name').val();
|
|
|
|
if (skill_name.trim() === '') {
|
|
BootstrapDialog.alert('Please Enter Skill Name!');
|
|
return false;
|
|
}
|
|
|
|
// You can add more validation checks if needed
|
|
save_section(); // Call to save function if validation passes
|
|
}
|
|
</script> |