CodeIgniter_Gforms/application/views/forms/create.php

84 lines
4.2 KiB
PHP
Raw Normal View History

2024-07-11 13:04:55 +00:00
2024-07-12 06:21:27 +00:00
<div class="page_layout">
<br>
<div class="section">
<div class="form_container">
<div class="form_container_top">
<input type="text" id="form-title" class="form_container_top_title" style="color: black;" placeholder="Untitled Form">
<input type="text" id="form-desc" class="form_container_top_desc" style="color: black;" placeholder="Form Description">
</div>
2024-07-11 13:04:55 +00:00
2024-07-12 06:21:27 +00:00
<br>
<!-- New Questions will get added here -->
2024-07-12 09:55:29 +00:00
<div class="question-box" id="question-template" style="display:none;" data-question-type="multiple-choice">
2024-07-12 06:21:27 +00:00
<!-- This is the question-box header contains question, type, add an img -->
<div class="question-box_header">
<input type="text" id="" class="question-box_header_question" style="color: black;" placeholder="Question">
<img src="<?= base_url() ?>assets/images/image.png" alt="add an image" height="20px" width="20px">
<div class="question-box_header_question-type">
<select id="question-type" class="question-box_header_question-type_select">
<option value="multiple-choice">Multiple choice</option>
<option value="checkbox">Checkbox</option>
<option value="paragraph">Paragraph</option>
</select>
</div>
</div>
<!-- These are the style buttons to style your question -->
<div class="question-box_header-style">
&nbsp;
<button><img src="<?= base_url() ?>assets/images/bold.png" width="14px" height="14px"></button>
<button><img src="<?= base_url() ?>assets/images/italics.png" width="14px" height="14px"></button>
<button><img src="<?= base_url() ?>assets/images/underline.png" width="16px" height="16px"></button>
2024-07-11 13:04:55 +00:00
</div>
<br>
2024-07-12 06:21:27 +00:00
<!-- Add a textarea for short answer type -->
<div class="question-box_short-answer" style="display: none;">
<div class="question-box_short-answer_placeholder">Paragraph</div>
</div>
2024-07-11 13:04:55 +00:00
2024-07-12 06:21:27 +00:00
<!-- These are the options -->
<div id="options-container">
<div class="question-box_option-block" id="option-template">
<img id="question-type-image" src="<?= base_url() ?>assets/images/circle.png" alt="option circle" width="16px" height="16px">
2024-07-12 09:55:29 +00:00
<input id = "option-text" type="text" placeholder="Option1" class="question-box_option-block_option-text">
2024-07-12 06:21:27 +00:00
</div>
<br>
2024-07-16 10:46:16 +00:00
<div id="new-options">
<!-- New options should be appended here -->
</div>
2024-07-12 06:21:27 +00:00
<!-- To Add a new option -->
<div class="question-box_add-option">
<button id="add-option" style="color:#1a73e8;font-weight: 500;">Add Option</button>
2024-07-11 13:04:55 +00:00
</div>
2024-07-12 06:21:27 +00:00
</div>
2024-07-11 13:04:55 +00:00
2024-07-12 06:21:27 +00:00
<div class="question-box_footer">
<button class="duplicate-question"><img src="<?= base_url() ?>assets/images/duplicate.png" width="24px" height="24px"></button>
<button class="delete-question"><img src="<?= base_url() ?>assets/images/trash.png" alt="delete question"></button>
2024-07-11 13:04:55 +00:00
</div>
</div>
2024-07-12 06:21:27 +00:00
<br>
</div>
2024-07-11 13:04:55 +00:00
2024-07-12 06:21:27 +00:00
<div class="sidebar">
<button id="add-question">
<img src="<?= base_url() ?>assets/images/add.png" width="20px" height="20px" alt="add button">
2024-07-12 06:21:27 +00:00
</button>
<button id="submit-form" style="color: #fff; background-color: #1a73e8; font-weight: 500; padding: 10px; border: none;">Submit</button>
2024-07-11 13:04:55 +00:00
</div>
</div>
2024-07-12 06:21:27 +00:00
</div>
2024-07-11 13:04:55 +00:00
<!-- now we are trying the side bar -->
<!-- Include jQuery from a CDN -->
<!-- <script src="<?= base_url() ?>assets/js/jquery.js"></script> -->
<!-- Link to external script -->
<!-- <script src="<?= base_url() ?>assets/js/script.js"></script> -->