File: /home/artinside/www/sabbry/themes/admin/widgets/product/peca.php
<?php $v->layout("_admin"); ?>
<?php $v->start("css")?>
<link rel="stylesheet" type="text/css" href="<?= url("admin-assets/css/gallery.css"); ?>" />
<link rel="stylesheet" type="text/css" href="<?= url("admin-assets/assets/jquery-multi-select/css/multi-select.css"); ?>" />
<link rel="stylesheet" type="text/css" href="<?= url("admin-assets/assets/bootstrap-fileupload/bootstrap-fileupload.css"); ?>" />
<?php $v->end(); ?>
<section class="wrapper">
<?php if (!$product): ?>
<div class="row">
<div class="col-12 text-center my-4 text-sm-center">
<h3> Nova Peça</h3>
<p>Crie uma nova Peça </p>
</div>
<div class="col-lg-3 col-md-4">
<!--widget start-->
<aside class="profile-nav alt fb-border">
<section class="card">
<div class="user-heading alt bg-dark">
<a href="#">
<img alt="" class="img-open" id="image-preview" src="<?= image($product->cover, 400, 400); ?>">
</a>
<h1>Imagem Capa</h1>
<p>Clique para alterar</p>
</div>
<ul class="nav nav-pills nav-stacked">
<li class="nav-item" ><a class="nav-link bg-gray" > <i class="fal fa-box-alt"></i> Cadastro Principal</a></li>
<!-- <li class="nav-item inactive tooltips" data-toggle="tooltip" data-placement="bottom" title="Cadastro de variações liberado após cadastro principal ser concluído"><a class="nav-link " > <i class="fal fa-sort-numeric-asc"></i> Variações</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="javascript:;"> <i class="fal fa-envelope"></i> Message <span class="badge badge-success pull-right r-activity">10</span></a></li>-->
</ul>
</section>
</aside>
<!--widget end-->
<?php if($gallery):?>
<section class="card">
<header class="card-header infinity-bg white-text text-center">
Galeria de Imagens
</header>
<div class="card-body">
<ul class="grid cs-style-8 j-deleta">
<?php foreach ($gallery as $g) :?>
<li data-delete="<?= $g->id ?>">
<figure>
<img src="<?= image($g->gallery, 500, 500)?>" alt="img04">
<figcaption>
<a class="bg-infinity" rel="group" href="" id="delete-gallery"
data-id="<?= $g->id ?>"
data-url="<?= url("/admin/removeimagegallery")?>">
<i class="fa fa-trash"></i></a>
</figcaption>
</figure>
</li>
<?php endforeach;?>
</ul>
</div>
</section>
<?php endif; ?>
<section class="card">
<header class="card-header infinity-bg white-text text-center">
Dados Técnicos
</header>
<div class="card-body"><p>Finalize o cadastro inicial antes de cadastrar dados técnicos</p></div>
</section>
</div>
<div class="col-lg-9 col-md-8">
<section class="card">
<header class="card-header infinity-bg white-text">
Cadastrar Peça
</header>
<div class="card-body">
<form class="form-horizontal tasi-form" method="post" action="<?= url("/admin/product/peca"); ?>">
<input type="hidden" name="action" value="create"/>
<input type="hidden" name="type" value="pecas"/>
<div class="form-group row" hidden>
<label class="col-sm-2 control-label">Capa (1920x1080px)</label>
<div class="col-sm-10">
<input type="file" name="cover" placeholder="Uma imagem de capa" class="form-control" id="j_img_preview"/>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Título*</label>
<input type="text" class="form-control" name="title">
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Subtítulo*</label>
<input type="text" class="form-control" name="subtitle">
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Vídeo</label>
<input type="text" class="form-control" name="video">
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Conteúdo*</label>
<textarea name="content" class="form-control mce"></textarea>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Velocidade Máxima*</label>-->
<!-- <input type="text" class="form-control" name="speed">-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Tecnologia de Impressão*</label>-->
<!-- <input type="text" class="form-control" name="technology">-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Tamanho do Papel*</label>-->
<!-- <input type="text" class="form-control" name="paper_size">-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Diferenciais*</label>-->
<!-- <input type="text" class="form-control" name="diferenciais">-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!---->
<!-- <label class="control-label">Manual*</label>-->
<!-- <div class="fileupload fileupload-new" data-provides="fileupload">-->
<!-- <span class="btn btn-white btn-file">-->
<!-- <span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Manual</span>-->
<!-- <span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>-->
<!-- <input type="file" class="default" name="manual"/>-->
<!-- </span>-->
<!-- <span class="fileupload-preview rounded" style="margin-left:5px;"></span>-->
<!-- <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Perfil*</label>-->
<!-- <div class="fileupload fileupload-new" data-provides="fileupload">-->
<!-- <span class="btn btn-white btn-file">-->
<!-- <span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Perfil</span>-->
<!-- <span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>-->
<!-- <input type="file" class="default" name="perfil"/>-->
<!-- </span>-->
<!-- <span class="fileupload-preview rounded" style="margin-left:5px;"></span>-->
<!-- <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="form-group row">
<div class="col-md-4">
<label class="control-label">Data de publicação:</label>
<input class="mask-datetime form-control" type="text" name="post_at" value="<?= date("d/m/Y H:i"); ?>"
required/>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
<div class="col-md-4">
<label class="control-label">Categoria*</label>
<select name="category" class="form-control" required>
<?php foreach (menuCategories("pecas") as $cat):?>
<option value="<?= $cat->id ?>"
<?php if($cat->session == 0) : ?>disabled <?php endif;?>><?= $cat->title ?></option>
<?php if(menuCategories('pecas', $cat->id)):
foreach (menuCategories('pecas', $cat->id)as $sub):
?>
<option value="<?= $sub->id ?>">>> <?= $sub->title?></option>
<?php
endforeach;
endif;
endforeach; ?>
</select>
</div>
<div class="col-md-4">
<label class="control-label">Status*</label>
<select name="status" class="form-control" required>
<option value="post">Publicar</option>
<option value="draft">Rascunho</option>
<option value="trash">Lixo</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Galeria</label>
<div class="fileupload fileupload-new" data-provides="fileupload">
<span class="btn btn-white btn-file">
<span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Imagens</span>
<span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>
<input type="file" class="default" name="gallery[]" multiple/>
</span>
<a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>
</div>
<span class="help-block">Envie até 10 imagens por vez para não sobrecarregar o sistema</span>
</div>
</div>
<button class="btn btn-primary" type="submit">Publicar</button>
<a class="btn btn-danger" href="<?= url("/admin/product/pecas"); ?>">Cancelar</a>
</form>
</div>
</section>
</div>
</div>
<?php else: ?>
<div class="row">
<div class="col-12 text-center my-4 text-sm-center">
<h4> Editar Produto [<?= $product->title; ?>] #<?= $product->id; ?> </h4>
<p><a class="icon-link btn btn-success" href="<?= url("/product/{$product->uri}"); ?>" target="_blank" title="">Ver no site</a></p>
</div>
<div class="col-lg-3 col-md-4">
<!--widget start-->
<aside class="profile-nav alt fb-border">
<section class="card">
<div class="user-heading alt bg-dark">
<a href="#">
<img alt="" class="img-open" id="image-preview" src="<?= image($product->cover, 400, 400); ?>">
</a>
<h1>Imagem Capa</h1>
<p>Clique para alterar</p>
</div>
<ul class="nav nav-pills nav-stacked j_navigation">
<li class="nav-item"><a class="nav-link bg-gray" data-link="j_principal"><i class="fal fa-box-alt"></i> Cadastro Principal</a></li>
<!-- <li class="nav-item"><a class="nav-link" data-link="j_variations"><i class="fal fa-sort-numeric-asc"></i> Variações</a></li>-->
<!-- <li class="nav-item"><a class="nav-link" href="javascript:;"> <i class="fal fa-envelope"></i> Message <span class="badge badge-success pull-right r-activity">10</span></a></li>-->
</ul>
<section class="card">
<header class="card-header infinity-bg white-text text-center">
Dados Técnicos
</header>
<div class="card-body">
<div class="fileContent">
<?= $v->insert("views/fragments/files", ["files"=>$files]); ?>
</div>
<button class="btn btn-info btn-block btn-sm" data-toggle="modal" data-target="#modalFiles" ><i class="fal fa-download mr-2"></i> Cadastrar Arquivo</button>
</div>
</section>
</section>
</aside>
<!--widget end-->
<?php if($gallery):?>
<section class="card">
<header class="card-header infinity-bg white-text text-center">
Galeria de Imagens
</header>
<div class="card-body">
<ul class="grid cs-style-8 j-deleta">
<?php foreach ($gallery as $g) :?>
<li data-delete="<?= $g->id ?>">
<figure>
<img src="<?= image($g->gallery, 500, 500)?>" alt="img04">
<figcaption>
<a class="bg-infinity" rel="group" href="" id="delete-gallery"
data-id="<?= $g->id ?>"
data-url="<?= url("/admin/removeimagegallery")?>">
<i class="fal fa-trash"></i></a>
</figcaption>
</figure>
</li>
<?php endforeach;?>
</ul>
</div>
</section>
<?php endif; ?>
</div>
<div class="col-lg-9 col-md-8 j_main">
<section class="card j_visibility j_principal">
<header class="card-header infinity-bg white-text">
Editar Produto
</header>
<div class="card-body">
<form class="form-horizontal tasi-form" method="post" action="<?= url("/admin/product/peca/{$product->id}"); ?>" >
<input type="hidden" name="action" value="update"/>
<input type="hidden" name="type" value="pecas"/>
<div class="form-group row" hidden>
<label class="col-sm-2 control-label">Capa (1920x1080px)</label>
<div class="col-sm-10">
<input type="file" name="cover" placeholder="Uma imagem de capa" class="form-control" id="j_img_preview"/>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Título*</label>
<input type="text" class="form-control" name="title" value="<?= $product->title; ?>" >
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Subtítulo*</label>
<input type="text" class="form-control" name="subtitle" value="<?= $product->subtitle; ?>">
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Vídeo*</label>
<input type="text" class="form-control" name="video" value="<?= $product->video; ?>" >
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Conteúdo*</label>
<textarea name="content" class="form-control mce"><?= $product->content; ?></textarea>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
</div>
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Velocidade Máxima*</label>-->
<!-- <input type="text" class="form-control" name="speed" value="--><?php //= $product->speed; ?><!--">-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Tecnologia de Impressão*</label>-->
<!-- <input type="text" class="form-control" name="technology" value="--><?php //= $product->technology; ?><!--">-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Tamanho do Papel*</label>-->
<!-- <input type="text" class="form-control" name="paper_size" value="--><?php //= $product->paper_size; ?><!--">-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Diferenciais*</label>-->
<!-- <input type="text" class="form-control" name="diferenciais" value="--><?php //= $product->diferenciais; ?><!--">-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="form-group row">-->
<!-- <div class="col-sm-6">-->
<!---->
<!-- <label class="control-label">Manual*</label>-->
<!-- <div class="fileupload --><?php //= !empty($product->manual) ? "fileupload-exists" : "fileupload-new" ?><!--" data-provides="fileupload">-->
<!-- <span class="btn btn-white btn-file">-->
<!-- <span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Manual</span>-->
<!-- <span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>-->
<!-- <input type="file" class="default" name="manual"/>-->
<!-- </span>-->
<!-- <span class="fileupload-preview rounded" style="margin-left:5px;">--><?php //= $product->manual ?><!--</span>-->
<!-- <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-sm-6">-->
<!-- <label class="control-label">Perfil*</label>-->
<!-- <div class="fileupload --><?php //= !empty($product->perfil) ? "fileupload-exists" : "fileupload-new" ?><!--" data-provides="fileupload">-->
<!-- <span class="btn btn-white btn-file">-->
<!-- <span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Perfil</span>-->
<!-- <span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>-->
<!-- <input type="file" class="default" name="perfil"/>-->
<!-- </span>-->
<!-- <span class="fileupload-preview rounded" style="margin-left:5px;">--><?php //= $product->perfil ?><!--</span>-->
<!-- <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="form-group row">
<div class="col-md-4">
<label class="control-label">Data de publicação:</label>
<input class="mask-datetime form-control" type="text" name="post_at" value="<?= date_fmt($product->post_at)?>"
required/>
<!-- <span class="help-block">A block of help text that breaks onto a new line and may extend beyond one line.</span>-->
</div>
<div class="col-md-4">
<label class="control-label">Categoria*</label>
<select name="category" class="form-control" required>
<?php
$category = $product->category;
$select = function ($value) use ($category) {
return ($category == $value ? "selected" : "");
};
?>
<?php foreach (menuCategories("pecas") as $cat):?>
<option value="<?= $cat->id ?>"
<?php if($cat->session == 0) : ?>disabled <?php endif;?>><?= $cat->title ?></option>
<?php if(menuCategories('pecas', $cat->id)):
foreach (menuCategories('pecas', $cat->id)as $sub):
?>
<option <?= $select($sub->id); ?> value="<?= $sub->id ?>">>> <?= $sub->title?></option>
<?php
endforeach;
endif;
endforeach; ?>
</select>
</div>
<div class="col-md-4">
<label class="control-label">Status*</label>
<select name="status" class="form-control" required>
<?php
$status = $product->status;
$select = function ($value) use ($status) {
return ($status == $value ? "selected" : "");
};
?>
<option <?= $select("post"); ?> value="post">Publicar</option>
<option <?= $select("draft"); ?> value="draft">Rascunho</option>
<option <?= $select("trash"); ?> value="trash">Lixo</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<label class="control-label">Galeria</label>
<div class="fileupload fileupload-new" data-provides="fileupload">
<span class="btn btn-white btn-file">
<span class="fileupload-new"><i class="fal fa-file-upload"></i> Selecionar Imagens</span>
<span class="fileupload-exists"><i class="fal fa-undo"></i> Trocar</span>
<input type="file" class="default" name="gallery[]" multiple/>
</span>
<a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a>
</div>
<span class="help-block">Envie até 10 imagens por vez para não sobrecarregar o sistema</span>
</div>
</div>
<button class="btn btn-primary" type="submit">Publicar</button>
<a class="btn btn-danger" href="<?= url("/admin/product/pecas"); ?>">Cancelar</a>
</form>
</div>
</section>
<section class="card j_variations j_visibility" style="display: none">
<header class="card-header infinity-bg white-text text-center">
Variações
</header>
<div class="card-body">
<a class="btn btn-info btn-block white-text" data-toggle="modal" data-target="#exampleModalCenter"><i class="fal fa-plus"></i> Variações</a>
</div>
<div class="j_variation">
<?php $v->insert("views/fragments/table-variations"); ?>
</div>
</section>
</div>
</div>
<?php endif; ?>
</section>
<?php $v->start("scripts")?>
<script src="<?= url("admin-assets/js/toucheffects.js")?>"></script>
<script src="<?= url("admin-assets/js/modernizr.custom.js")?>"></script>
<script src="<?= url("admin-assets/assets/bootstrap-fileupload/bootstrap-fileupload.js")?>"></script>
<script src="<?= url("admin-assets/js/form-component.js")?>"></script>
<script src="<?= url("shared/scripts/bootstrap-tokenfield.min.js")?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="<?= url("admin-assets/assets/jquery-multi-select/js/jquery.multi-select.js")?>"></script>
<script src="<?= url("admin-assets/assets/jquery-multi-select/js/jquery.quicksearch.js")?>"></script>
<script src="<?= url("admin-assets/js/advanced-form-components.js")?>"></script>
<script src="<?= theme("assets/js/productScripts.js", CONF_VIEW_ADMIN)?>"></script>
<script>
var ajaxResponseBaseTime = 3;
var ajaxResponseRequestError = "<div class='message error icon-warning'>Desculpe mas não foi possível processar sua requisição...</div>";
// AJAX RESPONSE
function ajaxMessage(message, time) {
var ajaxMessage = $(message);
ajaxMessage.append("<div class='message_time'></div>");
ajaxMessage.find(".message_time").animate({"width": "100%"}, time * 1000, function () {
$(this).parents(".message").fadeOut(200);
});
$(".ajax_response").append(ajaxMessage);
ajaxMessage.effect("bounce");
}
$(".j_variation").on("click", ".j_del_variation", function (e) {
e.preventDefault();
var clicked = $(this);
var data = clicked.data();
var load = $(".ajax_load");
if (data.confirm) {
var deleteConfirm = confirm(data.confirm);
if (!deleteConfirm) {
return;
}
}
$.ajax({
url: data.url,
type: "POST",
data: data,
dataType: "json",
beforeSend: function () {
load.fadeIn(200).css("display", "flex");
},
success: function (response) {
//message
if (response.message) {
ajaxMessage(response.message, ajaxResponseBaseTime);
}
if(response.ajax){
$(response.ajaxTarget).html(response.ajax);
load.fadeOut(200);
}
},
error: function () {
ajaxMessage(ajaxResponseRequestError, 5);
load.fadeOut();
}
});
});
$(".j_variation").on("blur",".j_variation_caracteristic", function (e) {
e.preventDefault();
var blured = $(this);
var caracteristic = $(this).val();
var data = blured.data();
data.caracteristic = caracteristic;
var load = $(".ajax_load");
$.ajax({
url: data.url,
type: "POST",
data: data,
dataType: "json",
beforeSend: function () {
load.fadeIn(200).css("display", "flex");
},
success: function (response) {
//message
if (response.message) {
ajaxMessage(response.message, ajaxResponseBaseTime);
}else{
load.fadeOut(200);
}
},
error: function () {
ajaxMessage(ajaxResponseRequestError, 5);
load.fadeOut();
}
});
});
$(".j_navigation").on("click", "a", function (e) {
e.preventDefault();
var target = $(this).data("link");
$(".j_navigation").parent().find('a').removeClass("bg-gray");
$(this).addClass("bg-gray");
$(".j_visibility").fadeOut("fast");
$("."+target).fadeIn("slow");
})
</script>
<?php
$v->end();
$v->insert("views/modals/variations");
$v->insert("views/modals/product-files");
?>