perbaikan 84 - view

<section class="content-header">
    <h1>
        <?php echo strtoupper(lang('index_heading'));?>
        <small><?php echo lang('index_subheading');?></small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-suitcase"></i>Seting</a></li>
        <li class="active"><?php echo lang('index_heading');?></li>
    </ol>
</section>
<section class="content">

    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary">
                <div class='box-header with-border'>
                    <h3 class='box-title'><a onclick="add_user()" class="btn btn-primary btn-small">
                            <i class="glyphicon glyphicon-plus"></i> <?php echo lang('index_create_user_link');?></a></h3>
                            <label calss='control-label' ></label>
                </div>
                <div class="box-body table-responsive">
                    <table id="mytable" class="table table-bordered table-striped" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>No.</th>
                                <th>Nama User</th>
                                <th>Nama Lengkap</th>
                                <th>Alamat Email</th>
                                <th>Nama Perusahaan</th>
                                <th>Telpn</th>
                                <th>Status</th>
                                <th>Edit</th>
                                <th>Delete</th>
                            </tr>
                        </thead>
                       <?php
                       $no=1;
                       foreach ($tb_users as $user){
                           echo"
                               <tr>
                               <td>$no</td>
                               <td>".$user->username."</td>
                               <td>".strtoupper($user->first_name),' ',strtoupper($user->last_name)."</td>
                               <td>".$user->email."</td>
                               <td>".strtoupper($user->company)."</td>
                               <td>".$user->phone."</td>
                               ";?>
                               <td><?php echo ($user->active) ? anchor("auth/deactivate/".$user->id, lang('index_active_link')) : anchor("auth/activate/". $user->id, lang('index_inactive_link'));?></td>

                               <td><a onclick="edit_user(<?php echo $user->id;?>)"><i class="btn btn-info btn-sm glyphicon glyphicon-edit" data-toggle="tooltip" title="Edit"></i></a></td>
                              <?php
                               echo"
                               <td>" . anchor('auth/delete/' . $user->id, '<i class="btn-sm btn-info glyphicon glyphicon-trash" data-toggle="tooltip" title="Delete"></i>', array('onclick' => "return confirm('Data Akan di Hapus?')")) . "</td>

                               </tr>";
                           $no++;
                       }
                       ?>
                    </Table>
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </div>
    </div>
</section><!-- /.content -->
<script src="<?php echo base_url();?>assets/js/jquery-1.12.0.min.js"></script>
<script src="<?php echo base_url();?>assets/js/plugins/datatables/jquery.dataTables.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#mytable").dataTable();
    });
</script>
<script type="text/javascript">

var save_method; //for save method string
var table;

  function get_crsf(){
    $("input[id='crsf']").remove();

    $.ajax({
        url : "<?php echo site_url('auth/crsf_ajax');?>",
        type: "POST",
        dataType: "JSON",
        success: function(data)
        {
            $.map(data.crsf, function(k, v){
            crsfKey = v;
            crsfValue = k;
            });

            var crsf = [];

            var crsf = '<input type="hidden" id="crsf" name="'+crsfKey+'" value="'+crsfValue+'" /> ';

            $('#form').append(crsf);
        },
        error: function (xhr, ajaxoptions, errorThrown)
        {
            console.log('Error get crsf ajax data');
            console.log(xhr.status);
            console.log(errorThrown);
            console.log(xhr.responseText)
        }
    });
  };

  function add_user()
  {
      save_method = 'add';
      $('#form')[0].reset(); // reset form on modals
      $('.form-group').removeClass('has-error'); // clear error class
      $('.help-block').empty(); // clear error string
      get_crsf();
      $('#myModal').modal('show'); // show bootstrap modal
      $('.modal-title').text('MENAMBAHKAN USER'); // Set Title to Bootstrap modal title
  }

  function simpan(id)
  {
      var url;

      if(save_method == 'add') {
          url = "<?php echo site_url('auth/create_user');?>";
      } else {
          url = "<?php echo site_url('auth/edit_user/')?>"+id;
      }
      // ajax adding data to database
      $.ajax({
          url : url,
          type: "POST",
          data: $('#form').serialize(),
          dataType: "JSON",
          success: function(data)
          {
              $('#myModal').modal('hide');
              alert('Success Adding/Update data');
          },
          error: function (jqXHR, textStatus, errorThrown)
          {
              alert("Gagal menambahkan/Edit user, mungkin user sudah ada/kesalahan data !!!");
console.log( jqXHR, textStatus, errorThrown );
          }
      });
  }

  function edit_user(id)
  {
    save_method = 'update';
    $('#form')[0].reset(); // reset form on modals
    // $('.form-group').removeClass('has-error'); // clear error class
    // $('.help-block').empty(); // clear error string
    //Ajax Load data from ajax
    $.ajax({
        url : "<?php echo site_url('auth/edit_user')?>/"+id,
        type: "GET",
        dataType: "JSON",
        success: function(data)
        {
/*
metode nulis dibawah ini tidak disarankan
*/
            $('[name="id"]').val(data.id);
            $('[name="first_name"]').val(data.user['first_name']);
            $('[name="last_name"]').val(data.user['last_name']);
            $('[name="username"]').val(data.user['username']);
            $('[name="email"]').val(data.user['email']);
            $('[name="name_toko"]').val(data.user['company']);
            $('[name="phone"]').val(data.user['phone']);
            get_crsf();

            $('#myModal').modal('show'); // show bootstrap modal when complete loaded
            $('.modal-title').text('Edit User'); // Set title to Bootstrap modal title

        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            alert('Error get data from ajax');
        }
    });
  }
