|
Directory : /var/www/vhosts/lautnusantara.com/httpdocs/mis/app/Views/theme/BeyondAdmin/halaman/modul/slideshow/ |
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="widget">
<div class="widget-header ">
<span class="widget-caption"><?= $page1 ?></span>
<div class="widget-buttons">
<a href="tables-data.html#" data-toggle="maximize">
<i class="fa fa-expand"></i>
</a>
<a class="sidebar-toggler" href="#">
<i class="fa fa-arrows-h"></i>
</a>
</div>
</div>
<div class="widget-body">
<?php if (!empty(session()->getFlashdata('error'))): ?>
<div class="alert alert-danger fade in">
<button class="close" data-dismiss="alert">
×
</button>
<i class="fa-fw fa fa-times"></i>
<strong>Error!</strong> <?= session()->getFlashdata('error'); ?>
</div>
<?php endif; ?>
<div id="horizontal-form">
<form class="form-horizontal" role="form" method="post" enctype="multipart/form-data"
action="<?= $url_form ?>">
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="margin-top: 5px;padding-top: 1px;">Title</label>
<div class="col-sm-10">
<span class="input-icon icon-right">
<input type="text" class="form-control" placeholder="Title" name="title"
value="<?= $title ?>">
<!--<i class="fa fa-user blue"></i>-->
</span>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-8">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="margin-top: 5px;padding-top: 1px;">Sub Title</label>
<div class="col-sm-10">
<span class="input-icon icon-right">
<input type="text" class="form-control" placeholder="sub_title"
name="sub_title" value="<?= $sub_title ?>">
<!--<i class="fa fa-user blue"></i>-->
</span>
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: -30px;">
<div class="form-group col-sm-8">
<label for="inputEmail3"
class="col-sm-2 control-label no-padding-right text-right">Link</label>
<div class="col-sm-6">
<div class="input-group">
<input class="form-control" type="text" name="link" value="<?= $link ?>">
<!--<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>-->
</div>
</div>
<label for="inputEmail3"
class="col-sm-2 control-label no-padding-right text-right">Urutan</label>
<div class="col-sm-2">
<div class="input-group">
<input class="form-control" name="urut" type="number" value="<?= $urut ?>">
<!--<span class="input-group-addon">
<i class="fa fa-clock-o"></i>
</span>-->
</div>
</div>
</div>
</div>
<div class="row" style="margin-bottom: -30px;">
<div class="form-group col-sm-8">
<label for="inputEmail3" class="col-sm-2 control-label no-padding-right text-right"
style="padding-top: 1px;">Active</label>
<div class="col-sm-10">
<label>
<input class="checkbox-slider slider-icon colored-blue" type="checkbox"
name="active" value="1" <?php if ($active == 1) {
echo 'checked';
} ?>>
<span class="text"></span>
</label>
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-6">
<div class="form-group">
<div class="col-sm-12 text-left">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Image /
Foto</label>
<br>
</div>
<div class="col-sm-12" style="margin-top: 5px;">
<?php if ($data_baru == 'Y' or $url_image . $image == '') { ?>
<img id="output_image" alt="100%x140"
style="padding: 10px; max-height: 350px; width: 100%; display: block;"
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgdmlld0JveD0iMCAwIDI0OCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzLz48cmVjdCB3aWR0aD0iMjQ4IiBoZWlnaHQ9IjE0MCIgZmlsbD0iI0VFRUVFRSIvPjxnPjx0ZXh0IHg9IjkxLjg0OTk5ODQ3NDEyMTEiIHk9IjcwIiBzdHlsZT0iZmlsbDojQUFBQUFBO2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1mYW1pbHk6QXJpYWwsIEhlbHZldGljYSwgT3BlbiBTYW5zLCBzYW5zLXNlcmlmLCBtb25vc3BhY2U7Zm9udC1zaXplOjEycHQ7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+MjQ4eDE0MDwvdGV4dD48L2c+PC9zdmc+"
data-holder-rendered="true">
<?php } else { ?>
<img id="output_image" alt="100%x140"
style="padding: 10px; max-height: 350px; width: 100%; display: block;"
src="<?= base_url() . $url_image . $image ?>" data-holder-rendered="true">
<?php } ?>
<script type='text/javascript'>
function preview_image(event) {
var reader = new FileReader();
reader.onload = function() {
var output = document.getElementById('output_image');
output.src = reader.result;
}
reader.readAsDataURL(event.target.files[0]);
}
</script>
</div>
<div class="col-sm-12" style="margin-top: 5px;">
<div class="input-group">
<input type="hidden" name="sampulLama" value="<?= $url_image . $image ?>">
<br>
<input accept="image/*" type='file' id="imgInp"
onchange="preview_image(event)" value="<?= $url_image . $image ?>"
name="image" />
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<!--<div class="col-sm-12 text-center">
<label for="inputEmail3" class="control-label" style="margin-top: 5px;">Deskripsi</label>
</div>
<div class="col-sm-12">
<textarea cols="80" id="editor1" name="introtext" rows="4" ><?= '';// $introtext ?></textarea>
</div>-->
</div>
</div>
</div>
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-12">
<div class="form-group">
<div class="col-sm-12 text-left">
<label for="inputEmail3" class="control-label"
style="margin-top: 5px;">Description</label>
</div>
<div class="col-sm-12">
<textarea cols="80" id="editor2" name="description"
rows="10"><?= $description ?></textarea>
</div>
</div>
</div>
</div>
<br>
<input type="hidden" name="id" value="<?= $id ?>">
<button type="submit" class="btn btn-primary shiny">Simpan Slideshow</button>
<button type="button" class="btn btn-danger shiny" onclick="onBack()">Cancel</button>
<br>
<br><br>
</form>
</div>
</div>
</div>
</div>
</div>
<!--Dropzone-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/dropzone/dropzone.min.js"></script>
<!--Bootstrap Tags Input-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/tagsinput/bootstrap-tagsinput.js"></script>
<!--Bootstrap Date Picker-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/datetime/bootstrap-datepicker.js"></script>
<!--Bootstrap Time Picker-->
<script src="<?= base_url(); ?>/assets/theme/BeyondAdmin/js/datetime/bootstrap-timepicker.js"></script>
<!-- <script src="https://cdn.ckeditor.com/4.20.1/standard-all/ckeditor.js"></script> -->
<script src="<?= base_url(); ?>/assets/js/ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.replace('editor2', {
height: 260,
/* Default CKEditor 4 styles are included as well to avoid copying default styles. */
// contentsCss: [
// 'http://cdn.ckeditor.com/4.20.1/full-all/contents.css',
// 'https://ckeditor.com/docs/ckeditor4/4.20.1/examples/assets/css/classic.css'
// ],
removeButtons: 'PasteFromWord'
});
</script>
<script type="text/javascript">
function onBack() {
var url = '<?= base_url('slideshow') ?>';
window.open(url, "_self");
}
</script>
<script>
//--Bootstrap Date Picker--
$('.date-picker').datepicker();
//--Bootstrap Time Picker--
$('#timepicker1').timepicker();
</script>