FM / views

/home/desid573/public_html/ims2/application/views/

/home/desid573/public_html/ims2/application/views

Name	Size	Mode	Actions
admin/	-	0755	rm
analytics/	-	0755	rm
email/	-	0755	rm
errors/	-	0755	rm
items/	-	0755	rm
transactions/	-	0755	rm
audit.php	178	0644	edit dl rm
dashboard.php	12651	0644	edit dl rm
dbbackup.php	681	0644	edit dl rm
employees.php	17633	0644	edit dl rm
home.php	4658	0644	edit dl rm
index.html	131	0644	edit dl rm
main.php	11526	0644	edit dl rm
test.php	6909	0644	edit dl rm

Edit: /home/desid573/public_html/ims2/application/views/employees.php (17633B)

<?php
defined('BASEPATH') OR exit('');
?>

<div class="row">
    <div class="col-sm-12">
        <div class="pwell" style="">
            
            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-3 col-xs-12 pull-right">
                        <input type="search" id="custSearch" placeholder="search customers" class="form-control">
                    </div>
                    <div class="col-sm-3 col-xs-12 pull-left fa fa-user-plus pointer" data-target='#addNewCustModal' data-toggle='modal'>
                        Add new customer
                    </div>
                </div>
            </div>
            <br>
            
            
            
            <div class="row">
                <div class="col-sm-12">
                     
                    <div class="col-sm-8">
                        <div class="table table-responsive">
                            <table class="table table-hover table-striped table-bordered">
                                <thead>
                                    <tr>
                                        <th>SN</th>
                                        <th>Name</th>
                                        <th>Customer ID</th>
                                        <th>Phone Number</th>
                                        <th>Edit</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th>1</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>2</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>3</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>4</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>5</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>6</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>7</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>8</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>9</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center"><i class="fa fa-edit pointer"></i></td>
                                    </tr>
                                    <tr>
                                        <th>10</th>
                                        <td><a href="#">Amir Sanni</a></td>
                                        <td>CUS-ID-0001</td>
                                        <td>07030167606</td>
                                        <td class="text-center">
                                            <i id="CUS-ID-0001" class="fa fa-edit pointer" onclick="editCust(this.id)"></i>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        
                        
                        <div class="row text-center">
                            <div class="pagination">Pagination</div>
                        </div>
                        
                    </div>
                     
                    
                    
                    <div class="col-sm-4">
                        <div class="pwell custDetail scroll">
                            <table class="table table-bordered">
                                <h4 class="text-center text-uppercase">Sanni Amir Olalekan</h4>
                                <tbody>
                                    <tr>
                                        <th>ID</th>
                                        <td>CUS-ID-0001</td>
                                    </tr>
                                    <tr>
                                        <th>Tel</th>
                                        <td>07030167606</td>
                                    </tr>
                                    <tr>
                                        <th>Email</th>
                                        <td>amirsanni@gmail.com</td>
                                    </tr>
                                    <tr>
                                        <th>Gender</th>
                                        <td>Male</td>
                                    </tr>
                                    <tr>
                                        <th>Debt</th>
                                        <td>N2,000</td>
                                    </tr>
                                    <tr>
                                        <th>Last Transaction</th>
                                        <td>23rd Dec, 2015</td>
                                    </tr>
                                    <tr>
                                        <th>Total Transactions</th>
                                        <td>200</td>
                                    </tr>
                                    <tr>
                                        <th>Total Money Spent</th>
                                        <td>N500,000</td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="text-center">
                                <button type="button" class="btn btn-primary">View User's Transactions</button>
                            </div>
                        </div>
                    </div>
                     
                </div>
            </div>
            
        </div>
    </div>
</div>

