DataTable – No se muestra contenido en ciertas columnas

Tengo el siguiente inconveniente. Localmente mi dataTable carga los datos de manera correcta: (Esto en cualquier navegador)

introducir la descripción de la imagen aquí

Sin embargo, cuando publico mi aplicación en uno de los servidores se observa de la siguiente manera:

introducir la descripción de la imagen aquí

He revisado la consulta y si obtiene los datos. Verifico el JSON en el navegador y a mi parecer la información si carga en el navegador:

introducir la descripción de la imagen aquí

¿Alguien ha tenido una situación parecida? ¿Que podría revisar? Saludos

no se muestra fuera de

Tengo un formulario en mi app de angular para el login. Estoy intentando mostrar errores de validación, pero no se muestran a menos que los coloque fuera de <mat-form-field>.

He intentado añadir un ErrorStateMatcher como indica aquí, pero no funciona. He copiado la misma estructura que utilizo en otros componentes de la aplicación. Es esta:

<form [formGroup]="loginForm" #formDir="ngForm">     <mat-form-field>         <input [errorStateMatcher]="matcher" autocomplete="off" matInput placeholder="Email"             formControlName="username" name="username">         <mat-icon matSuffix>alternate_email</mat-icon>         <mat-error *ngIf="loginForm.controls['username'].hasError('required')">             * This field is required         </mat-error>     </mat-form-field>      <mat-form-field>         <input [errorStateMatcher]="matcher" autocomplete="off" matInput placeholder="Password"             formControlName="password" type="password" name="password" autocomplete>         <mat-icon matSuffix>vpn_key</mat-icon>         <mat-error *ngIf="loginForm.controls['password'].hasError('required')">             * this field is required         </mat-error>     </mat-form-field> </form> 

Aquí esta la instancia del formulario:

constructor(private router: Router,     private fb: FormBuilder) {     this.loginForm = fb.group({       username: new FormControl('', [Validators.required, Validators.email]),       password: new FormControl('', [Validators.required])      })   } 

Aunque los mensajes de error no aparecen, los campos se vuelven rojos cuando no son válidos (tanto Validators.required como Validators.email parece que funcionan correctamente).

También he intentado forzar los inputs para que tengan errores al hacer submit, solamente con el propósito de testear, ya que no creo que sea una solución adecuada:

this.loginForm.controls['username'].setErrors({   required: true }) this.loginForm.controls['password'].setErrors({   required: true }) this.loginForm.markAllAsTouched(); this.loginForm.controls['username'].markAsTouched(); this.loginForm.controls['password'].markAsTouched(); 

Estos son los módulos que he importado en app.module:

import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 

¿Porque no se muestra el listado de compras en mi componente vue compras.vue, y los proveedores en v-select de proveedores?

Estimados en mi proyecto laravel que se llama Proyectolaravel tengo un componente en la carpeta /resources/js/components/compra.vue no muestra el listado de compras inoveedores en el incialmente, ni la lista de proveedores en el formulario de igreso de compras (que usado la herramienta vue select para el listado de proveedores vue select

Pantalla de Compras (listado de compras que no muestra) Componente compras.vue no muestra listado Componente compras.vue formulario

Componente compra.vue

(Presento solo del componente compra.vue la parte del listado y formulario) y metodos para obtener los proveedores

Para Listado

                   <h2>Listado de Compras</h2><br/>                      <button class="btn btn-primary btn-lg" type="button" @click="mostrarDetalle()">                         <i class="fa fa-plus fa-2x"></i>&nbsp;&nbsp;Nueva Compra                     </button>                 </div>                 <!--- Listado-->                  <div class="card-body">                     <div class="form-group row">                         <div class="col-md-6">                             <div class="input-group">                                 <select class="form-control col-md-3" v-model="criterio">                                   <option value="tipo_identificacion">Tipo identificación</option>                                   <option value="num_compra">Número Compra</option>                                   <option value="fecha_compra">Fecha Compra</option>                                 </select>                                 <input type="text"  @keyup.enter="listarCompra(1,buscar,criterio);" v-model="buscar" class="form-control" placeholder="Buscar texto">                                 <button type="submit"  @click="listarCompra(1,buscar,criterio);" class="btn btn-primary"><i class="fa fa-search"></i> Buscar</button>                             </div>                         </div>                     </div>                     <table class="table table-bordered table-striped table-sm">                         <thead>                             <tr class="bg-primary">                                      <th>Ver Detalle</th>                                     <th>Fecha Compra</th>                                     <th>Número Compra</th>                                     <th>Proveedor</th>                                     <th>Tipo de identificación</th>                                     <th>Comprador</th>                                       <th>Total (USD$  )</th>                                     <th>Impuesto</th>                                     <th>Estado</th>                                     <th>Cambiar estado</th>                                     <th>Descargar Reporte</th>                             </tr>                         </thead>                         <tbody>                              <tr v-for="compra in arrayCompra" :key="compra.id">                                      <td>                                          <!--compra.id-->                                         <button type="button" @click="verCompra(compra.id)" class="btn btn-warning btn-sm">                                         <i class="fa fa-eye fa-2x"></i> Ver detalle                                         </button> &nbsp;                                       </td>                                     <td v-text="compra.fecha_compra"></td>                                     <td v-text="compra.num_compra"></td>                                     <td v-text="compra.nombre"></td>                                     <td v-text="compra.tipo_identificacion"></td>                                      <td v-text="compra.usuario"></td>                                      <td v-text="compra.total"></td>                                     <td v-text="compra.impuesto"></td>                                     <td>                                           <button type="button" v-if="compra.estado=='Registrado'" class="btn btn-success btn-sm">                                             <i class="fa fa-check fa-2x"></i> Registrado                                         </button>                                          <button type="button" v-else class="btn btn-danger btn-sm">                                              <i class="fa fa-times fa-2x"></i> Anulado                                         </button>                                      </td>                                       <td>                                         <template v-if="compra.estado=='Registrado'">                                             <button type="button" class="btn btn-danger btn-sm" @click="desactivarCompra(compra.id)">                                                 <i class="fa fa-times fa-2x"></i> Anular Compra                                             </button>                                         </template>                                          <template v-else>                                             <button type="button" class="btn btn-danger btn-sm">                                                  <i class="fa fa-check fa-2x"></i> Cambiado                                             </button>                                         </template>                                     </td>                                      <td>                                           <button type="button" @click="pdfCompra(compra.id)" class="btn btn-info btn-sm">                                         <i class="fa fa-file fa-2x"></i> Descargar PDF                                         </button> &nbsp;                                     </td>                               </tr>                          </tbody>                     </table>                     <nav>                         <ul class="pagination">                             <li class="page-item" v-f="pagination.current_page > 1">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(pagination.current_page - 1,buscar,criterio)">Anterior</a>                             </li>                              <li class="page-item" v-for="page in pagesNumber" :key="page" :class="[page == isActived ? 'active' : '']">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(page,buscar,criterio)" v-text="page"></a>                             </li>                               <li class="page-item" v-if="pagination.current_page < pagination.last_page">                                 <a class="page-link" href="#" @click.prevent="cambiarPagina(pagination.current_page + 1,buscar,criterio)">Siguiente</a>                             </li>                         </ul>                     </nav>                 </div>                 </template> 

Para el formulario de ingreso de compras:

                <template v-else>                 <span><strong>(*) Campo obligatorio</strong></span><br/>                  <h3 class="text-center">Llena el formulario</h3>                  <div class="card-body">                       <div class="form-group row border">                         <div class="col-md-8">                             <div class="form-group">                               <label class="text-uppercase"><strong>Numero Compra(*)</strong></label>                               <input type="text" class="form-control" v-model="num_compra" placeholder="">                           </div>                         </div>                          <div class="col-md-8">                              <div class="form-group">                                 <label class="text-uppercase"><strong>Proveedor(*)</strong></label>                                 <v-select                                   :on-search="selectProveedor"                                   label="nombre"                                   :options="arrayProveedor"                                   placeholder="Buscar Proveedores..."                                   :onChange="getDatosProveedor"                                  >                                 </v-select>                             </div>                         </div>                          <div class="col-md-8">                              <div class="form-group">                                 <label class="text-uppercase"><strong>Tipo Identificacion(*)</strong></label>                                 <select class="form-control" v-model="tipo_identificacion">                                     <option value="0">Seleccione</option>                                     <option value="FACTURA">Factura</option>                                     <option value="NV">Nota_vta</option>                                     <option value="PROFORMA">Proforma</option>                                     <option value="TICKET">Ticket</option>                                 </select>                             </div>                         </div>                          <div class="col-md-8">                             <label class="text-uppercase"><strong>Impuesto(*)</strong></label>                             <input type="text" class="form-control" v-model="impuesto">                         </div>                          <div class="form-group row">                              <div class="col-md-12">                                 <div v-show="errorCompra" class="form-group row div-error">                                     <div v-for="error in errorMostrarMsjCompra" :key="error" v-text="error">                                      </div>                                 </div>                                </div>                         </div>                          <br/><br/>                          <div class="form-group row border">                             <div class="col-md-6">                                 <div class="form-group">                                     <label>Producto <span class="text-error" v-show="idproducto==0">(*Ingrese codigo)</span></label>                                     <div class="form-inline">                                         <input type="text" class="form-control" v-model="codigo" @keyup.enter="buscarProducto()" placeholder="Ingrese codigo">                                         <button @click="abrirModal()" class="btn btn-primary">                                              <i class="fa fa-plus"></i>&nbsp;Agregar Producto                                         </button>                                         <input type="text" readonly class="form-control" v-model="producto">                                                </div>                                 </div>                             </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <label>Precio <span class="text-error" v-show="precio==0">(*precio)</span></label>                                     <input type="number" value="0" step="any" class="form-comtrol" v-model="precio">                                 </div>                               </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <label>Cantidad <span class="text-error" v-show="cantidad==0">(*valor)</span></label>                                     <input type="number" value="0" step="any" class="form-control" v-model="precio">                                 </div>                             </div>                             <div class="col-md-2">                                 <div class="form-group">                                     <button @click="agregarDetalle()" class="btn btn-primary form-control btnagregar"><i class="fa fa-plus fa-2x"></i> Agregar detalle</button>                                 </div>                                 </div>                         </div>                           <br/><br/>                          <div class="form-group row border">                              <h3>Lista Compra a Proveedores</h3>                              <div class="table-responsive col-md-12">                                 <table class="table table-bordered table-striped table table-sm">                                     <thead>                                         <tr class="bg-success">                                             <th>Eliminar</th>                                             <th>Producto</th>                                             <th>Precio (USD$  )</th>                                             <th>Cantidad</th>                                             <th>Total (USD$  )</th>                                         </tr>                                     </thead>                                     <tbody v-if="arrayDetalle.length">                                         <tr v-for="(detalle,index) in arrayDetalle" :key="detalle.id">                                             <td>                                                 <button @click="eliminarDetalle(index)" type="button" class="btn btn-danger btn-sm">                                                     <i class="fa fa-times fa-2x"></i>                                                 </button>                                             </td>                                             <td v-text="detalle.producto">                                             </td>                                             <td>                                                 <input v-model="detalle.precio" type="number" value="3" class="form-control">                                             </td>                                             <td>                                                 <input v-model="detalle.cantidad" type="number" value="2" class="form-control">                                             </td>                                             <td>                                                 {{detalle.precio*detalle.cantidad}}                                             </td>                                          </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Sub-Total:</strong></td>                                             <td><strong> USD$   {{subTotal=((subTotal+(detalle.precio*detalle.cantidad))).toFixed(2)}}</strong></td>                                           </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Impuesto:</strong></td>                                             <td><strong> USD$   {{subTotalImpuesto=(subTotal*impuesto).toFixed(2)}}</strong></td>                                           </tr>                                         <tr style="background-color: grey;">                                             <td colspan="4" align="rigth"><strong>Total:</strong></td>                                             <td><strong> USD$   {{total=calcularTotal}}</strong></td>                                           </tr>                                     </tbody>                                     <tbody v-else>                                         <tr>                                             <td colspan="5">                                                 No se ha agregado productos                                             </td>                                         </tr>                                     </tbody>                                 </table>                             </div>                         </div>                         <div class="form-group row">                             <div class="col-md-12">                                 <button type="button" class="btn btn-danger" @click="ocultarDetalle()"><i class="fa fa-times fa-2x"> Cerrar</i></button>                                 <button type="button" class="btn btn-success" @click="registrarCompra()"><i class="fa fa-save fa-2x"> Registrar Compra</i></button>                             </div>                         </div>                        </div>                       <!-- Fin Detalles -->                 </div>                 </template> 

Método del script para obtener listado que se llama listarCompras()

methods:{             listarCompra(page,buscar,criterio){                 let me=this;                 var url= 'http://localhost/proyectolaravel/public/compra?page=' + page + '&buscar='+ buscar + '&criterio='+criterio;                 axios.get(url).then(function (response) {                     // handle success                     //console.log(response);                     var respuesta = response.data;                     me.arrayCompra=respuesta.compras.data;                     me.pagination= respuesta.pagination;                 })                 .catch(function (error) {                     // handle error                     console.log(error);                 });            },          

Ahora métodos para Proveedores selectProveedor() y getDatosProveedor()

selectProveedor(search,loading){                let me=this;                loading(true)                 var url = 'http://localhost/proyectolaravel/public/proveedor/selectProveedor?filtro='+search;                axios.get(url).then(function (response) {                    let respuesta = response.data;                    q: search                    me.arrayProveedor=respuesta.proveedores;                    loading(false);                 })                .catch(function (erro){                    console.log(error);                });               },              getDatosProveedor(val1){                let me= this;                me.loading = true;                me.idproveedor = val1.id;                       },            

Su ayuda con esto que no muestra listado de compras y listado de proveedores

Pantalla de compra.vue que no muestra listado

Componente compra.vue no muestra listado

Componente compra.vue formulario de ingreso

Error que sale en el componente compra.vue Componente compra.vue error que sale

¿Por qué no se muestra el listado de mis datos en la vista?

Tengo el siguiente problema, necesito mostrar un listado de datos en una tabla,

en la vista se encuentra de la siguiente forma:

  <tr data-ng-repeat="item in (result=(listaTipos | filter:searchText | filter:searchComplete| orderBy: ord: ordStatus))"                                 data-ng-if="$  index >= (currentPage * pageSize) &&  $  index<((currentPage+1)*pageSize)">                              <td class="text-center" >{{$  index+1}}</td>                              <td class="text-center">{{item.name}}</td>                              <td class="text-center">{{item.seq}}</td> 

y dentro del controlador de js tengo lo siguiente:

var getListDocs = EstablishmentDocs.getListDocs(idemp)     getListDocs.then(function(data)              {         resultado = getListDocs.$  $  state.value;         for(var j=0;j<resultado.length;j++)         {             if(resultado[0] != ""){                 $  scope.valuesDocs = resultado[j].split("--");                 var valSequen = new Object()                 valSequen.id = $  scope.valuesDocs[0]                 valSequen.name = $  scope.valuesDocs[1]                 valSequen.seq = $  scope.valuesDocs[0]                 $  scope.listaTiposDoc.push(valSequen)             }         }         $  scope.listaTipos = $  scope.listaTiposDoc     }) 

la lista listaTipos si se llena pero es como que la lista pierde los valores, alguna recomendación?

Gracias.

Combobox no muestra los items correctamente

Estoy haciendo una aplicación, pero no logro que me muestre los items normalmente, me los muestra asi:

introducir la descripción de la imagen aquí

este es el código que estoy usando:

        IEnumerable<Estatus> es = new Estatus().GetAll();         estatusBindingSource.DataSource = es;         cbStatus.SelectedIndex = -1;         foreach (var item in es)         {             elcbEstatus.Items.Add(new { Text = item.Descripcion, Value = item.idEstatus });         } 

que es lo que me falta, no lo hago de la otra forma porque no me muestra nada, solo con este código logre que me mostrara la lista

visual estudio vs code no muestra carpeta .git en el proyecto

estoy probando git y tengo un problema, creo una carpeta para un proyecto que se llama “calendario” cuando inicio git me crea dentro una carpeta .git que es la que va a estar manejando todos los cambios que se hagan si? ahora bien, cuando abro esa carpeta con VS code no me muestra la carpeta .git para poder trabajar dentro 🙁 espero puedan ayudarme con esto.

visual estudio vs code no muestra carpeta .git en el proyecto

introducir la descripción de la imagen aquí

value del submit no se muestra al completo

Tengo un formulario con un botón submit que tiene un texto. Ese texto es demasiado largo y a ciertas resoluciones no se ve bien. El texto es irremediablemente este:

                                        <div class="final">                                             <div class="checkbox">                                                 <label><input type="checkbox" class="checkbox" name="checkbox" required>Acepto recibir comunicaciones de EmpresaEjemplo, así como su política de privacidad.</a></label>                                             </div>                                              <div class="divSumit">                                                 <input class="submit" type="submit" href="http://enlace.com" class="submit" value="HAZ CLICK EN ESTE BOTÓN Y PIDE TU DVD" name="submit" id="submit">                                             </div>                                         </div>

con este css:

.divSumit{     padding-left:50px !important;     padding-right: 50px !important;     width: auto;     height: auto;     display:inline-block; }

Cómo puedo hacer para que entre todo el texto en el botón de submit?

Cambiar formato de fecha que se muestra en una tabla html desde Base de Datos

El formato de fecha extraida desde sql es 2019-09-10 lo que requiere es cambiar el formato de esa fecha a 10 Septiembre 2019.

En la base de datos el input de fecha está como date.

Éste es el código:

<?php require_once 'conexion.php'; $  result; $  conn = dbConnect(); $  sql = 'SELECT * FROM date_prices'   $  result = $  conn->query($  sql);        $  rows = $  result->fetchAll();     ?> <div class="table-responsive"> <table>                     <thead>                         <tr>                             <th>Dates</th>                             <th>Public Prices</th>                         </tr>                     </thead>                     <tbody>     <tbody>     <?php         foreach ($  rows as $  row) {        ?>                          <tr>                             <td>                             <?php echo $  row['date_start'];?> al <?php echo $  row['date_end']; ?>                             </td>                              <td>                         <?php echo $  row['public_price']; ?>                         </tr>      <?php } ?> 

p-dropdown no muestra el item seleccionado

estoy migrando mis “select” a “p-dropdown” para una mayor fluidez y consigo cargar la lista de items correctamente, pero a la hora de mostrar los datos guardados en BBDD no se me selecciona el item que le paso por ng-model.

Es decir, creo un nuevo Pedido, y para señalar el Municipio al que corresponde ese pedido hay un “p-dropdown” que carga los municipios correctamente. relleno los datos (seleccionando el municipio etc) y lo guardo. Luego, cuando entro al pedido, se cargan todos los datos correctamente excepto el Municipio, que selecciona el primer elemento del dropdown en vez del que he seleccionado antes.

En BBDD lo he comprobado y el municipio se guarda correctamente.

pedidos.ts

Ejemplo de como se cargan los datos para el pedido seleccionado “pedidoSeleccionado”

{   ...   IdMunicipio: 5,   MunicipioNombre: "Melilla",   ... } 

pedidos.html

<p-dropdown [options]="municipios" [(ngModel)]="pedidoSeleccionado.IdMunicipio" optionLabel="Nombre" (onChange)="cambioMunicipio($  event.value);"></p-dropdown> 

esto me funcionaba correctamente cuando lo aplicaba al select, pero aqui se me esta haciendo imposible… ¿Alguna sugerencia?

gracias de antemano