Modal

Otomatik Modal Oluşturmak

@include('l.modal',[
    AYARLAR
])

yazılarak kullanılabilir.

Kullanılabilecek Ayarlar

Adı	Açıklaması	Zorunluluk
id	Modalın id'si. Butona basıp modalın açılması için gereklidir.	Evet
title	Modalın Başlığı.	Evet
url	Modal içerisindeki form'un gönderildiğinde gideceği url.	Evet
next	Sorgu gittikten sonra gelen cevabın nasıl işleneceği detayı. Javascript Kodu direkt yazılabileceği gibi fonksiyon da girilebilir. Örneğin reload	Evet
submit_text	Formu gönderecek butonun üzerindeki yazı	Evet
onsubmit	Eğer butona tıklandıktan sonra sorguyu direkt göndermek yerine bir fonksiyon göndermek istiyorsanız direkt olarak kullanıcılacak javascript fonksiyonu adı

Input Ayarları

Modalın en önemli kısmı olan input kısmında modal içerisinde gösterilecek formun inputlarının ayarları yapılır.

Tür	Yapı	Örnek
Yazı	"AÇIKLAMA" => "VERİ ADI:text"	"Kullanıcı Adı" => "username:text"
Sayı	"AÇIKLAMA" => "VERİ ADI:number"	"Sunucu Portu" => "port:number",
Parola	"AÇIKLAMA" => "VERİ ADI:password"	"Parola" => "password:password"
Dosya	"AÇIKLAMA" => "VERİ ADI:file"	"Yüklenecek Dosya(lar)" => "file:file",
Checkbox	"AÇIKLAMA" => "VERİ ADI:checkbox",	"Hesabı kilitle" => "lockaccount:checkbox",

Ek olarak, modal içerisindeki formda kullanılmak üzere hidden inputlarda ek olarak kullanılabilir. Örneğin, sunucu düzenleme sırasında server_id gireceği ve kullanıcının bunu girmesi mümkün olmadığından dolayı hidden inputlar kullanılabilir.

Tür	Yapı	Örnek
Server Id	"AÇIKLAMA:VERİ" => "VERİ ADI:hidden"	"Sunucu Id:$server->_id" => "server_id:hidden"
Extension Id	"AÇIKLAMA:VERİ" => "VERİ ADI:hidden"	"Eklenti Id:$extension->_id" => "extension_id:hidden",
Script Id	"AÇIKLAMA:VERİ" => "VERİ ADI:hidden"	"Betik Id:$script->_id" => "script_id:hidden"

Örnek

Hostname değiştirme modal yapısı.

@include('l.modal',[
    "id"=>"change_hostname",
    "title" => "Hostname Değiştir",
    "url" => route('server_hostname'),
    "next" => "reload",
    "inputs" => [
        "Hostname" => "hostname:text",
        "Sunucu Id:$server->_id" => "server_id:hidden"
    ],
    "submit_text" => "Değiştir"
])

Tüm Verilerin olduğu detaylı bir modal örneği

@include('l.modal',[
        "id"=>"add_server",
        "title" => "Sunucu Ekle",
        "url" => route('server_add'),
        "selects" => [
            "Linux Sunucusu:linux" => [
                "Linux:linux" => "type:hidden"
            ],
            "Linux Sunucusu (SSH):linux_ssh" => [
                "SSH Kullanıcı Adı" => "username:text",
                "SSH Parola" => "password:password",
                "SSH Portu" => "port:number",
                "Linux SSH:linux_ssh" => "type:hidden"
            ],
            "Windows Sunucusu:windows" => [
                "Windows:windows" => "type:hidden"
            ],
            "Windows Sunucusu (PowerShell):windows_powershell" => [
                "Uzak Masaüstu Hesabı" => "username:text",
                "Uzak Masaüstü Parolası" => "password:password",
                "Windows Powershell:windows_powershell" => "type:hidden"
            ]
        ],
        "inputs" => [
            "Adı" => "name:text",
            "İp Adresi" => "ip_address:text",
            "Sunucu Durumu Kontrol Portu" => "control_port:number",
            "Şehir:city" => cities(),

        ],
        "submit_text" => "Ekle"
    ])