One Hat Cyber Team

View File Name : blank_page.php

<?php if(empty($page)){ include("../access.php"); } ?>
<?php  
	$modal_name 	= str_replace("/", "-", $page);
?>

	<!-- Blank Header -->
	<div class="content-header">
		<div class="row">
			<div class="col-sm-6">
				<div class="header-section">
					<h1>KOD - ?</h1>
				</div>
			</div>
			<div class="col-sm-6 hidden-xs">
				<div class="header-section">
					<!-- <ul class="breadcrumb breadcrumb-top"> -->
						<!-- <li>Extra Pages</li> -->
						<!-- <li><a href="">Blank</a></li> -->
					<!-- </ul> -->
				</div>
			</div>
		</div>
	</div>
	<!-- END Blank Header -->

	<!-- Get Started Block -->
	<div class="block full">
		<!-- Get Started Title -->
		<div class="block-title">
			<h2>Blank</h2>
		</div>

			Start isi disini..
<!-- [QUERY_STRING] -->
			<br>
			<?php echo basename($_SERVER['PHP_SELF']);?>
			<br>
			<?php echo $_SERVER['QUERY_STRING'];?>
			<br>
			<?php // print_r($_SERVER);?>
			<br>

			<?php 

				$success 	= 0;
				if($_POST):

					$do 	= $_POST['type_submit'];
					// $_SESSION['success'] = 1;

					/*
						insert / update / delete
					*/

					/*
						1 = success
						2 = failed/error
					*/

					// test if success == 1
					$success 	= 1;

					if($success == 1){
						$_SESSION['success'] 		= 1;
						$_SESSION['success_msg'] 	= "SUCCESS {$do}";
					}else if($success == 2){
						$_SESSION['success'] 		= 2;
						$_SESSION['success_msg'] 	= "OPS! SOMETHING WRONG";
					}else if($success == 3){
						$_SESSION['success'] 		= 3;
						$_SESSION['success_msg'] 	= "WARNING";
					}

				endif;

				if($success){
					echo "<script>window.location.replace('index.php?page=kod/blank_page&success={$success}');</script>";
					exit();
				}
			?>