</script>

<!-- Bootstrap modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title">Person Form</h3>
            </div>
            <div class="modal-body form">
                <?php
                    echo form_open('auth/create_user','id=form');
                ?>
                  <div class="text-red"><?php echo $message;?></div>
                    <div class="box-body">
                        <?php echo form_hidden('id', $user->id);?>
                        <div class="form-group">
                            <label for="example">Nama Depan</label>
                            <input type="text" name="first_name" id="first_name" class="form-control" required oninvalid="setCustomValidity('Nama Depan !')"
                                   oninput="setCustomValidity('')" placeholder="Masukan Nama Depan" >
                        </div>
                        <div class="form-group">
                            <label for="">Nama Belakang</label>
                            <input type="text" class="form-control" name="last_name" id="last_name" required oninvalid="setCustomValidity('Nama Belakang !')"
                                   oninput="setCustomValidity('')" placeholder="Masukan Nama Belakang">
                        </div>
                         <div class="form-group">
                            <label for="">Nama Pengguna</label>
                            <input type="text" class="form-control" name="username" id="username" required oninvalid="setCustomValidity('Nama Pengguna !')"
                                   oninput="setCustomValidity('')" placeholder="Nama Pengguna">
                            <?php echo form_error('username', '<div class="text-red">', '</div>'); ?>
                        </div>
                        <div class="form-group">
                            <label for="">Alamat Email (jika edit jangan di ganti)</label>
                            <input type="email" class="form-control" name="email" id="email" required oninvalid="setCustomValidity('Email Kosong/ Format Tidak Sesuai !')"
                                   oninput="setCustomValidity('')" placeholder="example@example.com">
                        </div>
                        <div class="form-group">
                            <label for="">Nama Perusahaan</label>
                            <input type="text" class="form-control" name="name_toko" id="name_toko" required oninvalid="setCustomValidity('Nama Perusahaan Kosong !')"
                                   oninput="setCustomValidity('')" placeholder="Masukan Nama Perusahaan">
                        </div>
                        <div class="form-group">
                            <label for="">Nomor Handphone</label>
                            <input type="number" class="form-control" name="phone" id="phone" required oninvalid="setCustomValidity('Nama Perusahaan Kosong !')"
                                   oninput="setCustomValidity('')" placeholder="Masukan No Handphone">
                        </div>
                        <div class="form-group">
                            <label for="">Password</label>
                            <input type="password" class="form-control" name="password" id="password" required oninvalid="setCustomValidity('Password Kosong !')"
                                   oninput="setCustomValidity('')" placeholder="Masukan Password (min 8 max 20)">
                        </div>
                        <div class="form-group">
                            <label for="">Ulangi Password</label>
                            <input type="password" class="form-control" name="password_confirm" id="password_confirm" required oninvalid="setCustomValidity('Ulang Password Kosong !')"
                                   oninput="setCustomValidity('')" placeholder="Ulangi Password">
                        </div>
                    </div><!-- /.box-body -->

            </div>
            <div class="modal-footer">
                <button type="button" id="btnSave" onclick="simpan()" class="btn btn-primary">Save</button>
<!-- alamatnya tidak masuk akal <?php echo $user->id;?> --->
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->