public function main() { ?> <div id="main"> <?php $faculties = faculties::get(); ?> <table class="ui table segment square-corners celled"> <thead> <tr class="header"> <th class="numeric">#</th> <th>Полное наименование</th> <th>Краткое</th> <th colspan="2" class="right icon-add"><i class="icon add sign pointer" title="Добавить" onclick="$('#add_modal').modal('show');"></i></th> </tr> </thead> <tbody> <?php foreach ($faculties as $faculty) { ?> <tr id="faculty-<?php echo $faculty->id; ?> "> <td class="small numeric"><?php echo $faculty->id; ?> </td> <td><?php echo $faculty->name; ?> </td> <td><?php echo $faculty->shortname; ?> </td> <td class="icon first no-border"> <a href="#" onclick="$('#edit_modal').modal('show'); $('.id').val('<?php echo $faculty->id; ?> '); $('.editname').val('<?php echo $faculty->name; ?> '); $('.editshortname').val('<?php echo $faculty->shortname; ?> ');"> <i class="icon edit" title="Редактировать"></i> </a> </td> <td class="icon last no-border"> <a href="#" onclick="$.post('<?php echo template_url::ajax('faculties', 'remove', $faculty->id); ?> ').done(function(answer) { answer_removed(answer, <?php echo $faculty->id; ?> ); }); return false;"> <i class="icon remove circle" title="Удалить"></i> </a> </td> </tr> <?php } ?> </tbody> </table> </div> <script> function answer_removed(answer, faculty_id) { console.log(answer); switch(answer) { case '<?php echo RUDE_AJAX_ERROR; ?> ': break; case '<?php echo RUDE_AJAX_OK; ?> ': console.log(this); $('#faculty-' + faculty_id).fadeOut('slow'); break; case '<?php echo RUDE_AJAX_ACCESS_VIOLATION; ?> ': $('#access-violation').modal('show'); break; default: break; } return false; } </script> <div id="add_modal" class="ui modal"> <i class="close icon"></i> <div class="header"> Добавить факультет </div> <div class="content"> <div class="ui form segment"> <div class="field"> <label for="name">Полное наименование факультета</label> <div class="ui left labeled input"> <input class="name" name="name" type="text" placeholder="Полное наименование факультета"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label for="shortname">Краткое наименование факультета</label> <div class="ui left labeled input"> <input class="shortname" name="shortname" type="text" placeholder="Краткое наименование факультета"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="ui error message"> <div class="header">Найдены ошибки при заполнении формы</div> </div> <div class="ui blue submit button" value="add">Добавить</div> </div> </div> </div> <script> $('#add_modal .ui.form') .form({ name: { identifier : 'name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите полное наименование факультета.' } ] }, shortname: { identifier : 'shortname', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите краткое наименование факультета.' } ] } }, { onSuccess: function() { var name = $('.name').val(); var shortname = $('.shortname').val(); $.post('/?page=faculties&task=add&name='+name+'&shortname='+shortname+'&ajax=true') .done(function() { $('#add_modal').modal('hide'); rude.redirect('/?page=faculties'); }); return false; } }) ; </script> <div id="edit_modal" class="ui modal"> <i class="close icon"></i> <div class="header"> Редактировать факультет </div> <div class="content"> <div class="ui form segment"> <div class="field"> <label for="editname">Полное наименование факультета</label> <div class="ui left labeled input"> <input class="editname" name="editname" type="text" placeholder="Полное наименование факультета"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label for="editshortname">Краткое наименование факультета</label> <div class="ui left labeled input"> <input class="editshortname" name="editshortname" type="text" placeholder="Краткое наименование факультета"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field" hidden> <label for="id">id</label> <div class="ui left labeled input"> <input class="id" name="id" type="text" placeholder="id"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="ui error message"> <div class="header">Найдены ошибки при заполнении формы</div> </div> <div class="ui blue submit button" value="add">Изменить</div> </div> </div> </div> <script> $('#edit_modal .ui.form') .form({ editname: { identifier : 'editname', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите полное наименование факультета.' } ] }, editshortname: { identifier : 'editshortname', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите краткое наименование факультета.' } ] } }, { onSuccess: function() { var name = $('.editname').val(); var shortname = $('.editshortname').val(); var id = $('.id').val(); $.post('/?page=faculties&task=edit&id='+id+'&name='+name+'&shortname='+shortname+'&ajax=true') .done(function() { $('#edit_modal').modal('hide'); rude.redirect('/?page=faculties'); }); return false; } }) ; </script> <?php }
public function main() { ?> <div id="main"> <?php $specialties = specialties::get(); ?> <table class="ui table segment square-corners celled"> <thead> <tr class="header"> <th class="numeric">#</th> <th>Наименование</th> <th class="middle">Факультет</th> <th>Квалификация</th> <th colspan="2" class="right icon-add"><i class="icon add sign pointer" title="Добавить" onclick="$('#add_modal').modal('show');"></i></th> </tr> </thead> <tbody> <?php foreach ($specialties as $specialty) { ?> <tr id="specialty-<?php echo $specialty->id; ?> "> <td class="small numeric"><?php echo $specialty->id; ?> </td> <td><?php echo $specialty->name; ?> </td> <td class="middle"><?php echo $specialty->faculty_shortname; ?> </td> <td><?php echo $specialty->qualification_name; ?> </td> <?php $faculty_id = faculties::get_by_shortname($specialty->faculty_shortname); $qualificatio_id = qualifications::get_by_name($specialty->qualification_name); ?> <td class="icon first no-border"> <a href="#" onclick="$('#edit_modal').modal('show'); $('.id').val('<?php echo $specialty->id; ?> '); $('.editname').val('<?php echo $specialty->name; ?> '); $('#editfaculty_shortname').val(<?php echo $faculty_id->id; ?> ); $('#faculty_dd').dropdown('set selected',<?php echo $faculty_id->id; ?> ); $('#editqualificatio_name').val('<?php echo $qualificatio_id->id; ?> '); $('#qualificatio_dd').dropdown('set selected',<?php echo $qualificatio_id->id; ?> );"> <i class="icon edit" title="Редактировать"></i> </a> </td> <td class="icon last no-border"> <a href="#" onclick="$.post('<?php echo template_url::ajax('specialties', 'remove', $specialty->id); ?> ').done(function(answer) { answer_removed(answer, <?php echo $specialty->id; ?> ); }); return false;"> <i class="icon remove circle" title="Удалить"></i> </a> </td> </tr> <?php } ?> </tbody> </table> </div> <script> function answer_removed(answer, specialty_id) { console.log(answer); switch(answer) { case '<?php echo RUDE_AJAX_ERROR; ?> ': break; case '<?php echo RUDE_AJAX_OK; ?> ': console.log(this); $('#specialty-' + specialty_id).fadeOut('slow'); break; case '<?php echo RUDE_AJAX_ACCESS_VIOLATION; ?> ': $('#access-violation').modal('show'); break; default: break; } return false; } </script> <div id="add_modal" class="ui modal"> <i class="close icon"></i> <div class="header"> Добавить специальность </div> <div class="content"> <div class="ui form segment"> <div class="field"> <label for="name">Наименование специальности</label> <div class="ui left labeled input"> <input class="name" name="name" type="text" placeholder="Наименование специальности"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label>Факультет</label> <div class="ui fluid selection dropdown"> <div class="default text" >Выберите факультет</div> <input type="hidden" id="faculties_name"> <div style="max-height: 150px;" class="menu"> <?php $faculty_list = faculties::get(); foreach ($faculty_list as $faculty) { ?> <div class="item" data-value="<?php echo $faculty->id; ?> "><?php echo $faculty->shortname; ?> </div> <?php } ?> </div> </div> </div> <div class="field"> <label>Квалификация</label> <div maxlength="50" style="max-height: 16px;" class="ui fluid selection dropdown"> <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: 413px;" class="default text">Выберите квалификацию</div> <input type="hidden" id="qualificatio_name"> <div style="max-height: 150px; max-width:418px;" class="menu"> <?php $qualification_list = qualifications::get(); foreach ($qualification_list as $qualification) { ?> <div class="item" data-value="<?php echo $qualification->id; ?> "><?php echo $qualification->name; ?> </div> <?php } ?> </div> </div> </div> <div class="ui error message"> <div class="header">Найдены ошибки при заполнении формы</div> </div> <div class="ui blue submit button" value="add">Добавить</div> </div> </div> </div> <script> $('#add_modal .ui.form') .form({ name: { identifier : 'name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите наименование кафедры.' } ] }, qualificatio_name:{ identifier : 'qualificatio_name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите квалификацию.' } ] }, faculties_name: { identifier : 'faculties_name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите факультет.' } ] } }, { onSuccess: function() { var name = $('.name').val(); var faculti_id = $('#faculties_name').val(); var qualif_id = $('#qualificatio_name').val(); $.post('/?page=specialties&task=add&name='+name+'&faculti_id='+faculti_id+'&qualif_id='+qualif_id+'&ajax=true') .done(function() { $('#add_modal').modal('hide'); rude.redirect('/?page=specialties');}); return false; } }) ; </script> <div id="edit_modal" class="ui modal"> <i class="close icon"></i> <div class="header"> Редактировать специальность </div> <div class="content"> <div class="ui form segment"> <div class="field"> <label for="editname">Наименование специальности</label> <div class="ui left labeled input"> <input class="editname" name="editname" type="text" placeholder="Наименование специальности"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field" hidden> <label for="id">id</label> <div class="ui left labeled icon input"> <input class="id" name="id" type="text" placeholder="id"> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label>Факультет</label> <div class="ui fluid selection dropdown" id="faculty_dd"> <div class="text" id="facul_text">Выберите факультет</div> <input type="hidden" id="editfaculty_shortname"> <div style="max-height: 150px;" class="menu"> <?php $faculty_list = faculties::get(); foreach ($faculty_list as $faculty) { ?> <div class="item" data-value="<?php echo $faculty->id; ?> "><?php echo $faculty->shortname; ?> </div> <?php } ?> </div> </div> </div> <div class="field"> <label>Квалификация</label> <div maxlength="50" style="max-height: 16px;" class="ui fluid selection dropdown" id="qualificatio_dd"> <div style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width: 413px;" class="text">Выберите квалификацию</div> <input type="hidden" id="editqualificatio_name"> <div style="max-height: 150px; max-width:418px;" class="menu"> <?php $qualification_list = qualifications::get(); foreach ($qualification_list as $qualification) { ?> <div class="item" data-value="<?php echo $qualification->id; ?> "><?php echo $qualification->name; ?> </div> <?php } ?> </div> </div> </div> <div class="ui error message"> <div class="header">Найдены ошибки при заполнении формы</div> </div> <div class="ui blue submit button" value="edit">Изменить</div> </div> </div> </div> <script> $('#edit_modal .ui.form') .form({ editname: { identifier : 'editname', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите наименование кафедры.' } ] }, editqualificatio_name:{ identifier : 'editqualificatio_name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите квалификацию.' } ] }, editfaculty_shortname: { identifier : 'editfaculty_shortname', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите факультет.' } ] } }, { onSuccess: function() { var name = $('.editname').val(); var id = $('.id').val(); var faculti_id = $('#editfaculty_shortname').val(); var qualif_id = $('#editqualificatio_name').val(); $.post('/?page=specialties&task=edit&id='+id+'&name='+name+'&faculti_id='+faculti_id+'&qualif_id='+qualif_id+'&ajax=true') .done(function() { $('#edit_modal').modal('hide'); rude.redirect('/?page=specialties');}); return false; } }) ; </script> <?php }