<div class='modal fade' id='addNewCustModal' role="dialog" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class='modal-header'>
                <button class="close" data-dismiss='modal'>&times;</button>
                <h4 class="text-center">Add New Customer</h4>
            </div>
            <div class="modal-body">
                <form id='addNewCustForm' role='form'>
                    <div class="row">
                        <div class="form-group col-sm-4">
                            <label for='firstName' class="control-label">First Name</label>
                            <input type="text" id='firstName' name='firstName' class="form-control" placeholder="First Name">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-4">
                            <label for='lastName' class="control-label">Last Name</label>
                            <input type="text" id='lastName' name='lastName' class="form-control" placeholder="Last Name">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-4">
                            <label for='otherName' class="control-label">Other Names</label>
                            <input type="text" id='otherName' name='otherName' class="form-control" placeholder="Other Names">
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label for='Mobile1' class="control-label">Phone Number</label>
                            <input type="tel" id='Mobile1' name='Mobile1' class="form-control" placeholder="Phone Number">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-6">
                            <label for='Mobile2' class="control-label">Other Number</label>
                            <input type="tel" id='Mobile2' name='Mobile2' class="form-control" placeholder="Other Number (optional)">
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label for='email' class="control-label">Email</label>
                            <input type="email" id='email' name='email' class="form-control" placeholder="Email (optional)">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-6">
                            <label for='gender' class="control-label">Gender</label>
                            <select class="form-control" id='gender' name="gender">
                                <option value=''>Gender</option>
                                <option value='male'>Male</option>
                                <option value='female'>Female</option>
                            </select>
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for='address' class="control-label">Address</label>
                        <textarea id='address' name='address' class="form-control" placeholder="Address"></textarea>
                        <span class="help-block errMsg"></span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type='button' id='addCust' class="btn btn-primary">Add Customer</button>
                <button type='button' class="btn btn-danger" data-dismiss='modal'>Close</button>
            </div>
        </div>
    </div>
</div>

<div class='modal fade' id='editCustModal' role="dialog" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class='modal-header'>
                <button class="close" data-dismiss='modal'>&times;</button>
                <h4 class="text-center">Edit Customer Info</h4>
            </div>
            <div class="modal-body">
                <form id='editCustForm' role='form'>
                    <div class="row">
                        <div class="form-group col-sm-4">
                            <label for='firstName' class="control-label">First Name</label>
                            <input type="text" id='firstName' name='firstName' class="form-control" placeholder="First Name">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-4">
                            <label for='lastName' class="control-label">Last Name</label>
                            <input type="text" id='lastName' name='lastName' class="form-control" placeholder="Last Name">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-4">
                            <label for='otherName' class="control-label">Other Names</label>
                            <input type="text" id='otherName' name='otherName' class="form-control" placeholder="Other Names">
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label for='Mobile1' class="control-label">Phone Number</label>
                            <input type="tel" id='Mobile1' name='Mobile1' class="form-control" placeholder="Phone Number">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-6">
                            <label for='Mobile2' class="control-label">Other Number</label>
                            <input type="tel" id='Mobile2' name='Mobile2' class="form-control" placeholder="Other Number (optional)">
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="form-group col-sm-6">
                            <label for='email' class="control-label">Email</label>
                            <input type="email" id='email' name='email' class="form-control" placeholder="Email (optional)">
                            <span class="help-block errMsg"></span>
                        </div>
                        <div class="form-group col-sm-6">
                            <label for='gender' class="control-label">Gender</label>
                            <select class="form-control" id='gender' name="gender">
                                <option value=''>Gender</option>
                                <option value='male'>Male</option>
                                <option value='female'>Female</option>
                            </select>
                            <span class="help-block errMsg"></span>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for='address' class="control-label">Address</label>
                        <textarea id='address' name='address' class="form-control" placeholder="Address"></textarea>
                        <span class="help-block errMsg"></span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type='button' id='editCust' class="btn btn-primary">Update</button>
                <button type='button' class="btn btn-danger" data-dismiss='modal'>Close</button>
            </div>
        </div>
    </div>
</div>

Add new customer

SN	Name	Customer ID	Phone Number
1	Amir Sanni	CUS-ID-0001	07030167606
2	Amir Sanni	CUS-ID-0001	07030167606
3	Amir Sanni	CUS-ID-0001	07030167606
4	Amir Sanni	CUS-ID-0001	07030167606
5	Amir Sanni	CUS-ID-0001	07030167606
6	Amir Sanni	CUS-ID-0001	07030167606
7	Amir Sanni	CUS-ID-0001	07030167606
8	Amir Sanni	CUS-ID-0001	07030167606
9	Amir Sanni	CUS-ID-0001	07030167606
10	Amir Sanni	CUS-ID-0001	07030167606

Pagination

Sanni Amir Olalekan

ID	CUS-ID-0001
Tel	07030167606
Email	amirsanni@gmail.com
Gender	Male
Debt	N2,000
Last Transaction	23rd Dec, 2015
Total Transactions	200
Total Money Spent	N500,000