<?php $input_title = array( 'name' => 'title', 'type' => 'text', 'value' => isset($title) ? $title : '', 'placeholder' => 'Tên bài hát', 'checked' => true, 'class' => '', 'style' => 'width: 100%' ); $input_link = array( 'name' => 'link', 'type' => 'text', 'value' => isset($link) ? $link : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_link_nct = array( 'name' => 'link_nct', 'type' => 'text', 'value' => isset($link_nct) ? $link_nct : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_link_keeng = array( 'name' => 'link_keeng', 'type' => 'text', 'value' => isset($link_keeng) ? $link_keeng : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_id_zing = array( 'name' => 'id_zing', 'type' => 'text', 'value' => isset($id_zing) ? $id_zing : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_id_keeng = array( 'name' => 'id_keeng', 'type' => 'text', 'value' => isset($id_keeng) ? $id_keeng : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_id_nct_str = array( 'name' => 'id_nct_str', 'type' => 'text', 'value' => isset($id_nct_str) ? $id_nct_str : '', 'placeholder' => '', 'class' => '', 'style' => 'width: 100%' ); $input_username = array( 'name' => 'username', 'type' => 'text', 'value' => isset($username) ? $username : '', 'placeholder' => 'Nhập username', 'class' => '', 'style' => 'width: 100%', 'min' => 1, 'max' => 50 ); $input_email = array( 'name' => 'email', 'type' => 'email', 'value' => isset($email) ? $email : '', 'placeholder' => 'Nhập email', 'class' => '', 'style' => 'width: 100%', ); $input_full_name = array( 'name' => 'full_name', 'type' => 'text', 'value' => isset($full_name) ? $full_name : '', 'placeholder' => 'Nhập tên đầy đủ', 'class' => '', 'style' => 'width: 100%', ); $check = "checked => 1"; (isset($source) && $source == 'zing' )? array_push($input_zing, $check) : ''; ?> <div class="row"> <div class="widget-box"> <div class="widget-header"> <p class="widget-title">Thêm mới bài hát</p> </div> <div class="widget-body"> <div class="widget-main"> <?php $attributes = array('class' => 'form-horizontal', 'id' => 'myform'); echo form_open_multipart(base_url('backend/cmsTrack/addTrack'), $attributes); ?> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-3"> <input type="hidden" name="id" value="" /> <?php if(validation_errors()){echo form_error('id', '<div class="error">', '</div>');} ?> </div> </div> <div class="form-group"> <label class="col-lg-3">Tên bài hát (*)</label> <div class="col-lg-3"> <?php echo form_input($input_title); if(validation_errors()){echo form_error('title', '<div class="error">', '</div>');} ?> </div> </div> <div class="form-group"> <label class="col-lg-3">Tên ca sĩ (*)</label> <div class="col-lg-3"> <select id='form-field-select-3' name="singer" style='width: 200px;' class="chosen-select form-control" data-placeholder="Choose a State..."> <?php if(!$singer):?> <option value="0">Chọn ca sĩ</option> <?php endif; ?> <?php foreach ($list_user as $singers): ?> <option value="<?php echo $singers['id']; ?>" <?php if($singer && $singer == $singers['id']){ echo 'selected="selected"';}else echo ''; ?>> <?php echo $singers['full_name']; ?> </option> <?php endforeach; ?> </select> <?php if(validation_errors()){echo form_error('singer', '<div class="error">', '</div>');} ?> </div> </div> <div class="form-group"> <label class="col-lg-3">Tên người sáng tác (*)</label> <div class="col-lg-3"> <select id='form-field-select-3' name="artist" style='width: 200px;' class="chosen-select form-control" data-placeholder="Choose a State..."> <option value="0">Chọn người sáng tác</option> <?php foreach ($list_user as $artists): ?> <option value="<?php echo $artists['id']; ?>" <?php if($artist && $artist == $artists['id']){ echo 'selected="selected"';}else echo ''; ?>> <?php echo $artists['full_name']; ?> </option> <?php endforeach; ?> </select> <?php if(validation_errors()){echo form_error('artist', '<div class="error">', '</div>');} ?> </div> <div id="add_composer" style="display: none;"> <a href="#myModal" role="button" class="btn btn-success" data-toggle="modal">Thêm nghệ sĩ</a> </div> </div> <div class="form-group"> <label class="col-lg-3">Ảnh bài hát</label> <div class="col-lg-3"> <input type="file" name="avatar" size="20" /> </div> </div> <!-- Nguồn từ Zing --> <div class="form-group"> <label class="col-lg-3">Nguồn nhạc Zing (nếu có)</label> <div class="col-lg-3"> <p>ID bài hát ở Zing:</p><input type="text" id="id_zing" name="id_zing" class="form-control"> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link bài hát ở Zing:</p><?php echo form_input($input_link); ?> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link ảnh bài hát ở Zing:</p><?php echo form_input($input_link); ?> </div> </div> <!-- Nguồn từ NCT --> <div class="form-group"> <label class="col-lg-3">Nguồn nhạc NCT (nếu có)</label> <div class="col-lg-3"> <p>ID bài hát ở NCT:</p><input type="text" id="id_zing" name="id_zing" class="form-control"> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link bài hát ở NCT:</p><?php echo form_input($input_link); ?> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link ảnh bài hát ở NCT:</p><?php echo form_input($input_link); ?> </div> </div> <!-- Nguồn từ Keeng --> <div class="form-group"> <label class="col-lg-3">Nguồn nhạc Keeng (nếu có)</label> <div class="col-lg-3"> <p>ID bài hát ở Keeng:</p><input type="text" id="id_zing" name="id_zing" class="form-control"> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link bài hát ở Keeng:</p><?php echo form_input($input_link); ?> </div> </div> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-9"> <p>Link ảnh bài hát ở Keeng:</p><?php echo form_input($input_link); ?> </div> </div> <!-- Nút nhấn xử lý --> <div class="form-group"> <div class="col-lg-3"> <a href="<?php echo base_url('backend/cmsTrack/listTrack');?>" onclick="return confirm('Bạn có chắc chắn muốn quay lại Danh sách không?')"> <button type="button" class="btn btn-sm btn-default"> <i class="ace-icon fa fa-arrow-left"></i>Quay lại </button> </a> </div> <div class="col-lg-4"> <button class="btn btn-sm btn-primary" type="submit" name="btnSave"> <i class="ace-icon fa fa-check bigger-110"></i>Lưu lại </button> <button class="btn btn-sm" type="reset"> <i class="ace-icon fa fa-undo bigger-110"></i>Xóa form </button> </div> </div> <?php echo form_close(); ?> <p class="text-danger">Chú ý: Có thể cập nhật lại ca sĩ hoặc nhạc sĩ.</p> </div> </div> </div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Thêm mới Ca sĩ/Nhạc sĩ</h3> </div> <div class="modal-body"> <div class="row"> <div class="widget-box"> <div class="widget-body"> <div class="widget-main"> <form id="form_add_artist" method="POST" class="form-horizontal"> <span id="err" class="text-danger"></span> <div class="form-group"> <label class="col-lg-3"></label> <div class="col-lg-3"> <input type="hidden" name="id" value="" /> </div> </div> <div class="form-group err-full-name" id="err-full-name"> <label class="col-lg-3">Tên đầu đủ (*)</label> <div class="col-lg-3"> <input type="text" name="full_name" value="" class="form-control" style="width:100%;" placeholder="Nhập họ tên đầy đủ" /> </div> </div> <div class="form-group"> <label class="col-lg-3">Link Zingmp3</label> <div class="col-lg-6"> <input type="text" name="link_zing" value="" class="form-control" style="width:100%;" placeholder="Nhập link ZingMp3" /> </div> <div class="col-lg-3 text-right"> <span><a href="https://zingmp3.vn/the-loai-nghe-si/Viet-Nam/IWZ9Z08I.html" target="_blank" >Lấy link ở ZingMp3</a></span> </div> </div> <div class="form-group"> <label class="col-lg-3">Link Nhạc của tui</label> <div class="col-lg-6"> <input type="text" name="link_nct" value="" class="form-control" style="width:100%;" placeholder="Nhập link NCT" /> </div> <div class="col-lg-3 text-right"> <span><a href="https://www.nhaccuatui.com/nghe-si.html" target="_blank">Lấy link ở NCT</a></span> </div> </div> <div class="form-group"> <label class="col-lg-3">Link Keeng</label> <div class="col-lg-6"> <input type="text" name="link_keeng" value="" class="form-control" style="width:100%;" placeholder="Nhập Link Keeng" /> </div> <div class="col-lg-3 text-right"> <span><a href="http://keeng.vn/danh-sach-ca-si" target="_blank">Lấy link ở Keeng</a></span> </div> </div> <div class="form-group"> <div class="col-lg-3"> <a href="<?php echo base_url('backend/cmsArtist/listArtist') ?>" onclick="return confirm('Bạn có chắc chắn muốn quay lại Danh sách không?')"> <button type="button" class="btn btn-sm btn-default"> <i class="ace-icon fa fa-arrow-left"></i>Quay lại </button> </a> </div> <div class="col-lg-4"> <button class="btn btn-sm btn-primary" id="add_artists" name="btnSave"> <i class="ace-icon fa fa-check bigger-110"></i>Lưu lại </button> <button class="btn btn-sm" type="reset"> <i class="ace-icon fa fa-undo bigger-110"></i>Xóa form </button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div><!-- /.row --> <script> $(document).ready(function() { show_src_option($('#src_option').val()); // Hiện ẩn option khi click nct $('input[type="radio"]').click(function() { show_src_option($(this).val()); }); $('input[name="source"]').click(function() { $('#src_option').val($(this).val()); }) $('.chosen-select').chosen({ allow_single_deselect: true, no_results_text: "Không có kết quả cần tìm" }); $(window) .off('resize.chosen') .on('resize.chosen', function() { $('.chosen-select').each(function() { var $this = $(this); $this.next().css({ 'width': $this.parent().width() }); }) }).trigger('resize.chosen'); //resize chosen on sidebar collapse/expand $(document).on('settings.ace.chosen', function(e, event_name, event_val) { if (event_name != 'sidebar_collapsed') return; $('.chosen-select').each(function() { var $this = $(this); $this.next().css({ 'width': $this.parent().width() }); }) }); //Hiển thị nút thêm mới nghệ sĩ $('#add_composer').hide(); $('.chosen-single').click(function() { $('#add_composer').hide(); var count = 0; var count1 = 0; $('.chosen-with-drop .chosen-drop .chosen-search input').keyup(function() { count = $(".chosen-with-drop .chosen-drop .no-results").size(); count1 = $(".chosen-with-drop .chosen-drop .active-result").size(); var keywork1 = $('.chosen-with-drop .chosen-drop .chosen-search input').val(); if (count1 > 0 && keywork1 != '') { if (count == 1) { $('#add_composer').hide(); } else if (count == 0) { $('#add_composer').hide(); } } else { if(count == 1) { $('#add_composer').show(); } else if(count == 0) { $('#add_composer').hide(); } } }); }); }); var url = '<?php echo base_url('backend/cmsArtist/addArtistAjax'); ?>'; //Thêm mới nghệ sĩ $('#add_artists').click(function(e) { $('#err').empty(); e.preventDefault(); var formData = new FormData(); //append some non-form data also formData.append('full_name', $("input[name='full_name']").val()); formData.append('link_zing', $("input[name='link_zing']").val()); formData.append('link_nct', $("input[name='link_nct']").val()); formData.append('link_keeng', $("input[name='link_keeng']").val()); $.ajax({ url: url, type: 'POST', data: formData, dataType: 'json', processData: false, contentType: false, success: function(data) { if (data['check_full_name']) { $('#err').append(data['check_full_name']); $('#err-full-name').addClass('has-error'); } else $('#err-full-name').removeClass('has-error'); if(data['success']){ $("#form_add_artist").trigger("reset"); alert('Tạo nghệ sĩ thành công!'); location.reload(true); $('#myModal').modal('hide'); } } }); }); // validation $('#add_composer').click(function() { $("input[name='full_name']").keyup(function(){ if ($("input[name='full_name']").val() == '') { $('#err').append('Vui lòng nhập họ tên'); $('.err-full-name').addClass('has-error'); } else { $('#err').empty(); $('.err-full-name').removeClass('has-error'); $('.err-full-name').addClass('has-success'); } var full_name = $("input[name='full_name']").val(); // var email = $("input[name='email']").val(); // var username = $("input[name='username']").val(); validation(full_name); }); }); // validation function validation(username = null, email = null, full_name) { // var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; // var email_vali = regex.test(email); if (full_name != '') { $("#add_artists").attr("disabled", false); } else { $("#add_artists").attr("disabled", true); } } function show_src_option(status) { if (status == 'nct') { $('#nct_id').show(); } else $('#nct_id').hide(); } </script>