public function main() { ?> <div id="main"> <?php $users_roles = users_roles::get(); // debug($users_roles); ?> </div> <?php }
public function main() { ?> <div id="main"> <?php $users = users::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 ($users as $user) { ?> <tr id="user-<?php echo $user->id; ?> "> <td class="small numeric"><?php echo $user->id; ?> </td> <td><?php echo $user->name; ?> </td> <td><?php echo $user->role; ?> </td> <?php $role_id = users_roles::get_by_name($user->role); ?> <td class="icon first no-border"> <a href="#" onclick="$('#edit_modal').modal('show'); $('.id').val('<?php echo $user->id; ?> '); $('.editusername').val('<?php echo $user->name; ?> '); $('#edit_role').val('<?php echo $role_id->id; ?> '); $('#user_role_dd').dropdown('set selected',<?php echo $role_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('users', 'remove', $user->id); ?> ').done(function(answer) { answer_removed(answer, <?php echo $user->id; ?> ); }); return false;"> <i class="icon remove circle" title="Удалить"></i> </a> </td> </tr> <?php } ?> </tbody> </table> </div> <script> function answer_removed(answer, user_id) { console.log(answer); switch(answer) { case '<?php echo RUDE_AJAX_ERROR; ?> ': break; case '<?php echo RUDE_AJAX_OK; ?> ': console.log(this); $('#user-' + user_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="username">Имя пользователя</label> <div class="ui left labeled input icon"> <input class="username" name="username" type="text" placeholder="Имя вашего нового пользователя..."> <i class="user icon"></i> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label for="password">Пароль</label> <div class="ui left labeled input icon"> <input class="password" name="password" type="password"> <i class="lock icon"></i> <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="role_name"> <div style="max-height: 150px;" class="menu"> <?php $users_roles = users_roles::get(); foreach ($users_roles as $role) { ?> <div class="item" data-value="<?php echo $role->id; ?> "><?php echo $role->name; ?> </div> <?php } ?> </div> </div> </div> <div class="ui error message"> <div class="header">Найдены ошибки при заполнении формы</div> </div> <div class="ui blue submit button">Добавить</div> </div> </div> </div> <script> $('#add_modal .ui.form') .form({ username: { identifier : 'username', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите имя для пользователя.' } ] }, role_name: { identifier : 'role_name', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите роль для пользователя.' } ] }, password: { identifier : 'password', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите пароль для пользователя.' }, { type : 'length[6]', prompt : 'Ваш пароль должен быть хотя бы 6 символов в длину.' } ] } }, { onSuccess: function() { var username = $('#add_modal .username').val(); var password = $('#add_modal .password').val(); var role_id = $('#role_name').val(); $.ajax({ url : '/?page=registration', type: 'POST', data : { username: username, password: password, role_id : role_id }, success: function(answer) { console.log(answer); if (answer) { $('#add_modal .ui.error.message').html('<ul class="list"><li>' + answer + '</li></ul>').show('slow'); } else { rude.redirect('/?page=users'); } } }); } }) ; </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="editusername">Имя пользователя</label> <div class="ui left labeled input"> <input class="editusername" name="editusername" 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="field"> <label for="edit_password">Пароль</label> <div class="ui left labeled input"> <input class="edit_password" name="edit_password" type="password"> <i class="lock icon"></i> <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="user_role_dd"> <div class="text">Выберите роль</div> <input type="hidden" id="edit_role"> <div style="max-height: 150px;" class="menu"> <?php $roles_list = users_roles::get(); foreach ($roles_list as $role) { ?> <div class="item" data-value="<?php echo $role->id; ?> "><?php echo $role->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({ editusername: { identifier : 'editusername', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите имя пользователя.' } ] }, edit_role: { identifier : 'edit_role', rules: [ { type : 'empty', prompt : 'Пожалуйста, укажите роль пользователя.' } ] } }, { onSuccess: function() { var name = $('.editusername').val(); var id = $('.id').val(); var role_id = $('#edit_role').val(); $.post('/?page=users&task=edit&id='+id+'&name='+name+'&role_id='+role_id+'&ajax=true') .done(function() { $('#edit_modal').modal('hide'); rude.redirect('/?page=users');}); return false; } }) ; </script> <?php }