Viewing file:  preparacion_view.php (21.99 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<style>
.red2 {
background-color: red;
}
#content {
margin: 0 auto;
width: auto;
height: auto;
}
#izquierda{
width:400px;
height:40px;
float: left;
}
#derecha{
width:400px;
height:40px;
float: right;
}
#th{
border-left: 1px solid #3c8dbc;
}
.red {
color: red;
}
.black {
color: black;
}
[data-notify="progressbar"] {
margin-bottom: 0px;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 5px;
}
.selected {
background-color:white;
color:blue;
font-weight:bold;
}
.pendiente {
background-color:white;
color:green;
font-weight:bold;
}
.regular {
background-color:white;
color:red;
font-weight:bold;
}
/* Style when highlighting a search. */
.ui-select-highlight {
font-weight: bold;
}
.ui-select-offscreen {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.ui-select-choices-row:hover {
background-color: #f5f5f5;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
border-color: #D44950;
}
.select2-result-single {
padding-left: 0;
}
.select2-locked > .select2-search-choice-close{
display:none;
}
.select-locked > .ui-select-match-close{
display:none;
}
body > .select2-container.open {
z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}
/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
border-radius: 4px; /* FIXME hardcoded value :-/ */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
border-radius: 4px; /* FIXME hardcoded value :-/ */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-width: 1px; /* FIXME hardcoded value :-/ */
border-top-style: solid;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
border-bottom-color: #5897fb;
}
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border:0;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
width: 100%;
}
/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
margin: 0 !important;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
border-color: #D44950;
}
/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
margin-top: -2px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border:0;
width: 0;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
text-decoration: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-select-bootstrap .ui-select-toggle {
position: relative;
}
.ui-select-bootstrap .ui-select-toggle > .caret {
position: absolute;
height: 10px;
top: 50%;
right: 10px;
margin-top: -2px;
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
/* Instead of relative */
position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
border-radius: 4px; /* FIXME hardcoded value :-/ */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
border-radius: 4px !important; /* FIXME hardcoded value :-/ */
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.ui-select-bootstrap .ui-select-search-hidden{
opacity: 0;
height: 0;
min-height: 0;
padding: 0;
margin: 0;
border:0;
}
.ui-select-bootstrap > .ui-select-match > .btn{
/* Instead of center because of .btn */
text-align: left !important;
}
.ui-select-bootstrap > .ui-select-match > .caret {
position: absolute;
top: 45%;
right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
width: 100%;
height: auto;
max-height: 200px;
overflow-x: hidden;
margin-top: -1px;
}
body > .ui-select-bootstrap.open {
z-index: 1000; /* Standard Bootstrap dropdown z-index */
}
.ui-select-multiple.ui-select-bootstrap {
height: auto;
padding: 3px 3px 0 3px;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
background-color: transparent !important; /* To prevent double background when disabled */
border: none;
outline: none;
height: 1.666666em;
margin-bottom: 3px;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
font-size: 1.6em;
line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
outline: 0;
margin: 0 3px 3px 0;
}
.ui-select-multiple .ui-select-match-item {
position: relative;
}
.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
pointer-events: none;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
content: "";
position: absolute;
top: 0;
right: 100%;
height: 100%;
margin-right: 2px;
border-left: 1px solid #428bca;
}
.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
content: "";
position: absolute;
top: 0;
left: 100%;
height: 100%;
margin-left: 2px;
border-right: 1px solid #428bca;
}
.ui-select-bootstrap .ui-select-choices-row>span {
cursor: pointer;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active>span {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
border-color: #D44950;
}
/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}
.ui-select-bootstrap .ui-select-match-text {
width: 100%;
padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
display: inline-block;
width: 100%;
overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
position: absolute;
height: 10px;
right: 10px;
margin-top: -2px;
}
/* Spinner */
.ui-select-refreshing.glyphicon {
position: absolute;
right: 0;
padding: 8px 27px;
}
@-webkit-keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes ui-select-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.ui-select-spin {
-webkit-animation: ui-select-spin 2s infinite linear;
animation: ui-select-spin 2s infinite linear;
}
.ui-select-refreshing.ng-animate {
-webkit-animation: none 0s;
}
</style>
<div class="content-wrapper" style="min-height: 946px;">
<div ng-app="MenuOperaciones" style="margin-left:30px;">
<section class="content-header">
<h1><?php echo ($titulo); ?></h1>
<br>
<div id="content">
<form action="<?php echo base_url() ?>home/expulsarPendientesDepo/" method="post">
<div id="izquierda" align="left">
<input type="text" autofocus ng-model="search" ng-change="filter()" style="width: 300px;height :30px;" placeholder="BUSCAR" class="form-control" />
</div>
<div>
<?php
$this->load->view('alert');
?>
</div>
<div id="derecha" align="right">
<button type="submit" class="btn btn-warning" aria-label="Left Align">
<span class="glyphicon glyphicon-print"></span> PEDIDOS PREP/PEND
</button>
</div>
</form>
<form action="<?php echo base_url() ?>home/expulsarPreparadosHoy/" method="post">
<button type="submit" class="btn btn-danger" aria-label="Left Align">
<span class="glyphicon glyphicon-stats"></span> PREPARADOS HOY
</button>
</form>
</div>
</section>
<!-- Main content -->
<section class="content">
<form ng-submit="confirm()" name="pedidos" id="pedidos" action="<?php echo base_url(); ?>pedido/prepararAcciones/" method="POST" ng-controller="MyCtrl">
<div class="row">
<div class="col-md-12" ng-show="filteredItems > 0">
<table class="table table-striped table-bordered">
<thead>
<th> <button type="button" ng-click="enviarFacturar();" class="btn btn-info" aria-label="Left Align">
</span> A FACTURAR
</button></th>
<th>PEDIDO <a ng-click="sort_by('id_pedido');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th>FECHA <a ng-click="sort_by('fecha');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th>CONFIRMADO <a ng-click="sort_by('fechaConfirmacion');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th>ESTADO <a ng-click="sort_by('estado');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th >RAZON SOCIAL <a ng-click="sort_by('razon_social');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th>PAGADO <a ng-click="sort_by('pagado');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th>MEDIO <a ng-click="sort_by('medio');"><i class="glyphicon glyphicon-sort"></i></a></th>
<!--> <th>SUBT <a ng-click="sort_by('subtotal');"><i class="glyphicon glyphicon-sort"></i></a></th> <!-->
<th>TOTAL <a ng-click="sort_by('total');"><i class="glyphicon glyphicon-sort"></i></a></th>
<th style="width:25%">ACCION </th>
</thead>
<tbody>
<tr ng-repeat="data in filtered = (list | filter:search) | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit" ng-class='whatClassIsIt(data.estado)'>
<td><input type="checkbox" ng-model="data.checked" ng-click="checkedIndex(data.id_pedido)"></td>
<td><b>{{data.id_pedido}}</b></td>
<td><b>{{data.fecha}}</b></td>
<td><b>{{data.fechaConfirmado}}</b></td>
<td><b>{{data.estado}}</b></td>
<td><b>{{data.razon_social}}</b></td>
<td><b>{{data.pagado}}</b></td>
<td><b>{{data.medio}}</b></td>
<!--> <td><b>{{data.subtotal}}</b></td> <!-->
<td><b>{{data.total}}</b></td>
<td>
<div class="input-group">
<button type="submit" class="btn btn-warning btn-md" title="IMPRIMIR EN PDF" ng-click='ponerDatos(data.id_pedido,data.id,3)' aria-label="Left Align">
<span class="glyphicon glyphicon-print"></span>
</button>
<button type="submit" class="btn btn-primary btn-md" title="EDITAR PEDIDO" ng-click="ponerDatos(data.id_pedido,data.id,1)" aria-label="Left Align">
<span class="glyphicon glyphicon-edit"></span>
</button>
<button type="submit" class="btn btn-danger btn-md" ng-click="ponerDatos(data.id_pedido,data.id,15)" title="VOLVER A COTIZAR" aria-label="Left Align">
<span class="glyphicon glyphicon-repeat"></span>
</button>
<button type="submit" class="btn btn-success btn-md" title="FINALIZAR PREPARACION" ng-click="ponerDatos(data.id_pedido,data.id,12)" aria-label="Left Align">
<span class="glyphicon glyphicon-list-alt"></span>
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-10" ng-show="filteredItems == 0">
<div class="col-md-10">
<h4>NO HAY PRODUCTOS DISPONIBLES</h4>
</div>
</div>
<div class="col-md-10" ng-show="filteredItems > 0">
<div class="col-md-4">
<h5>Obtenidos {{ filtered.length }} De {{ totalItems}} PEDIDOS </h5>
</div>
<div class="col-md-6" pagination="" page="currentPage" max-size="20" on-select-page="setPage(page)" boundary-links="true" total-items="filteredItems" items-per-page="entryLimit" class="pagination-small" previous-text="«" next-text="»"></div>
</div>
<input type="hidden" name="accion" id="accion" ng-init="tipoOp = '0'" ng-model="model.accion" value="{{accion}}"> </input>
<input type="hidden" name="numeroCliente" id="numeroCliente" ng-init="tipoOp = '0'" ng-model="model.numeroCliente" value="{{numeroCliente}}"> </input>
<input type="hidden" name="numeroPedido" id="numeroPedido" ng-init="tipoOp = '0'" ng-model="model.numeroPedido" value="{{numeroPedido}}"> </input>
</form>
<div class="row">
<p><span style="background:green"> </span> VERDE: PENDIENTES DE INGRESO <br><span style="background:red"> </span> ROJO: SIN IMPRIMIR<br><span style="background:blue"> </span> AZUL: IMPRESOS </p>
</div>
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<script type="text/javascript">
var pedidosMayoresQuincena;
/* $.ajax({
type: 'GET',
url: '<?php echo site_url("pedido/getMensajePedidosPendientesDepo"); ?>',
data: {},
success:function(data){
pedidosMayoresQuincena=data;
notify.update('message', pedidosMayoresQuincena);
}
});*/
/*var notify = $.notify({
// options
icon: 'glyphicon glyphicon-warning-sign',
title: 'PEDIDOS CONFIRMADOS >15 DIAS',
message: '',
url: '<?php echo site_url("pedido/imprimirExcelPendientesDepo"); ?>'
}, {
// settings
element: 'body',
position: null,
type: "danger",
allow_dismiss: true,
newest_on_top: false,
showProgressbar: true,
placement: {
from: "top",
align: "right"
},
offset: 55,
spacing: 10,
z_index: 1031,
delay: 5000,
timer: 10000,
mouse_over: null,
animate: {
enter: 'animated bounceInDown',
exit: 'animated bounceOutUp'
},
onShow: null,
onShown: null,
onClose: null,
onClosed: null,
icon_type: 'class',
template: '<br><div data-notify="container" class="col-xs-12 col-sm-4 alert alert-{0}" role="alert">' +
'<button type="button" aria-hidden="true" class="close" data-notify="dismiss">×</button>' +
'<span data-notify="icon"></span> ' +
'<span data-notify="title">{1}</span> ' +
'<span data-notify="message">{2}</span>' +
'<div class="progress" data-notify="progressbar">' +
'<div class="progress-bar progress-bar-{0}" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
'</div>' +
'<a href="{3}" target="{4}" data-notify="url"></a>' +
'</div>'
});*/
var app = angular.module('MenuOperaciones', ['ui.bootstrap']);
app.filter('startFrom', function() {
return function(input, start) {
if(input) {
start = +start; //parse to int
return input.slice(start);
}
return [];
}
});
app.controller('MyCtrl', function ($scope, $http, $location) {
$scope.accion='';
$scope.numeroCliente='';
$scope.numeroPedido='';
$scope.list=[];
$scope.chckedIndexs=[];
//traigo la fecha 15 dias para atraz
$scope.fecha = new Date();
$scope.fecha.setDate($scope.fecha.getDate()- 4);
$scope.finFecha= moment($scope.fecha).format('DD/MM/YYYY');
$scope.reloadPage = function(){window.location.reload();}
$http.get("<?php echo site_url("pedido/getPedidosPrepAajax"); ?>").success(function(data){
$scope.list = data;
$scope.currentPage = 1; //current page
$scope.entryLimit = 20; //max no of items to display in a page
$scope.filteredItems = $scope.list.length; //Initially for no filter
$scope.totalItems = $scope.list.length;
});
$scope.setPage = function(pageNo) {
$scope.currentPage = pageNo;
};
$scope.sort_by = function(predicate) {
$scope.predicate = predicate;
$scope.reverse = !$scope.reverse;
};
$scope.ponerDatos= function (id,numeroCliente,accion){
$scope.accion=accion;
$scope.numeroCliente=numeroCliente;
$scope.numeroPedido=id;
};
//agrego al array los elementos seleccionados
$scope.checkedIndex = function (id_pedido) {
var index = $scope.chckedIndexs.indexOf(id_pedido);
if (index < 0) {
$scope.chckedIndexs.push(id_pedido);
} else{
$scope.chckedIndexs.splice(index, 1);
}
};
$scope.enviarFacturar = function () {
items=$scope.chckedIndexs;
if(items != ""){
$.ajax({
type: 'POST',
url: '<?php echo site_url("pedido/pedidosMasivosFacturar"); ?>',
data: {datos:items},
success:function(data){
alert("SE HAN ENVIADO A FACTURAR ");
window.location.reload();
},
error: function () {
alert("ERROR AL ENVIAR PEDIDOS A FACTURAR");
}
});
}else {
alert("NO HAY PEDIDOS SELECCIONADOS");
}
};
$scope.whatClassIsIt= function(someValue){
if(someValue=="PENDIENTE INGRESO IMPRESO")
return "selected";
if(someValue=="PREPARACION ACTIVA")
return "selected";
else if(someValue=="PENDIENTE INGRESO")
return "pendiente";
else
return "regular";
}
function compare(dateTimeA, dateTimeB) {
var momentA = moment(dateTimeA,"DD/MM/YYYY");
var momentB = moment(dateTimeB,"DD/MM/YYYY");
if (momentA > momentB) return 1;
else if (momentA < momentB) return -1;
else return 0;
};
$scope.getColor = function(item, fecha){
if (item !=0){
return RGBtoHex(HSVtoRGB(item, fecha));
}
};
function RGBtoHex(color){
var r = color.r.toString(16);
if(r.length < 2) r = '0' + r;
var g = color.g.toString(16);
if(g.length < 2) g = '0' + g;
var b = color.b.toString(16);
if(b.length < 2) b = '0' + b;
return r + g + b;
};
function HSVtoRGB(s, v) {
//traigo la fecha 15 dias para atraz
fecha = new Date();
fecha.setDate(fecha.getDate()- 4);
finFecha= moment(fecha).format('DD/MM/YYYY');
if(v != undefined){
result =compare(v,finFecha);
if (result<=0){
r=1;
g=0;
b=0;
}
}
if(r!=1){
r=0;
g=1;
b=0;
}
return {
r: Math.floor(r * 255),
g: Math.floor(g * 255),
b: Math.floor(b * 255)
};
};
$scope.confirm = function() {
if (confirm('Estas seguro de esta accion?')){
event.returnValue=true;
}
else{
event.returnValue=false;
}
};
});
</script>
|