Sunday, December 17, 2017

Menampilkan Foto Profil di Sidebar (Layout) di YII

Cara Menampilkan Foto Profil di Sidebar (Layout) di YII - Hal pertama yang harus dipersiakan adalah tabel user (di tutorial sebelumnya: cara membuat user login dari database) jika sudah, selanjutnya tinggal lakukan hal berikut untuk menampilkan foto pada layout (sidebar), secara default yii telah menyediakan fungsi untuk menampilkan id dan nama username yang login:
YII::app()->user->id = merupakan fungsi untuk menampilkan ID User
YII::app()->user->name = merupakan fungsi untuk menampilkan Username

Contoh Sidebar dengan Foto Profil di Layout


Tahap Pertama:
Membuat fungsi pada model, untuk menampilkan atribut lain selain ID dan USERNAME, disini kita akan menampilkan atribut IMAGE / FOTO (lihat juga: cara membuat fungsi upload foto di YII)  dari user yang login ke aplikasi, contoh disini akan membuat function di model Users yang terletak pada /protected/model/Users.php
public funcion showImage($id){
        $model= Users::model()->findByPk($id);
        return $model->image;
}

Tahap Kedua:
Memanggil fungsi yang telah dibuat di layout (sidebar), caranya cukup memanggil <?php echo Users::model()->showImage(YII::app()->user->id); ?> dari kode tersebut dapat menampilkan atribut gambar / foto sesuai ID user yang login, tinggal di tambahkan tag html image untuk menampilkan gambar contoh: 
<img src="<?php echo Users::model()->showImage(YII::app()->user->id); ?>" class="img-responsive" />

Tahap Terakhir
Simpan kode diatas pada bagian layout template anda, untuk struktur layout setiap template berbeda jadi tinggal di sesuaikan saja penempatannya, selesai. Apabila ada yang ditanyakan silahkan berkomentar dibawah ini :)
Comments