Giriş yapmadınız.

#1 11.02.2019 09:01:45

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 467

Tab menü save

Selamlar

http://prntscr.com/mjeqxc görünümü bu şekilde ve kodu

  <ul class="nav nav-tabs">
                <li class="active"><a data-toggle="tab" href="#genel">Genel</a></li>
                <li><a data-toggle="tab" href="#kariyer">Kariyer</a></li>
                <li><a data-toggle="tab" href="#kisibilgi">Kişisel Bilgiler</a></li>
                <li><a data-toggle="tab" href="#digerbilgi">Diğer Bilgiler</a></li>
                <li><a data-toggle="tab" href="#izin">İzin</a></li>
                <li><a data-toggle="tab" href="#odeme">Ödemeler</a></li>
                <li><a data-toggle="tab" href="#maas">Maaş</a></li>
            </ul>

            <div class="tab-content">
                <div id="genel" class="tab-pane fade in active">
                    <div class="row">
                        <div class="col-md-12 mt-25">
                            <form class="form-horizontal style-form" method="get">
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Çalışan Adı Ve Soyadı</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Doğum Tarihi</label>
                                    <div class="col-sm-10">
                                        <input class="form-control default-date-picker" size="16" type="text">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">İşe Başlama Tarihi</label>
                                    <div class="col-sm-10">
                                        <input class="form-control default-date-picker" size="16" type="text">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Sigorta Başlama Tarihi</label>
                                    <div class="col-sm-10">
                                        <input class="form-control default-date-picker" size="16" type="text">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Çalışma Şekli</label>
                                    <div class="col-sm-10">
                                        <select class="form-control">
                                            <option>Tam Zamanlı</option>
                                            <option>Part Time</option>
                                            <option>Freelance</option>
                                            <option>Remote</option>
                                            <option>Stajyer</option>
                                        </select>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Telefon</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Email Adresi</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Adresi</label>
                                    <div class="col-sm-10">
                                        <textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 col-sm-2 control-label">Üye Resmi</label>
                                    <div class="col-sm-10">
                                        <input type="file" name="uye_resmi">
                                    </div>
                                </div>


                                <button type="submit" class="btn btn-success">Üye Ekle</button>
                            </form>
                        </div>
                    </div>
                </div>
                <div id="kariyer" class="tab-pane fade">
                    <h3>KARİYER</h3>
                </div>
                <div id="kisibilgi" class="tab-pane fade">
                    <h3>KİŞİSEL BİLGİLER</h3>
                </div>
                <div id="digerbilgi" class="tab-pane fade">
                    <h3>Diğer Bilgiler</h3>
                </div>
                <div id="izin" class="tab-pane fade">
                    <h3>İZİNLER</h3>
                </div>
                <div id="odeme" class="tab-pane fade">
                    <h3>ÖDEMELER</h3>
                </div>
                <div id="maas" class="tab-pane fade">
                    <h3>MAAŞ</h3>
                </div>
            </div>

bu şekilde bir tab menüm var kayıt esnasında  bütün tab panelleri bir formun içine mi almak mantıklı bunu düşündüm ama diyelim maaş sekmesindeyim bir validation sorunu oluştuğu zaman kariyerde otomotik kariyer sekmesine gidebilmesi için  ne yapmam gerekli ? Teşekkürler.

Son düzenleyen Kevin-Mitnick (11.02.2019 11:04:46)


Mister Koder

Çevrimdışı

#2 11.02.2019 15:35:32

mgsmus
Moderatör
Yer: Mersin
Kayıtlı: 17.08.2013
Mesajlar: 1,589
Website

Yanıt: Tab menü save

Javascript ile yapsanız bile hata taşıyan sadece bir tabı aktif edebilirsiniz. İki farklı tabda hata varsa bile kullanıcı sadece önce birini görecek. O yüzden şöyle bir şey olabilir:

$tabs = [
    'tab1' => ['name','surname'], // İlk tabda yer alan alanlar
    'tab2' => ['phone','address'] // İkinci tabda yer alan alanlar
];
<li class="active"><a data-toggle="tab" href="#genel">Genel {{ array_intersect($data['tab1'], $errors->keys()) ? 'Hata':null }}</a></li>
<li><a data-toggle="tab" href="#kariyer">Kariyer  {{ array_intersect($data['tab2'], $errors->keys()) ? 'Hata':null }}</a></li>

Bu şekilde;
Eğer hata meydana gelmişse, hata veren alanlar tab1 içerisinde yer alıyorsa, tab1'in başlığına (Yani Genel) Hata yazısını ekle
Eğer hata meydana gelmişse, hata veren alanlar tab2 içerisinde yer alıyorsa, tab2'in başlığına (Yani Kariyer) Hata yazısını ekle

yapmış oluyorsunuz. Hata yazısı örnek, siz onun yerine CSS sınıfı da ekletebilirsiniz, dikkat simgesi de koyabilirsiniz vs...

Burada amaç hangi tabda hata varsa o tabda hata olduğuna dair kullanıcıya uyarı verdirmek. Böylece kullanıcı o taba tıklayıp hatasını görüp düzeltebilir.

Çevrimdışı

#3 11.02.2019 15:43:27

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 467

Yanıt: Tab menü save

@mgmus hocam teşekkür ediyorum bende css  ekletiyordum . $errors->keys()  kullanımınıda görmüş oldum sağolasın hocam tekrardan.


Mister Koder

Çevrimdışı

#4 18.03.2019 13:40:36

Kevin-Mitnick
Üye
Kayıtlı: 26.05.2016
Mesajlar: 467

Yanıt: Tab menü save

@mgsmus hocam selamlar tekrardan burda yaptığınız örnek için

 $data  

tam olarak nerden geliyor acaba ? onun $tabs olduğunu düşündüğüm için yaptım ama onu viewa mı atmam lazım ?


Mister Koder

Çevrimdışı

#5 18.03.2019 14:48:28

mgsmus
Moderatör
Yer: Mersin
Kayıtlı: 17.08.2013
Mesajlar: 1,589
Website

Yanıt: Tab menü save

O zaman neden $data olarak yazdığımı hatırlamıyorum. $tabs dır büyük ihtimalle.

Bu $tabs değişkenini controller yöntemi içerisinde tanımlayıp şablona gönderin.

Çevrimdışı

#6 18.03.2019 15:49:37

sineld
Yönetici
Yer: Bursa
Kayıtlı: 26.12.2012
Mesajlar: 1,466
Website

Yanıt: Tab menü save

$tabs = [
    'tab1' => ['name','surname'], // İlk tabda yer alan alanlar
    'tab2' => ['phone','address'] // İkinci tabda yer alan alanlar
];

$tabs değişkenini compact ile yollarsanız $tab1 ve $tab2 diye iki dizi dönderir. Bunun yerine;

return view('falanca.view.ismi')->with('tabs', $tabs);

şeklinde gönderirseniz $tabs dizinin tamamına erişirsiniz.

Çevrimdışı

Forum alt kısmı