<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="scontainer"> <div class="clearfix"> <div class="col-md-12"> <div class="kutu"> <div class="kutu-header with-border"> <h3 class="kutu-title">Son Projeler</h3> <div class="kutu-tools pull-right"> <a class="btn btn-kutu-tool btn-warning" href="http://www.proje-fabrikasi.com/crm/index.php?page=proje_add"><i class="fa fa-plus"></i> Yeni Proje Ekle </a> </div> </div> <div class="kutu-body" id="satislar"> <div class="table-responsive"> <div id="projelisttable_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer"><div class="row"><div class="col-sm-6"><div class="dataTables_length" id="projelisttable_length"><label>Sayfada <select name="projelisttable_length" aria-controls="projelisttable" class="form-control input-sm"><option value="10">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> Kayıt Göster</label></div></div><div class="col-sm-6"><div id="projelisttable_filter" class="dataTables_filter"><label>Bul:<input type="search" class="form-control input-sm" placeholder="" aria-controls="projelisttable"></label></div></div></div><div class="row"><div class="col-sm-12"><table class="table no-margin table-hover table-striped dataTable no-footer" id="projelisttable" role="grid" aria-describedby="projelisttable_info"> <thead> <tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Proje ID: activate to sort column descending" style="width: 107px;">Proje ID</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="Sahibi: activate to sort column ascending" style="width: 131px;">Sahibi</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="İsmi: activate to sort column ascending" style="width: 152px;">İsmi</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="Tarihi: activate to sort column ascending" style="width: 94px;">Tarihi</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="Durumu: activate to sort column ascending" style="width: 111px;">Durumu</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="Ücreti: activate to sort column ascending" style="width: 95px;">Ücreti</th><th class="sorting" tabindex="0" aria-controls="projelisttable" rowspan="1" colspan="1" aria-label="Detaylar: activate to sort column ascending" style="width: 113px;">Detaylar</th></tr> </thead> <tbody> <tr role="row" class="odd"> <td class="sorting_1"><a href="#">1</a></td> <td>Bilal Yılmaz</td> <td>Bilal Test Proje</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="1" data-target="#durummodal" data-baslik="Bilal Test Proje" data-durum="1"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="1" data-baslik="Bilal Test Proje" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="1" data-baslik="Bilal Test Proje" data-aciklama="Açıklama alanı" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="even"> <td class="sorting_1"><a href="#">2</a></td> <td>Bilal Yılmaz</td> <td>2. Deneme Proje</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="2" data-target="#durummodal" data-baslik="2. Deneme Proje" data-durum="1"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="2" data-baslik="2. Deneme Proje" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="2" data-baslik="2. Deneme Proje" data-aciklama="2. proje açıklaması" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="odd"> <td class="sorting_1"><a href="#">3</a></td> <td>Cevat Aslan</td> <td>Örnek Proje</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="3" data-target="#durummodal" data-baslik="Örnek Proje" data-durum="1"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="3" data-baslik="Örnek Proje" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="3" data-baslik="Örnek Proje" data-aciklama="Proje Açıklaması buraya gelecek" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="even"> <td class="sorting_1"><a href="#">4</a></td> <td>Cevat Aslan</td> <td>Proje Adı Yazınız</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="4" data-target="#durummodal" data-baslik="Proje Adı Yazınız" data-durum="4"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="4" data-baslik="Proje Adı Yazınız" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="4" data-baslik="Proje Adı Yazınız" data-aciklama="Proje Açıklaması" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="odd"> <td class="sorting_1"><a href="#">5</a></td> <td>Cevat Aslan</td> <td>Test PROJE</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="5" data-target="#durummodal" data-baslik="Test PROJE" data-durum="4"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="5" data-baslik="Test PROJE" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="5" data-baslik="Test PROJE" data-aciklama="Proje Açıklaması" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="even"> <td class="sorting_1"><a href="#">6</a></td> <td>bahadır sarıtaş</td> <td>156-09</td> <td>25.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="6" data-target="#durummodal" data-baslik="156-09" data-durum="3"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="6" data-baslik="156-09" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="6" data-baslik="156-09" data-aciklama="deneme" data-ucret="0" data-tarih="25.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="odd"> <td class="sorting_1"><a href="#">7</a></td> <td>Bilal Yılmaz</td> <td>3. Deneme Proje</td> <td>28.11.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="7" data-target="#durummodal" data-baslik="3. Deneme Proje" data-durum="2"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="7" data-baslik="3. Deneme Proje" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="7" data-baslik="3. Deneme Proje" data-aciklama="" data-ucret="0" data-tarih="28.11.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr><tr role="row" class="even"> <td class="sorting_1"><a href="#">8</a></td> <td>Cevat Aslan</td> <td>test yeni proje</td> <td>01.12.2017</td> <td><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-projeid="8" data-target="#durummodal" data-baslik="test yeni proje" data-durum="1"> <i class="fa fa-edit"></i></button> </td> <td><div class="kutu-adet"><span class="proje-fiyatedit">500TL</span> <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#ucretmodal" data-projeid="8" data-baslik="test yeni proje" data-ucret="500"><i class="fa fa-edit"></i></button> </div></td> <td><div class="kutu-adet"> <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#aciklamamodal" data-projeid="8" data-baslik="test yeni proje" data-aciklama="test yeni proje" data-ucret="0" data-tarih="01.12.2017"> <i class="fa fa-eye"></i></button> </div></td> </tr></tbody> </table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="projelisttable_info" role="status" aria-live="polite"> 8 Kayıttan 1 - 8 Arası Kayıtlar</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="projelisttable_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="projelisttable_previous"><a href="#" aria-controls="projelisttable" data-dt-idx="0" tabindex="0">Önceki</a></li><li class="paginate_button active"><a href="#" aria-controls="projelisttable" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button next disabled" id="projelisttable_next"><a href="#" aria-controls="projelisttable" data-dt-idx="2" tabindex="0">Sonraki</a></li></ul></div></div></div></div> </div> </div> <div class="kutu-footer clearfix"></div> </div> </div> </div> <div class="modal durummodal" id="durummodal" tabindex="-1" role="dialog" aria-labelledby="durummodalLabel"> <div class="modal-dialog" role="document"> <form class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="durummodalLabel"> Durumunu Değiştir</h4> </div> <div class="modal-body"> <fieldset> <div class="form-group"> <div class="radio"> <label> <input type="radio" name="rnd_stat" id="rnd_stat" value="1"> Yeni Proje</label> </div> <div class="radio"> <label> <input type="radio" name="rnd_stat" id="rnd_stat" value="2"> Beklemede</label> </div> <div class="radio"> <label> <input type="radio" name="rnd_stat" id="rnd_stat" value="3"> Ödeme Bekleniyor</label> </div> <div class="radio"> <label> <input type="radio" name="rnd_stat" id="rnd_stat" value="4"> Tamamlandı</label> </div> </div> </fieldset> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button> <button type="submit" class="btn btn-primary">Kaydet</button> </div> </form> </div> </div> <div class="modal aciklamamodal" id="aciklamamodal" tabindex="-1" role="dialog" aria-labelledby="aciklamamodalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="aciklamamodalLabel"> Durumunu Değiştir</h4> </div> <div class="modal-body"> <div class="projem-tarih"></div> <div class="projem-ucret"></div> <div class="projem-aciklama"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button> </div> </div> </div> </div> <div class="modal ucretmodal" id="ucretmodal" tabindex="-1" role="dialog" aria-labelledby="ucretmodalLabel"> <div class="modal-dialog" role="document"> <form class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="ucretmodalLabel"> </h4> </div> <div class="modal-body"> <div class="form-group"> <input class="form-control" value="0" type="text" required="" name="projeucret"> </div> </div> <div class="modal-footer"> <div class="dropdown uyaridrop"> <button type="button" class="btn btn-warning" data-dismiss="modal">Kapat</button> <button id="dLabel" type="button" data-toggle="dropdown" class="btn btn-danger" aria-haspopup="true" aria-expanded="false"> Sonraki <i class="fa fa-chevron-right"></i> </button> <ul class="dropdown-menu" aria-labelledby="dLabel"> <li> <p>Fiyatı Onayladığınızda Proje Sahibine Bildirilir!</p> </li> <li> <div class="btn-group" role="group" aria-label="..."> <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button> <button type="submit" class="btn btn-danger">Onayla</button> </div> </li> </ul> </div> </div> </form> </div> </div> <script> $('.aciklamamodal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) // Button that triggered the modal var projbaslik = button.data('baslik') var projaciklama = button.data('aciklama') var projucret = button.data('ucret') var projtarih = button.data('tarih') var modal = $(this) modal.find('.modal-title').text(projbaslik) modal.find('.modal-body .projem-aciklama').text('Proje Açıklaması: ' + projaciklama) modal.find('.modal-body .projem-ucret').text('Proje Ücreti: ' + projucret) modal.find('.modal-body .projem-tarih').text('Proje Tarihi: ' + projtarih) }) $('.ucretmodal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) var projbaslik = button.data('baslik') var projucret = button.data('ucret') var modal = $(this) modal.find('.modal-title').text(projbaslik + ' Ücretini Belirle') modal.find('.modal-body input').val(projucret) }) $('.durummodal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget) var projbid = button.data('id') var projbaslik = button.data('baslik') var projdurum = button.data('durum') if (projdurum = 1) {var projc = 'checked' } else {var projc = 'checkedx' } if (projdurum = 2) {var projc = 'checked' } else {var projc = 'checkedx' } if (projdurum = 3) {var projc = 'checked' } else {var projc = 'checkedx' } if (projdurum = 4) {var projc = 'checked' } else {var projc = 'checkedx' } var modal = $(this) modal.find('.modal-title').text(projbaslik + ' Durumunu Değiştir') modal.find('.modal-body input[name="rnd_stat"]').attr(projc,true) }) </script> </div>