Scribd
Upload
120 views5 pages

Home PHP

This document contains the code for a home page view in CodeIgniter. It includes PHP code to define the page layout and includes links to external CSS and JavaScript files for styling and interactivity. Modal windows are defined for adding, editing, and removing member data.

Uploaded by

ma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
120 views5 pages

Home PHP

This document contains the code for a home page view in CodeIgniter. It includes PHP code to define the page layout and includes links to external CSS and JavaScript files for styling and interactivity. Modal windows are defined for adding, editing, and removing member data.

Uploaded by

ma
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Application/views/home.

php

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to CodeIgniter</title>
<!-- bootstrap -->
<link rel="stylesheet" type="text/css"
href="assets/bootstrap/css/bootstrap.min.css">
<!-- datatables css -->
<link rel="stylesheet" type="text/css"
href="assets/datatables/datatables.min.css">
</head>
<body>

<div class="container">
<div class="page-header">
<center><h1>CRUD - <small>Codeigniter,
Datatable</small></h1></center>
</div>
<div class="messages"></div>
<button class="btn btn-default pull pull-right" data-toggle="modal" datatarget="#addMember" onclick="addMemberModel()">
Add Member
</button>
<br /> <br />
<table class="table table-bordered" id="manageMemberTable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Contact</th>
<th>Address</th>
<th>Options</th>
</tr>

Application/views/home.php
</thead>
</table>
</div>
<!-- add member -->
<div class="modal fade" tabindex="-1" role="dialog" id="addMember">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" arialabel="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Add Member</h4>
</div>
<form method="post" action="index.php/welcome/create" id="createForm">
<div class="modal-body">
<div class="form-group">
<label for="fname">First Name * </label>
<input type="text" class="form-control" id="fname"
name="fname" placeholder="First Name">
</div>
<div class="form-group">
<label for="lname">Last Name</label>
<input type="text" class="form-control" id="lname"
name="lname" placeholder="Last Name">
</div>
<div class="form-group">
<label for="age">Age * </label>
<input type="text" class="form-control" id="age" name="age"
placeholder="Age">
</div>
<div class="form-group">
<label for="contact">Contact * </label>
<input type="text" class="form-control" id="contact"
name="contact" placeholder="Contact">
</div>
<div class="form-group">
<label for="address">Address</label>
<input type="text" class="form-control" id="address"
name="address" placeholder="Address">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" datadismiss="modal">Close</button>

Application/views/home.php
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- /add mmebers -->
<!-- edit member -->
<div class="modal fade" tabindex="-1" role="dialog" id="editMemberModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" arialabel="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Edit Member</h4>
</div>
<form method="post" action="index.php/welcome/edit" id="editForm">
<div class="modal-body">
<div class="form-group">
<label for="editFname">First Name * </label>
<input type="text" class="form-control" id="editFname"
name="editFname" placeholder="First Name">
</div>
<div class="form-group">
<label for="editLname">Last Name</label>
<input type="text" class="form-control" id="editLname"
name="editLname" placeholder="Last Name">
</div>
<div class="form-group">
<label for="editAge">Age * </label>
<input type="text" class="form-control" id="editAge"
name="editAge" placeholder="Age">
</div>
<div class="form-group">
<label for="editContact">Contact * </label>
<input type="text" class="form-control" id="editContact"
name="editContact" placeholder="Contact">
</div>
<div class="form-group">
<label for="editAddress">Address</label>
<input type="text" class="form-control" id="editAddress"
name="editAddress" placeholder="Address">
</div>

Application/views/home.php
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" datadismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- /edit mmebers -->
<!-- removeMember -->
<div class="modal fade" tabindex="-1" role="dialog" id="removeMemberModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" arialabel="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>Do you really want to remove ?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" datadismiss="modal">Close</button>
<button type="button" id="removeMemberBtn" class="btn btn-primary">Save
changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- removeMember -->
<!-- jquery -->
<script type="text/javascript" src="assets/jquery/jquery.min.js"></script>
<!-- bootstrap js -->
<script type="text/javascript"
src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- datatables -->
<script type="text/javascript"
src="assets/datatables/datatables.min.js"></script>
<!-- custom js -->

Application/views/home.php
<script type="text/javascript" src="custom/js/home.js"></script>
</body>
</html>

You might also like