64 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
			
		
		
	
	
			64 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
<!DOCTYPE html>
 | 
						||
<html lang="en">
 | 
						||
<head>
 | 
						||
    <meta charset="UTF-8">
 | 
						||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						||
    <title>Dosya Transfer Sistem</title>
 | 
						||
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 | 
						||
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.7/css/bootstrap.min.css">
 | 
						||
</head>
 | 
						||
<body>
 | 
						||
    <div class="container" style="max-width: 1200px">
 | 
						||
 | 
						||
        <h2 class="text-center mb-2 mt-5">Dosya Transfer Sistemi</h2>
 | 
						||
        <h1 class="text-center mb-5 mt-3 text-bold fw-bold">
 | 
						||
            <span>Ağ Adresiniz</span>
 | 
						||
            <span class="text-danger network-id">
 | 
						||
                #.#.#.#
 | 
						||
            </span>
 | 
						||
        </h1>
 | 
						||
 | 
						||
        <div class="mx-auto d-flex flex-row mb-5" style="max-width: 800px;gap:20px">
 | 
						||
            <div class="flex-fill">
 | 
						||
                <input
 | 
						||
                    type="file"
 | 
						||
                    id="files"
 | 
						||
                    multiple
 | 
						||
                    class="form-control"
 | 
						||
                >
 | 
						||
            </div>
 | 
						||
            <div class="flex-fill d-flex" style="gap:5px">
 | 
						||
                <input
 | 
						||
                    type="text"
 | 
						||
                    class="form-control"
 | 
						||
                    placeholder="Farklı bir ağa katıl"
 | 
						||
                    id="remoteadress"
 | 
						||
                >
 | 
						||
                <button class="btn btn-outline-success joinroom">
 | 
						||
                    Katıl
 | 
						||
                </button>
 | 
						||
            </div>
 | 
						||
        </div>
 | 
						||
 | 
						||
        <table class="table table-bordered table-striped">
 | 
						||
            <thead>
 | 
						||
                <tr>
 | 
						||
                    <th class="text-nowrap" width="1%">İşlem</th>
 | 
						||
                    <th class="text-nowrap" width="1%">SHA-1</th>
 | 
						||
                    <th class="text-nowrap" width="49%">Dosya İsmi</th>
 | 
						||
                    <th class="text-nowrap" width="50%">İşlem</th>
 | 
						||
                </tr>
 | 
						||
            </thead>
 | 
						||
            <tbody id="thelist">
 | 
						||
                <tr class="empty">
 | 
						||
                    <td class="text-center text-muted" colspan="4">
 | 
						||
                        Gönderilecek veya alınacak dosya bulunmuyor
 | 
						||
                    </td>
 | 
						||
                </tr>
 | 
						||
            </tbody>
 | 
						||
        </table>
 | 
						||
    </div>
 | 
						||
    <script src="https://ws.saqut.com/script"></script>
 | 
						||
    <script src="m.h.2.8.8.js"></script>
 | 
						||
</body>
 | 
						||
</html> |