<?php 
?>
			<div id="modal-checkout" class="modal fade <?php echo $modal_name;?>" tabindex="-1" role="dialog" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">

					<form class="push form-horizontal" id="form-validation" action="index.php?page=kod/blank_page" method="post">
						<!-- if delete. check post name delete -->

						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title"><strong>Checkout</strong></h4>
						</div>

						<div class="modal-body"><!-- modal-body -->

							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-username">Username <span class="text-danger">*</span></label>
							    <div class="col-md-6">
							        <input type="text" id="val-username" name="val-username" class="form-control validation" data-validation="default" placeholder="Choose a nice username..">
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-email">Email <span class="text-danger">*</span></label>
							    <div class="col-md-6">
							        <input type="text" id="val-email" name="val-email" class="form-control validation" data-validation="default" placeholder="Enter your valid email..">
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-suggestions">Suggestions <span class="text-danger">*</span></label>
							    <div class="col-md-9">
							        <textarea id="val-suggestions" name="val-suggestions" rows="7" class="form-control validation" data-validation="default" placeholder="Share your ideas with us.."></textarea>
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-skill">Best Skill <span class="text-danger">*</span></label>
							    <div class="col-md-6">
							        <select id="val-skill" name="val-skill" class="form-control validation" data-validation="default">
							            <option value="">Please select</option>
							            <option value="html">HTML</option>
							            <option value="css">CSS</option>
							            <option value="javascript">Javascript</option>
							            <option value="ruby">Ruby</option>
							            <option selected='selected' value="php">PHP</option>
							            <option value="asp">ASP.NET</option>
							            <option value="python">Python</option>
							            <option value="mysql">MySQL</option>
							        </select>
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-digits">Digits <span class="text-danger">*</span></label>
							    <div class="col-md-6">
							        <input type="text" id="val-digits" name="val-digits" class="form-control validation" data-validation="default_digit" placeholder="3">
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label" for="val-number">Number <span class="text-danger">*</span></label>
							    <div class="col-md-6">
							        <input type="text" id="val-number" name="val-number" class="form-control validation" data-validation="default_number" placeholder="3.0">
							    </div>
							</div>
							<div class="form-group">
							    <label class="col-md-3 control-label"><a href="#modal-terms" data-toggle="modal">Agree to Terms</a> <span class="text-danger">*</span></label>
							    <div class="col-md-8">
							        <label class="switch switch-primary" for="val-terms">
							            <input type="checkbox" id="val-terms" name="val-terms" checked="checked" class="validation" data-validation="default" value="1">
							            <span data-toggle="tooltip" title="I agree to the terms"></span>
							        </label>
							    </div>
							</div>

						</div><!-- [end] modal-body -->

						<input type="hiddenx" name="type_submit" value="add">
						<input type="hiddenx" name="val-id" value="">

						<div class="modal-footer">
						<!-- <h4 class="pull-left">$ <strong class="text-primary-dark">689</strong><small>.00</small></h4> -->
						<button type="submit" class="btn btn-effect-ripple btn-success"><i class="fa fa-check"></i> Complete Purchase</button>
						</div>
					</form>

					</div>
				</div>
			</div>

			<div class="table-responsive">
			<form method="post" data-modal-target="<?php echo $modal_name;?>">
				<input name="type_submit" type="hidden" value="delete">

				<table id="example-datatable" class="table table-striped table-bordered table-vcenter table-hover">
					<thead>
						<tr>
							<th style="width: 80px;" class="text-center"><label class="csscheckbox csscheckbox-primary"><input type="checkbox"><span></span></label></th>
							<th class="text-center" style="width: 50px;">ID</th>
							<th>User</th>
							<th>Email</th>
							<th style="width: 120px;">Status</th>
							<th class="text-center" style="width: 75px;"><i class="fa fa-flash"></i></th>
						</tr>
					</thead>
					<tbody>
					<?php
					$labels['0']['class'] = "label-success";
					$labels['0']['text'] = "Active";
					$labels['1']['class'] = "label-info";
					$labels['1']['text'] = "On hold..";
					$labels['2']['class'] = "label-danger";
					$labels['2']['text'] = "Disabled";
					$labels['3']['class'] = "label-warning";
					$labels['3']['text'] = "Pending..";	
					?>
					<?php 
						for($i=1; $i<31; $i++) { 

							// editdata seperti send get value, split by | 
							// cth : <namainput>#<value> | <namaselect>#<value>
							$editdata = "val-username#AppUser{$i}|"
										."val-email#app.user{$i}@example.com|"
										."val-suggestions#asd|"
										."val-skill#asd|"
										."val-digits#asd|"
										."val-number#asd|"
										."val-terms#true|"
										."val-id#{$i}";
					?>
						<tr>
							<td class="text-center"><label class="csscheckbox csscheckbox-primary"><input type="checkbox" name="myid[]" value="<?php echo $i;?>"><span></span></label></td>
							<td class="text-center"><?php echo $i; ?></td>
							<td><strong>AppUser<?php echo $i; ?></strong></td>
							<td>app.user<?php echo $i; ?>@example.com</td>
							<?php $rand = rand(0, 3); ?>
							<td><span class="label<?php echo ($labels[$rand]['class']) ? " " . $labels[$rand]['class'] : ""; ?>"><?php echo $labels[$rand]['text'] ?></span></td>
							<td class="text-center">
							<a href="javascript:void(0)" data-toggle="tooltip" title="Edit User" class="btn btn-effect-ripple btn-xs btn-success edit-me" data-modal-target="<?php echo $modal_name;?>" data-editdata="<?php echo $editdata;?>"><i class="fa fa-pencil"></i></a>
							<a href="javascript:void(0)" data-toggle="tooltip" title="Delete User" class="btn btn-effect-ripple btn-xs btn-danger del-me" data-val="<?php echo $i;?>"><i class="fa fa-times"></i></a>
							</td>
						</tr>
					<?php } ?>
					</tbody>
				</table>
			</form>
			</div>
		
		<script src="js/pages/formsValidation.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){

        	$("#example-datatable").setdatatable().setadddelete();

            $('thead input:checkbox').click(function() {
                var checkedStatus   = $(this).prop('checked');
                var table           = $(this).closest('table');

                $('tbody input:checkbox', table).each(function() {
                    $(this).prop('checked', checkedStatus);
                });
            });

			$(document).on("click", ".add-me", function(){
				var modal_name 	= "."+$(this).closest("form").data("modal-target");
				$(modal_name).modal({keyboard:true});
				$(modal_name).find("input").not(":button, :submit, :reset").val("").prop("checked",false);
				$(modal_name).find("select").prop("selected",false);
				$(modal_name).find('.help-block').remove();
				$(modal_name).find('.form-group').removeClass('has-success has-error');
				$("#form-validation").setvalidation('');
				$("#form-validation > [name='type_submit']").val("add");
				// console.log($._data($("#form-validation").get(0), "events"));
			});

			$("#example-datatable tbody").on("click", ".del-me", function(){
				if(confirm("Delete This Record! Are You Sure?")){
					$(this).closest("table").find("input[type='checkbox']").prop("checked",false);
					$(this).closest("tr").find("input[type='checkbox']").trigger("click");
					$(this).closest("form").submit();
				}
			})

			$("#example-datatable tbody").on("click", ".edit-me", function(){
				var modal_name 	= "."+$(this).data("modal-target");
				var editdata 	= $(this).data("editdata");
				$(modal_name).modal({keyboard:true});
				$(modal_name).find("input").not(":button, :submit, :reset").val("").prop("checked",false);
				$(modal_name).find("select").prop("selected",false);
				$(modal_name).find('.help-block').remove();
				$(modal_name).find('.form-group').removeClass('has-success has-error');
				$("#form-validation").setvalidation(editdata);
				$("#form-validation > [name='type_submit']").val("edit");
				// console.log($._data($("#form-validation").get(0), "events"));
			});

        });

        </script>
	</div> <!-- End Started Block -->