File size: 5,236 Bytes
62aa71b |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Company Profile</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Include AdminLTE CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
<!-- Include DataTables CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
<style>
.container {
margin-top: 50px;
max-width: 600px;
padding: 40px;
border: 1px solid #ccc;
border-radius: 5px;
//background-color: #fff;
position: relative;
z-index: 1;
}
.container::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url('..\static\img\redmindlogo3.jpg') no-repeat center center;
background-size: contain;
opacity: 0.1;
width: 100%;
height: 100%;
z-index: -1;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
font-weight: bold;
margin-bottom: 5px;
display: block;
}
.form-group input, .form-group select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.btn-primary {
margin-right: 10px;
color: black;
font-size: 16px;
font-weight: bold;
}
h2 {
text-align: center;
margin-bottom: 40px;
}
.btn-container {
text-align: center;
margin-top: 0px;
color: white;
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
<!-- Include jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Include DataTables JS -->
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
<!-- Include AdminLTE JS -->
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.4.0/dist/select2-bootstrap4.min.css" rel="stylesheet" />
</head>
<body>
{% include 'sidepane.html' %}
<div class="container mt-5">
<h2>Company Profile</h2>
<form id="companyProfileForm" class="needs-validation" novalidate>
<div class="form-group">
<label for="company_name">Company Name</label>
<input type="text" id="company_name" name="company_name" class="form-control">
</div>
<div class="form-group">
<label for="company_code">Company Code</label>
<input type="text" id="company_code" name="company_code" class="form-control">
</div>
<div class="form-group">
<label for="domain">Domain/Business</label>
<input type="text" id="domain" name="domain" class="form-control">
</div>
<div class="form-group">
<label for="llm_tools">LLM Tools</label>
<select id="llm_tools" name="llm_tools[]" class="form-control" multiple>
<option value="tool1">Database</option>
<option value="tool2">Static Documents</option>
<option value="tool3">API</option>
<!-- Add more options as needed -->
</select>
</div>
<div class="btn-container">
<button type="submit" class="btn btn-primary">Save</button>
<button type="reset" class="btn btn-primary">Clear</button>
</div>
</form>
</div>
{% include 'footer.html' %}
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
// Initialize Select2 for multi-select dropdown
$('#llm_tools').select2({
theme: 'bootstrap4',
placeholder: 'Select LLM Tools',
allowClear: true
});
$('#companyProfileForm').on('submit', function(event) {
event.preventDefault();
alert('Data saved successfully!');
});
});
</script>
</body>
</html>
|