2024-07-10 12:37:36 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2024-07-11 12:05:44 +00:00
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Google Form Clone</title>
|
2024-07-11 12:05:44 +00:00
|
|
|
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/bootstrap.min.css">
|
|
|
|
|
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/styles.css">
|
2024-07-10 12:37:36 +00:00
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
2024-07-11 12:05:44 +00:00
|
|
|
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/jquery-ui.css">
|
2024-07-25 12:54:05 +00:00
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
|
2024-07-26 12:41:46 +00:00
|
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
2024-07-25 12:54:05 +00:00
|
|
|
|
|
|
|
|
|
2024-07-11 12:05:44 +00:00
|
|
|
<style>
|
|
|
|
|
.navbar-custom {
|
|
|
|
|
background-color: rgb(103, 58, 183);
|
|
|
|
|
color: white;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar-custom .navbar-brand {
|
|
|
|
|
color: white;
|
2024-07-12 11:50:41 +00:00
|
|
|
font-size: 18px;
|
2024-07-11 12:05:44 +00:00
|
|
|
}
|
|
|
|
|
|
2024-07-12 11:50:41 +00:00
|
|
|
.navbar-custom .navbar-nav>li>a {
|
2024-07-11 12:05:44 +00:00
|
|
|
color: white;
|
2024-07-12 11:50:41 +00:00
|
|
|
font-size: 16px;
|
2024-07-11 12:05:44 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#submit-btn {
|
|
|
|
|
margin-top: 20px;
|
2024-07-26 12:41:46 +00:00
|
|
|
background-color: rgb(103, 58, 183);
|
|
|
|
|
border-color: rgb(103, 58, 183);
|
|
|
|
|
color: white;
|
|
|
|
|
"
|
|
|
|
|
float: left;
|
2024-07-12 11:50:41 +00:00
|
|
|
clear: both;
|
2024-07-11 12:05:44 +00:00
|
|
|
}
|
2024-07-26 12:41:46 +00:00
|
|
|
|
|
|
|
|
.container {
|
2024-07-19 10:46:18 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
|
|
|
|
|
|
}
|
2024-07-26 12:41:46 +00:00
|
|
|
.tooltip-container {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltip-container .tooltip {
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
width: 70px;
|
|
|
|
|
background-color: #555;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: 5px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
bottom: 125%; /* Position above the button */
|
|
|
|
|
/* left: 50%; */
|
|
|
|
|
/* margin-left: 10px; */
|
|
|
|
|
opacity: 0;
|
|
|
|
|
transition: opacity 0.3s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltip-container:hover .tooltip {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
2024-07-11 12:05:44 +00:00
|
|
|
</style>
|
2024-07-10 12:37:36 +00:00
|
|
|
</head>
|
2024-07-11 12:05:44 +00:00
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
<body>
|
2024-07-26 12:41:46 +00:00
|
|
|
<script>
|
|
|
|
|
var base_url = '<?php echo base_url(); ?>';
|
2024-07-15 12:45:25 +00:00
|
|
|
</script>
|
2024-07-11 12:05:44 +00:00
|
|
|
<nav class="navbar navbar-inverse navbar-custom">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="navbar-header">
|
2024-07-22 12:39:47 +00:00
|
|
|
<a class="navbar-brand" href="<?php echo base_url(); ?>">Google Forms</a>
|
2024-07-11 12:05:44 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="navbar">
|
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
|
|
<a class="navbar-brand" href="<?php echo base_url(); ?>users/logout">Logout</a>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
<div class="container">
|
2024-07-26 12:41:46 +00:00
|
|
|
<div class="form-header">
|
|
|
|
|
<div class="tooltip-container">
|
|
|
|
|
<button id="preview-btn" class="btn btn-info">
|
|
|
|
|
<i class="fas fa-eye"></i>
|
|
|
|
|
</button>
|
|
|
|
|
<span class="tooltip">Preview</span>
|
|
|
|
|
</div>
|
2024-07-12 11:50:41 +00:00
|
|
|
|
2024-07-26 12:41:46 +00:00
|
|
|
<h2><?php echo htmlspecialchars($title); ?></h2>
|
|
|
|
|
<!-- <h2>Untitled Form</h2> -->
|
|
|
|
|
|
|
|
|
|
<button id="add-section-btn" class="btn btn-primary">+</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="form-container"></div>
|
2024-07-23 12:54:27 +00:00
|
|
|
|
2024-07-26 12:41:46 +00:00
|
|
|
<button id="submit-btn" class="btn btn-success" style="margin-left: 240px; margin-top: 20px">Submit</button>
|
|
|
|
|
<a id="cancel-btn" class="btn btn-danger" href="<?php echo base_url(); ?>"
|
|
|
|
|
style="margin-left: 8px; margin-top: 20px; display: inline-block;">Cancel</a>
|
2024-07-25 12:54:05 +00:00
|
|
|
|
2024-07-26 12:41:46 +00:00
|
|
|
</div>
|
2024-07-23 12:54:27 +00:00
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
|
|
|
|
|
<script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
|
|
|
|
|
<script src="<?php echo base_url('assets/js/bootstrap.min.js'); ?>"></script>
|
|
|
|
|
<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>"></script>
|
|
|
|
|
<script src="<?php echo base_url('assets/js/scripts.js'); ?>"></script>
|
2024-07-26 12:41:46 +00:00
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
</body>
|
2024-07-11 12:05:44 +00:00
|
|
|
|
2024-07-10 12:37:36 +00:00
|
|
|
</html>
|
2024-07-26 12:41:46 +00:00
|
|
|
|
|
|
|
|
|
