Vertical Option in Family Tree View

[rojsiroj]

Deskripsi

Dalam PR ini, saya membuat fungsi untuk melihat pohon keluarga secara vertikal, yang sebelumnya hanya dapat dilihat secara horizontal.

Untuk dukungan CSS, saya ambil dari sumber ini Codepen dengan sedikit modifikasi agar lebih sesuai.

Checklist

• Menambahkan controller untuk view vertical di UsersController.php
• Membuat css untuk view vertical tree-vertical.css
• Menambahkan translasi untuk kata 'vertikal' dan 'horisontal' dalam tiga bahasa yang disupport
• Membuat layout family-tree.blade.php untuk sebagai layout utama pohon keluarga
• Membuat view tree-vertical.blade.php sebagai view untuk menampilkan pohon keluarga secara vertical

Screenshot

[nafiesl]

Halo mas @rojsiroj terima kasih utk PR nya mas. Ijin mohon waktu utk review ya.

Btw kita ada grup komunitas di telegram utk diskusi project silsilah ini. Silakan gabung mas:
https://t.me/silsilah_id

Terima kasih

[rojsiroj]

Baik mas @nafiesl, terimakasih

Kebetulan saya butuh buat catet silsilah keluarga, dan butuh buat view secara vertikal nya jadi sekalian aja dibuat PR hehehe

Projeknya sangat bermanfaat mas, mantap

[rojsiroj]

Halo mas @nafiesl untuk PR ini gimana kelanjutan nya ya? Terima kasih

[nafiesl]

Halo mas @rojsiroj, mohon maaf saya baru respons mas. untuk PR ini saya ada masukan terkait kode nya (code review di bawah.)

Kemudian selain dari itu, saya mencoba nya pada pohon keluarga saya sendiri, tetapi hasilnya belum bisa rapi (screenshot terlampir).

Apakah bisa dibuat tampilannya agar seluruh anak selalu berposisi di bawah ayah/ibunya mas? Karena kondisi saat ini, seseorang yang punya banyak keturunan pohon keluarga verticalnya akan berantakan seperti gambar di bawah ini.

Terima kasih mas.

[nafiesl]

Halo mas, di sini kita tetap perlu default action untuk endpoint /tree

Suggested change

	Route::get('users/{user}/tree/vertical', 'treeVertical')->name('users.tree-vertical');
	Route::get('users/{user}/tree', 'treeVertical')->name('users.tree');
	Route::get('users/{user}/tree/vertical', 'treeVertical')->name('users.tree-vertical');