Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"proje checked"
Bootstrap 3.0.0 Snippet by
cevatasln
3.0.0
Preview
HTML
View Full Screen
Fork
Fork this
1.3K
 
0 Fav
Post to Facebook
Tweet this
<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>
Related:
See More
Free Template
Get Shit Done Kit
286.6K
181
Checked List Group
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76