mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
trabajando en la lista de tickets
This commit is contained in:
@ -6,10 +6,10 @@
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Crear Ticket</h4>
|
||||
<h4><?= lang("Tickets.createTicket") ?></h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form action="<?= base_url('tickets/crear'); ?>" method="post">
|
||||
<form method="post" class="card-body" action="<?= $formAction ?>" enctype="multipart/form-data">
|
||||
<?= csrf_field(); ?>
|
||||
|
||||
<div class="row">
|
||||
@ -23,9 +23,9 @@
|
||||
|
||||
<div class="col-3 mb-3">
|
||||
<label class="form-label"><?= lang("Tickets.tipo") ?></label>
|
||||
<select id="categoria" name="categoria" class="form-control select2">
|
||||
<?php foreach ($categorias as $key => $value): ?>
|
||||
<option value="<?= $key; ?>"><?= $value; ?></option>
|
||||
<select id="categoria" name="categoria_id" class="form-control select2">
|
||||
<?php foreach ($categorias as $categoria): ?>
|
||||
<option value="<?= $categoria['id']; ?>"><?= $categoria['text']; ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
@ -33,48 +33,104 @@
|
||||
|
||||
<div class="col-3 mb-3">
|
||||
<label class="form-label"><?= lang("Tickets.seccion") ?></label>
|
||||
<select id="seccion" name="seccion" class="form-control select2">
|
||||
<?php foreach ($secciones as $key => $value): ?>
|
||||
<option value="<?= $key; ?>"><?= $value; ?></option>
|
||||
<select id="seccion" name="seccion_id" class="form-control select2">
|
||||
<?php foreach ($secciones as $seccion): ?>
|
||||
<option value="<?= $seccion['id']; ?>"><?= $seccion['text']; ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-3 mb-3">
|
||||
<label class="form-label"><?= lang("Tickets.estado") ?></label>
|
||||
<select id="estado" name="estado" class="form-control select2" disabled>
|
||||
<?php foreach ($estados as $key => $value): ?>
|
||||
<option value="<?= $key; ?>"><?= $value; ?></option>
|
||||
<select id="estado" name="estado_id" class="form-control select2" disabled>
|
||||
<?php foreach ($estados as $estado): ?>
|
||||
<option value="<?= $estado['id']; ?>"><?= $estado['text']; ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="mb-3 col-3">
|
||||
<label class="form-label"><?= lang('Tickets.prioridad') ?></label>
|
||||
<select id="prioridad" name="prioridad" class="form-control">
|
||||
<option value="alta"><?= lang('Tickets.alta') ?></option>
|
||||
<option value="media" selected><?= lang('Tickets.media') ?></option>
|
||||
<option value="baja"><?= lang('Tickets.baja') ?></option>
|
||||
</select>
|
||||
<?php if (auth()->user()->can('tickets.edit')): ?>
|
||||
|
||||
<div class="row">
|
||||
<div class="mb-3 col-3">
|
||||
<label class="form-label"><?= lang('Tickets.prioridad') ?></label>
|
||||
<select id="prioridad" name="prioridad" class="form-control">
|
||||
<option value="alta"><?= lang('Tickets.alta') ?></option>
|
||||
<option value="media" selected><?= lang('Tickets.media') ?></option>
|
||||
<option value="baja"><?= lang('Tickets.baja') ?></option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-3">
|
||||
<label class="form-label"><?= lang('Tickets.asignarTo') ?></label>
|
||||
<select id="supportUser" name="supportUser" class="form-control">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mb-3 col-3">
|
||||
<label class="form-label"><?= lang('Tickets.asignarTo') ?></label>
|
||||
<select id="supportUser" name="supportUser" class="form-control">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label"><?= lang("Tickets.descripcion") ?></label>
|
||||
<textarea id="descripcion" name="descripcion" class="form-control" rows="4" required></textarea>
|
||||
</div>
|
||||
|
||||
<?php if ($formAction === route_to('NewTicket')): ?>
|
||||
|
||||
<div class="row">
|
||||
<div class="mb-3">
|
||||
<label for="filesInput" class="form-label"><?=lang("Tickets.adjuntos")?></label>
|
||||
<input name="files[]" class="form-control" type="file" id="filesInput" multiple accept="image/*">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php else: /*?>
|
||||
<div id="carouselInput" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<a href="ruta-imagen-1.jpg" data-bs-toggle="lightbox">
|
||||
<img src="ruta-imagen-1.jpg" class="d-block w-100" alt="Imagen 1">
|
||||
</a>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<a href="ruta-imagen-2.jpg" data-bs-toggle="lightbox">
|
||||
<img src="ruta-imagen-2.jpg" class="d-block w-100" alt="Imagen 2">
|
||||
</a>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<a href="ruta-imagen-3.jpg" data-bs-toggle="lightbox">
|
||||
<img src="ruta-imagen-3.jpg" class="d-block w-100" alt="Imagen 3">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controles del carrusel -->
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample"
|
||||
data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample"
|
||||
data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Lightbox (usando Bootstrap Modal) -->
|
||||
<div id="lightboxModal" class="modal fade" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img id="lightboxImage" src="" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php */ endif; ?>
|
||||
|
||||
<button type="submit" class="btn btn-primary"><?= lang("Tickets.createTicket") ?></button>
|
||||
</form>
|
||||
</div>
|
||||
@ -82,4 +138,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= $this->endSection(); ?>
|
||||
<?= $this->endSection(); ?>
|
||||
|
||||
<?= $this->section('css') ?>
|
||||
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/dropzone/dropzone.css') ?>" />
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
|
||||
<?= $this->section('additionalExternalJs') ?>
|
||||
<script src="<?= site_url("themes/vuexy/vendor/libs/dropzone/dropzone.js") ?>"></script>
|
||||
<script type="module" src="<?= site_url('assets/js/safekat/pages/soporte/tickets.js') ?>"></script>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@ -0,0 +1,64 @@
|
||||
<?= $this->include('themes/_commonPartialsBs/datatables') ?>
|
||||
<?= $this->extend('themes/vuexy/main/defaultlayout') ?>
|
||||
<?= $this->section('content')?>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="card card-info">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title"><?= lang('Tickets.moduleTitle') ?></h3>
|
||||
<?= anchor(route_to('NewTicket'), lang('Basic.global.addNew') . ' ' . lang('Tickets.ticket'), ['class' => 'btn btn-primary float-end']); ?>
|
||||
</div><!--//.card-header -->
|
||||
<div class="card-body">
|
||||
<?= view('themes/_commonPartialsBs/_alertBoxes'); ?>
|
||||
|
||||
<table id="tableOfTieckets" class="table table-striped table-hover using-exportable-data-table"
|
||||
style="width: 100%;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th><?= lang('Tickets.tipo') ?></th>
|
||||
<th><?= lang('Tickets.seccion') ?></th>
|
||||
<th><?= lang('Tickets.estado') ?></th>
|
||||
<th><?= lang('Tickets.prioridad') ?></th>
|
||||
<th><?= lang('Tickets.asunto') ?></th>
|
||||
<th><?= lang('Tickets.usuario') ?></th>
|
||||
<th><?= lang('Tickets.asignarTo') ?></th>
|
||||
<th><?= lang('Tickets.fechaCreacion') ?></th>
|
||||
<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div><!--//.card-body -->
|
||||
<div class="card-footer">
|
||||
|
||||
</div><!--//.card-footer -->
|
||||
</div><!--//.card -->
|
||||
</div><!--//.col -->
|
||||
</div><!--//.row -->
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
<?= $this->section('css') ?>
|
||||
<link rel="stylesheet"
|
||||
href="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.css") ?>">
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
|
||||
<?= $this->section('additionalExternalJs') ?>
|
||||
<script
|
||||
src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/dataTables.buttons.min.js") ?>"></script>
|
||||
<script
|
||||
src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.js") ?>"></script>
|
||||
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.html5.min.js") ?>"></script>
|
||||
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.print.min.js") ?>"></script>
|
||||
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/jszip/jszip.min.js") ?>"></script>
|
||||
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/pdfmake/pdfmake.min.js") ?>"
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="<?= site_url("/themes/vuexy/vendor/libs/datatables-sk/plugins/pdfmake/vfs_fonts.js") ?>"></script>
|
||||
|
||||
<script type="module" src="<?= site_url('assets/js/safekat/pages/soporte/tickets.js') ?>"></script>
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
</li>
|
||||
|
||||
<li class="menu-item">
|
||||
<a href="<?= route_to("TicketList") ?>" class="menu-link">
|
||||
<a href="<?= route_to("TicketIndex") ?>" class="menu-link">
|
||||
<?= lang("App.menu_soporte_ticket_list") ?>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user