Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php echo validation_errors(); ?>
- <!DOCTYPE html>
- <html>
- <head>
- <title>Codeigniter 3 </title>
- <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css">
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="col-lg-12 margin-tb">
- <div class="pull-left">
- <h2>Codeigniter 3</h2>
- </div>
- <div class="pull-right">
- <button type="button" class="btn btn-success" data-toggle="modal" data-target="#create-item" style="margin-bottom: 20px"> Create Item</button>
- </div>
- </div>
- </div>
- <div class="panel panel-default">
- <div class="panel-heading"><h5><strong>SURAT MASUK</strong></h5></div>
- <div class="panel-body">
- <table class="table table-bordered">
- <thead>
- <tr>
- <th>No Agenda</th>
- <th>No Surat</th>
- <th>Tanggal Surat</th>
- <th>Tanggal Terima</th>
- <th>Perihal</th>
- <th>Pengirim</th>
- <th>Sifat Surat</th>
- <th width="200px">Action</th>
- </tr>
- </thead>
- <tbody>
- <?php foreach ($ambil_data as $surat): ?>
- <tr>
- <td><?php echo $surat['nomor_agenda'] ;?> </td>
- <td><?php echo $surat['no_surat'] ;?> </td>
- <td><?php echo $surat['tanggal_surat'] ;?> </td>
- <td><?php echo $surat['tanggal_terima'] ;?> </td>
- <td><?php echo $surat['perihal'] ;?> </td>
- <td><?php echo $surat['pengirim'] ;?> </td>
- <td><?php echo $surat['sifat_surat'] ;?> </td>
- <td>
- <div class="text-center">
- <a class="btn btn-primary btn-xs" data-title="Edit" href="" >Edit</a></td>
- </tr>
- <?php endforeach ?>
- </tbody>
- </table>
- </div>
- </div>
- <ul id="pagination" class="pagination-sm"></ul>
- <!-- Create Item Modal -->
- <div class="modal fade" id="create-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h4 class="modal-title" id="myModalLabel">Create Item</h4>
- </div>
- <div class="modal-body">
- <form data-toggle="validator" action="surat_masuk/tambah_data" method="POST">
- <div class="form-group">
- <label class="control-label" for="title">Nomor Agenda:</label>
- <input type="text" name="nomor_agenda" class="form-control" data-error="Please enter title." required />
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">No Surat:</label>
- <textarea name="no_surat" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Tanggal Surat:</label>
- <textarea name="tanggal_surat" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Tanggal Terima:</label>
- <textarea name="tanggal_terima" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Perihal:</label>
- <textarea name="perihal" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Pengirim:</label>
- <textarea name="pengirim" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Sifat Surat:</label>
- <textarea name="sifat_surat" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- </div>
- <div class="form-group">
- <button type="submit" class="btn crud-submit btn-success">Submit</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <!-- Edit Item Modal -->
- <div class="modal fade" id="edit-item" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h4 class="modal-title" id="myModalLabel">Edit Item</h4>
- </div>
- <div class="modal-body">
- <form data-toggle="validator" action="" method="put">
- <div class="form-group">
- <label class="control-label" for="title">Title:</label>
- <input type="text" name="title" class="form-control" data-error="Please enter title." required />
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <label class="control-label" for="title">Description:</label>
- <textarea name="description" class="form-control" data-error="Please enter description." required></textarea>
- <div class="help-block with-errors"></div>
- </div>
- <div class="form-group">
- <button type="submit" class="btn btn-success crud-submit-edit">Submit</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twbs-pagination/1.3.1/jquery.twbsPagination.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.5/validator.min.js"></script>
- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
- <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
- <script type="text/javascript">
- var url = "items";
- </script>
- <script href="js/item-ajax.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement