Marcelo Aiello / gestion-comprobantes

1

1

2

2

3

3

4

4

5

Recepción

5

Recepción

6

<button

6

<button

7

class="btn btn-xs btn-outline-light float-right"

7

class="btn btn-xs btn-outline-light float-right"

8

type="button"

8

type="button"

9

ng-click="$ctrl.busqueda()"

9

ng-click="$ctrl.busqueda()"

10

ng-if="$ctrl.busqueda"

10

ng-if="$ctrl.busqueda"

11

title="Buscar"

11

title="Buscar"

12

>

12

>

13

13

14

</button>

14

</button>

15

</div>

15

</div>

16

16

17

Fecha:

17

Fecha:

18

<span

18

<span

19

ng-click="datepickerAbierto = true"

19

ng-click="datepickerAbierto = true"

20

> {{ fecha | date: 'dd/MM/yyyy' }}</span>

20

> {{ fecha | date: 'dd/MM/yyyy' }}</span>

21

</div>

21

</div>

22

22

23

Hora:

23

Hora:

24

<span

24

<span

25

ng-click="datepickerAbierto = true"

25

ng-click="datepickerAbierto = true"

26

> {{ fecha | date: 'shortTime'}}</span>

26

> {{ fecha | date: 'shortTime'}}</span>

27

</div>

27

</div>

28

</div>

28

</div>

29

</div>

29

</div>

30

</div>

30

</div>

31

32

<form>

32

<form>

33

33

34

34

35

<strong>Letra Factura: </strong>

35

<strong>Letra Factura: </strong>

36

<label>{{cabecera.TIP}}</label>

36

<label>{{cabecera.TIP}}</label>

37

</div>

37

</div>

38

38

39

<strong>Tipo Factura: </strong>

39

<strong>Tipo Factura: </strong>

40

<label>{{cabecera.TCO}}</label>

40

<label>{{cabecera.TCO}}</label>

41

</div>

41

</div>

42

42

43

<strong>Sucursal: </strong>

43

<strong>Sucursal: </strong>

44

<label>{{cabecera.SUC}}</label>

44

<label>{{cabecera.SUC}}</label>

45

</div>

45

</div>

46

46

47

<strong>Número: </strong>

47

<strong>Número: </strong>

48

<label>{{cabecera.NCO}}</label>

48

<label>{{cabecera.NCO}}</label>

49

</div>

49

</div>

50

50

51

51

52

<label>{{cabecera.CUI}}</label>

52

<label>{{cabecera.CUI}}</label>

53

</div>

53

</div>

54

54

55

<strong>Nombre: </strong>

55

<strong>Nombre: </strong>

56

<label>{{cabecera.NOM}}</label>

56

<label>{{cabecera.NOM}}</label>

57

</div>

57

</div>

58

</div>

58

</div>

59

59

60

60

61

<button

61

<button

62

type="button"

62

type="button"

63

class="btn btn-outline-secondary btn-sm"

63

class="btn btn-outline-secondary btn-sm"

64

[ngClass]="{'active': estadoArticulos == 'pendiente'}"

64

[ngClass]="{'active': estadoArticulos == 'pendiente'}"

65

(click)="estadoArticulos = 'pendiente'; paginaActiva = 1; filter = '';">

65

(click)="estadoArticulos = 'pendiente'; paginaActiva = 1; filter = '';">

66

Pendientes ({{getCantidadArticulosByEstado('pendiente')}})

66

Pendientes ({{getCantidadArticulosByEstado('pendiente')}})

67

</button>

67

</button>

68

</div>

68

</div>

69

69

70

<button

70

<button

71

type="button"

71

type="button"

72

class="btn btn-outline-success btn-sm"

72

class="btn btn-outline-success btn-sm"

73

[ngClass]="{'active': estadoArticulos == 'aprobado'}"

73

[ngClass]="{'active': estadoArticulos == 'aprobado'}"

74

(click)="estadoArticulos = 'aprobado'; paginaActiva = 1; filter = '';">

74

(click)="estadoArticulos = 'aprobado'; paginaActiva = 1; filter = '';">

75

Aprobados ({{getCantidadArticulosByEstado('aprobado')}})

75

Aprobados ({{getCantidadArticulosByEstado('aprobado')}})

76

</button>

76

</button>

77

</div>

77

</div>

78

78

79

<button

79

<button

80

type="button"

80

type="button"

81

class="btn btn-outline-danger btn-sm"

81

class="btn btn-outline-danger btn-sm"

82

[ngClass]="{'active': estadoArticulos == 'rechazado'}"

82

[ngClass]="{'active': estadoArticulos == 'rechazado'}"

83

(click)="estadoArticulos = 'rechazado'; paginaActiva = 1; filter = '';">

83

(click)="estadoArticulos = 'rechazado'; paginaActiva = 1; filter = '';">

84

Rechazados ({{getCantidadArticulosByEstado('rechazado')}})

84

Rechazados ({{getCantidadArticulosByEstado('rechazado')}})

85

</button>

85

</button>

86

</div>

86

</div>

87

</div>

87

</div>

88

88

89

<input

89

<input

90

type="text"

90

type="text"

91

class="form-control-sm col-12"

91

class="form-control-sm col-12"

92

placeholder="Busque producto por nombre, codigo"

92

placeholder="Busque producto por nombre, codigo"

93

[(ngModel)]="filter"

93

[(ngModel)]="filter"

94

[ngModelOptions]="{standalone: true}"/>

94

[ngModelOptions]="{standalone: true}"/>

95

</div>

95

</div>

96

96

97

97

98

<thead>

98

<thead>

99

<tr>

99

<tr>

100

<th *ngIf="estadoArticulos != 'rechazado'">Rechazar</th>

100

<th *ngIf="estadoArticulos != 'rechazado'">Rechazar</th>

101

<th>Producto</th>

101

<th>Producto</th>

102

<th>Cantidad</th>

102

<th>Cantidad</th>

103

<th *ngIf="estadoArticulos != 'aprobado'">Aceptar</th>

103

<th *ngIf="estadoArticulos != 'aprobado'">Aceptar</th>

104

</tr>

104

</tr>

105

</thead>

105

</thead>

106

<tbody>

106

<tbody>

107

107

108

108

109

109

110

</button></th>

110

</button></th>

111

<th>{{articulo.LI0}}</th>

111

<th>{{articulo.LI0}}</th>

112

<th *ngIf="!articulo.input">{{articulo.CAN}}/{{articulo.CAN}}</th>

112

113

{{articulo.recibido ? articulo.recibido + '/' : ''}}{{articulo.CAN}}</th>

113

114

114

115

<input

116

class="form-control-sm col-12"

117

type="number"

118

(keyup.enter)="articulo.input = false"

119

[(ngModel)]="articulo.recibido"

120

[ngModelOptions]="{standalone: true}"

121

autofocus/>

122

/{{articulo.CAN}}

115

</th>

123

</th>

116

124

117

125

118

126

119

</button>

127

</button>

120

</th>

128

</th>

121

</tr>

129

</tr>

122

<tr>

130

<tr>

123

<th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>

131

<th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>

124

</tr>

132

</tr>

125

</tbody>

133

</tbody>

126

<tfoot>

134

<tfoot>

127

<nav *ngIf="articulosFiltro.length > 0" class="mr-auto position-absolute">

135

<nav *ngIf="articulosFiltro.length > 0" class="mr-auto position-absolute">

128

136

129

137

130

138

131

139

132

<span class="sr-only">Anterior</span>

140

<span class="sr-only">Anterior</span>

133

</a>

141

</a>

134

</li>

142

</li>

135

<li

143

<li

136

class="page-item"

144

class="page-item"

137

*ngFor="let pagina of paginas; index as i"

145

*ngFor="let pagina of paginas; index as i"

138

[ngClass]="{'active': pagina == paginaActiva}"

146

[ngClass]="{'active': pagina == paginaActiva}"

139

>

147

>

140

<a

148

<a

141

class="page-link"

149

class="page-link"

142

href="javascript:void();"

150

href="javascript:void();"

143

(click)="paginaActiva = pagina"

151

(click)="paginaActiva = pagina"

144

>{{pagina}}</a>

152

>{{pagina}}</a>

145

</li>

153

</li>

146

154

147

155

148

156

149

<span class="sr-only">Siguiente</span>

157

<span class="sr-only">Siguiente</span>

150

</a>

158

</a>

151

</li>

159

</li>

152

</ul>

160

</ul>

153

</nav>

161

</nav>

154

</tfoot>

162

</tfoot>

155

</table>

163

</table>

156

</div>

164

</div>

157

</form>

165

</form>

158

166

GITLAB

Marcelo Aiello / gestion-comprobantes

edición

 <div class="row panel-informativo">
   <div class="col-12">
     <div class="row titulares">
       <div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle ng-binding ng-scope">
         Recepción
         <button
           class="btn btn-xs btn-outline-light float-right"
           type="button"
           ng-click="$ctrl.busqueda()"
           ng-if="$ctrl.busqueda"
           title="Buscar"
         >
         <i class="fa fa-search"></i>
         </button>
       </div>
       <div class="col-7 col-sm border border-white align-middle">
         Fecha:
         <span
         ng-click="datepickerAbierto = true"
         >&nbsp;{{ fecha | date: 'dd/MM/yyyy' }}</span>
       </div>
       <div class="col-5 col-sm border border-white border-right-0 align-middle">
         Hora:
         <span
         ng-click="datepickerAbierto = true"
         >&nbsp;{{ fecha | date: 'shortTime'}}</span>
       </div>
     </div>
   </div>
 </div>
 <form>
   <div class="row border">
     <div class="col-6 col-sm-3 d-flex">
       <strong>Letra Factura:&nbsp;</strong>
       <label>{{cabecera.TIP}}</label>
     </div>
     <div class="col-6 col-sm-3 d-flex">
       <strong>Tipo Factura:&nbsp;</strong>
       <label>{{cabecera.TCO}}</label>
     </div>
     <div class="col-6 col-sm-3 d-flex">
       <strong>Sucursal:&nbsp;</strong>
       <label>{{cabecera.SUC}}</label>
     </div>
     <div class="col-6 col-sm-3 d-flex">
       <strong>Número:&nbsp;</strong>
       <label>{{cabecera.NCO}}</label>
     </div>
     <div class="col-6 col-sm-3 d-flex">
       <strong>Cuit:&nbsp;</strong>
       <label>{{cabecera.CUI}}</label>
     </div>
     <div class="col-12 col-sm-3 d-flex">
       <strong>Nombre:&nbsp;</strong>
       <label>{{cabecera.NOM}}</label>
     </div>
   </div>
   <div class="row border">
     <div class="col-4">
       <button
         type="button"
         class="btn btn-outline-secondary btn-sm"
         [ngClass]="{'active': estadoArticulos == 'pendiente'}"
         (click)="estadoArticulos = 'pendiente'; paginaActiva = 1; filter = '';">
           Pendientes&nbsp;({{getCantidadArticulosByEstado('pendiente')}})
       </button>
     </div>
     <div class="col-4">
       <button
         type="button"
         class="btn btn-outline-success btn-sm"
         [ngClass]="{'active': estadoArticulos == 'aprobado'}"
         (click)="estadoArticulos = 'aprobado'; paginaActiva = 1; filter = '';">
           Aprobados&nbsp;({{getCantidadArticulosByEstado('aprobado')}})
       </button>
     </div>
     <div class="col-4">
       <button
         type="button"
         class="btn btn-outline-danger btn-sm"
         [ngClass]="{'active': estadoArticulos == 'rechazado'}"
         (click)="estadoArticulos = 'rechazado'; paginaActiva = 1; filter = '';">
           Rechazados&nbsp;({{getCantidadArticulosByEstado('rechazado')}})
       </button>
     </div>
   </div>
   <div class="row">
     <input
       type="text"
       class="form-control-sm col-12"
       placeholder="Busque producto por nombre, codigo"
       [(ngModel)]="filter"
       [ngModelOptions]="{standalone: true}"/>
   </div>
   <div class="row">
     <table class="table table-dark">
       <thead>
         <tr>
           <th *ngIf="estadoArticulos != 'rechazado'">Rechazar</th>
           <th>Producto</th>
           <th>Cantidad</th>
           <th *ngIf="estadoArticulos != 'aprobado'">Aceptar</th>
         </tr>
       </thead>
       <tbody>
         <tr *ngFor="let articulo of getPaginaFiltro()" [ngClass]="{'bg-success': articulo.estado == 'aprobado'}">
           <th *ngIf="estadoArticulos != 'rechazado'"><button type="button" class="" (click)="articulo.estado = 'rechazado'">
             <i class="fa fa-window-close"></i>
           </button></th>
           <th>{{articulo.LI0}}</th>
-          <th *ngIf="!articulo.input">{{articulo.CAN}}/{{articulo.CAN}}</th>
+          <th *ngIf="!articulo.input" (click)="articulo.input = true">
+            {{articulo.recibido ? articulo.recibido + '/' : ''}}{{articulo.CAN}}</th>
           <th *ngIf="articulo.input">
-            <input class="form-control-sm col-12"/>
+            <input
+              class="form-control-sm col-12"
+              type="number"
+              (keyup.enter)="articulo.input = false"
+              [(ngModel)]="articulo.recibido"
+              [ngModelOptions]="{standalone: true}"
+              autofocus/>
+            /{{articulo.CAN}}
           </th>
           <th *ngIf="estadoArticulos != 'aprobado'">
             <button type="button" class="" (click)="articulo.estado = 'aprobado'">
               <i class="fa fa-check"></i>
             </button>
           </th>
         </tr>
         <tr>
           <th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>
         </tr>
       </tbody>
     <tfoot>
       <nav *ngIf="articulosFiltro.length > 0" class="mr-auto position-absolute">
         <ul class="pagination pagination-sm justify-content mb-0">
           <li class="page-item" [ngClass]="{'disabled': paginaActiva == 1}">
               <a class="page-link" href="javascript:void();" (click)="paginaActiva = paginaActiva - 1">
                 <span aria-hidden="true">&laquo;</span>
                 <span class="sr-only">Anterior</span>
               </a>
           </li>
           <li
             class="page-item"
             *ngFor="let pagina of paginas; index as i"
             [ngClass]="{'active': pagina == paginaActiva}"
           >
             <a
               class="page-link"
               href="javascript:void();"
               (click)="paginaActiva = pagina"
             >{{pagina}}</a>
           </li>
           <li class="page-item" [ngClass]="{'disabled': paginaActiva == paginas.length}">
             <a class="page-link" href="javascript:void();" (click)="paginaActiva = paginaActiva + 1">
               <span aria-hidden="true">&raquo;</span>
               <span class="sr-only">Siguiente</span>
             </a>
           </li>
         </ul>
       </nav>
     </tfoot>
     </table>
   </div>
 </form>