Jose Pinto / foca-modal-precio-condiciones

1

1

2

<h5 ng-show="!ingreso" class="modal-title">Busqueda de Precio-Condición</h5>

2

<h5 ng-show="!ingreso" class="modal-title">Busqueda de Precio-Condición</h5>

3

<h5 ng-show="ingreso" class="modal-title">Nuevos Plazos</h5>

3

<h5 ng-show="ingreso" class="modal-title">Nuevos Plazos</h5>

4

</div>

4

</div>

5

5

6

6

7

<input

7

<input

8

type="text"

8

type="text"

9

class="form-control form-control-sm"

9

class="form-control form-control-sm"

10

placeholder="Busqueda"

10

placeholder="Busqueda"

11

ng-model="filters"

11

ng-model="filters"

12

ng-change="search()"

12

ng-change="search()"

13

ng-keydown="busquedaDown($event.keyCode)"

13

ng-keydown="busquedaDown($event.keyCode)"

14

ng-keypress="busquedaPress($event.keyCode)"

14

ng-keypress="busquedaPress($event.keyCode)"

15

foca-focus="selectedPrecioCondicion == -1"

15

foca-focus="selectedPrecioCondicion == -1"

16

ng-focus="selectedPrecioCondicion = -1"

16

ng-focus="selectedPrecioCondicion = -1"

17

teclado-virtual

17

>

18

>

18

19

19

20

20

21

21

</button>

22

</button>

22

</div>

23

</div>

23

</div>

24

</div>

24

25

26

26

<thead>

27

<thead>

27

<tr>

28

<tr>

28

<th>Código</th>

29

<th>Código</th>

29

<th>Nombre</th>

30

<th>Nombre</th>

30

<th>Lista Precio</th>

31

<th>Lista Precio</th>

31

<th>Plazos</th>

32

<th>Plazos</th>

32

33

33

</tr>

34

</tr>

34

</thead>

35

</thead>

35

<tbody>

36

<tbody>

36

37

37

38

38

No se encontraron resultados.

39

No se encontraron resultados.

39

</td>

40

</td>

40

</tr>

41

</tr>

41

<tr>

42

<tr>

42

43

43

<input

44

<input

44

class="form-control form-control-sm"

45

class="form-control form-control-sm"

45

type="text"

46

type="text"

46

placeholder="Selección manual"

47

placeholder="Selección manual"

47

readonly

48

readonly

48

ng-click="ingreso = !ingreso"

49

ng-click="ingreso = !ingreso"

49

/>

50

/>

50

</td>

51

</td>

51

52

52

<button

53

<button

53

type="button"

54

type="button"

54

class="btn btn-sm p-1 float-right"

55

class="btn btn-sm p-1 float-right"

55

ng-class="{

56

ng-class="{

56

'btn-secondary': selectedPrecioCondicion != 0,

57

'btn-secondary': selectedPrecioCondicion != 0,

57

'btn-primary': selectedPrecioCondicion == 0

58

'btn-primary': selectedPrecioCondicion == 0

58

}"

59

}"

59

foca-focus="selectedPrecioCondicion == 0"

60

foca-focus="selectedPrecioCondicion == 0"

60

ng-keydown="itemProducto($event.keyCode)"

61

ng-keydown="itemProducto($event.keyCode)"

61

ng-click="ingreso = !ingreso"

62

ng-click="ingreso = !ingreso"

62

>

63

>

63

64

64

</button>

65

</button>

65

</td>

66

</td>

66

</tr>

67

</tr>

67

<tr class="selectable"

68

<tr class="selectable"

68

ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion"

69

ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion"

69

ng-click="select(precioCondicion)">

70

ng-click="select(precioCondicion)">

70

71

71

72

72

73

73

74

74

<td>

75

<td>

75

<button

76

<button

76

type="button"

77

type="button"

77

class="btn btn-sm p-1 float-right"

78

class="btn btn-sm p-1 float-right"

78

ng-class="{

79

ng-class="{

79

'btn-secondary': selectedPrecioCondicion != key + 1,

80

'btn-secondary': selectedPrecioCondicion != key + 1,

80

'btn-primary': selectedPrecioCondicion == key + 1

81

'btn-primary': selectedPrecioCondicion == key + 1

81

}"

82

}"

82

foca-focus="selectedPrecioCondicion == {{key + 1}}"

83

foca-focus="selectedPrecioCondicion == {{key + 1}}"

83

ng-keydown="itemProducto($event.keyCode)"

84

ng-keydown="itemProducto($event.keyCode)"

84

>

85

>

85

86

86

</button>

87

</button>

87

</td>

88

</td>

88

</tr>

89

</tr>

89

</tbody>

90

</tbody>

90

</table>

91

</table>

91

<nav ng-show="currentPagePrecioCondicion.length > 0 && !ingreso">

92

<nav ng-show="currentPagePrecioCondicion.length > 0 && !ingreso">

92

93

93

94

94

95

95

96

96

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

97

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

97

</a>

98

</a>

98

</li>

99

</li>

99

<li

100

<li

100

class="page-item"

101

class="page-item"

101

ng-repeat="pagina in paginas"

102

ng-repeat="pagina in paginas"

102

ng-class="{'active': pagina == currentPage}"

103

ng-class="{'active': pagina == currentPage}"

103

>

104

>

104

<a

105

<a

105

class="page-link"

106

class="page-link"

106

href="#"

107

href="#"

107

ng-click="selectPage(pagina)"

108

ng-click="selectPage(pagina)"

108

ng-bind="pagina"

109

ng-bind="pagina"

109

></a>

110

></a>

110

</li>

111

</li>

111

112

112

113

113

114

114

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

115

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

115

</a>

116

</a>

116

</li>

117

</li>

117

</ul>

118

</ul>

118

</nav>

119

</nav>

119

120

120

<thead>

121

<thead>

121

<tr>

122

<tr>

122

123

123

124

124

125

125

</tr>

126

</tr>

126

</thead>

127

</thead>

127

<tbody>

128

<tbody>

128

<tr>

129

<tr>

129

<td>

130

<td>

130

<input

131

<input

131

type="number"

132

type="number"

132

class="form-control text-right"

133

class="form-control text-right"

133

ng-model="plazoACargar.item"

134

ng-model="plazoACargar.item"

134

readonly

135

readonly

135

/>

136

/>

136

</td>

137

</td>

137

<td>

138

<td>

138

<input

139

<input

139

type="number"

140

type="number"

140

class="form-control text-right"

141

class="form-control text-right"

141

min="0"

142

min="0"

142

ng-model="plazoACargar.dias"

143

ng-model="plazoACargar.dias"

143

ng-keypress="agregarPlazo($event.keyCode)"

144

ng-keypress="agregarPlazo($event.keyCode)"

144

foca-focus="ingreso"

145

foca-focus="ingreso"

145

/>

146

/>

146

</td>

147

</td>

147

148

148

<button

149

<button

149

class="btn btn-outline-secondary"

150

class="btn btn-outline-secondary"

150

ng-click="agregarPlazo(13)"

151

ng-click="agregarPlazo(13)"

151

>

152

>

152

153

153

</button>

154

</button>

154

</td>

155

</td>

155

</tr>

156

</tr>

156

157

157

158

158

159

159

160

160

<button

161

<button

161

class="btn btn-outline-secondary"

162

class="btn btn-outline-secondary"

162

ng-click="quitarPlazo(key)"

163

ng-click="quitarPlazo(key)"

163

>

164

>

164

165

165

</button>

166

</button>

166

</td>

167

</td>

167

</tr>

168

</tr>

168

</tbody>

169

</tbody>

169

</table>

170

</table>

170

</div>

171

</div>

171

172

172

<button

173

<button

173

ng-show="!ingreso"

174

ng-show="!ingreso"

174

class="btn btn-sm btn-secondary"

175

class="btn btn-sm btn-secondary"

175

type="button"

176

type="button"

176

ng-click="cancel()"

177

ng-click="cancel()"

177

>Cancelar

178

>Cancelar

178

</button>

179

</button>

179

<button

180

<button

180

ng-show="ingreso"

181

ng-show="ingreso"

181

ng-disabled="plazosNuevos.length === 0"

182

ng-disabled="plazosNuevos.length === 0"

182

class="btn btn-sm btn-primary"

183

class="btn btn-sm btn-primary"

183

type="button"

184

type="button"

184

ng-click="select(plazosNuevos)"

185

ng-click="select(plazosNuevos)"

185

>Aceptar

186

>Aceptar

186

</button>

187

</button>

187

<button

188

<button

188

ng-show="ingreso"

189

ng-show="ingreso"

189

class="btn btn-sm btn-secondary"

190

class="btn btn-sm btn-secondary"

190

type="button"

191

type="button"

191

ng-click="volver()"

192

ng-click="volver()"

192

>Volver

193

>Volver

193

</button>

194

</button>

194

</div>

195

</div>

195

196

GITLAB

Jose Pinto / foca-modal-precio-condiciones

teclado virtual

 <div class="modal-header py-1">
     <h5 ng-show="!ingreso" class="modal-title">Busqueda de Precio-Condición</h5>
     <h5 ng-show="ingreso" class="modal-title">Nuevos Plazos</h5>
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group" ng-show="!ingreso">
         <input
             type="text"
             class="form-control form-control-sm"
             placeholder="Busqueda"
             ng-model="filters"
             ng-change="search()"
             ng-keydown="busquedaDown($event.keyCode)"
             ng-keypress="busquedaPress($event.keyCode)"
             foca-focus="selectedPrecioCondicion == -1"
             ng-focus="selectedPrecioCondicion = -1"
+            teclado-virtual
         >
         <div class="input-group-append">
             <button class="btn btn-outline-secondary" type="button" ng-click="busquedaPress(13)">
                 <i class="fa fa-search" aria-hidden="true"></i>
             </button>
         </div>
     </div>
     <table ng-show="!ingreso" class="table table-striped table-sm">
         <thead>
             <tr>
                 <th>Código</th>
                 <th>Nombre</th>
                 <th>Lista Precio</th>
                 <th>Plazos</th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="currentPagePrecioCondicion.length == 0">
                 <td colspan="6">
                     No se encontraron resultados.
                 </td>
             </tr>
             <tr>
                 <td colspan="4" ng-show="!ingreso">
                     <input
                         class="form-control form-control-sm"
                         type="text"
                         placeholder="Selección manual"
                         readonly
                         ng-click="ingreso = !ingreso"
                         />
                 </td>
                 <td colspan="1" ng-show="!ingreso">
                     <button
                         type="button"
                         class="btn btn-sm p-1 float-right"
                         ng-class="{
                             'btn-secondary': selectedPrecioCondicion != 0,
                             'btn-primary': selectedPrecioCondicion == 0
                         }"
                         foca-focus="selectedPrecioCondicion == 0"
                         ng-keydown="itemProducto($event.keyCode)"
                         ng-click="ingreso = !ingreso"
                     >
                         <i class="fa fa-arrow-right" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
             <tr class="selectable"
                 ng-repeat="(key, precioCondicion) in currentPagePrecioCondicion"
                 ng-click="select(precioCondicion)">
                 <td ng-bind="precioCondicion.codigo"></td>
                 <td ng-bind="precioCondicion.nombre"></td>
                 <td ng-bind="precioCondicion.idListaPrecio"></td>
                 <td ng-bind="precioCondicion.plazos"></td>
                 <td>
                     <button
                         type="button"
                         class="btn btn-sm p-1 float-right"
                         ng-class="{
                             'btn-secondary': selectedPrecioCondicion != key + 1,
                             'btn-primary': selectedPrecioCondicion == key + 1
                         }"
                         foca-focus="selectedPrecioCondicion == {{key + 1}}"
                         ng-keydown="itemProducto($event.keyCode)"
                     >
                         <i class="fa fa-arrow-right" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
         </tbody>
     </table>
     <nav ng-show="currentPagePrecioCondicion.length > 0 && !ingreso">
         <ul class="pagination pagination-sm mb-0">
             <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
                     <span aria-hidden="true">&laquo;</span>
                     <span class="sr-only">Anterior</span>
                 </a>
             </li>
             <li
                 class="page-item"
                 ng-repeat="pagina in paginas"
                 ng-class="{'active': pagina == currentPage}"
             >
                 <a
                     class="page-link"
                     href="#"
                     ng-click="selectPage(pagina)"
                     ng-bind="pagina"
                 ></a>
             </li>
             <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
                 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
                     <span aria-hidden="true">&raquo;</span>
                     <span class="sr-only">Siguiente</span>
                 </a>
             </li>
         </ul>
     </nav>
     <table class="table table-striped table-sm" ng-show="ingreso">
         <thead>
             <tr>
                 <th>Item</th>
                 <th>Días</th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
             <tr>
                 <td>
                     <input
                         type="number"
                         class="form-control text-right"
                         ng-model="plazoACargar.item"
                         readonly
                     />
                 </td>
                 <td>
                     <input
                         type="number"
                         class="form-control text-right"
                         min="0"
                         ng-model="plazoACargar.dias"
                         ng-keypress="agregarPlazo($event.keyCode)"
                         foca-focus="ingreso"
                     />
                 </td>
                 <td class="text-center">
                     <button
                         class="btn btn-outline-secondary"
                         ng-click="agregarPlazo(13)"
                     >
                         <i class="fa fa-save"></i>
                     </button>
                 </td>
             </tr>
             <tr ng-repeat="(key, plazo) in plazosNuevos">
                 <td class="text-right" ng-bind="key + 1"></td>
                 <td class="text-right" ng-bind="plazo.dias"></td>
                 <td class="text-center">
                     <button
                         class="btn btn-outline-secondary"
                         ng-click="quitarPlazo(key)"
                     >
                         <i class="fa fa-trash"></i>
                     </button>
                 </td>
             </tr>
         </tbody>
     </table>
 </div>
 <div class="modal-footer py-1">
     <button
         ng-show="!ingreso"
         class="btn btn-sm btn-secondary"
         type="button"
         ng-click="cancel()"
     >Cancelar
     </button>
     <button
         ng-show="ingreso"
         ng-disabled="plazosNuevos.length === 0"
         class="btn btn-sm btn-primary"
         type="button"
         ng-click="select(plazosNuevos)"
     >Aceptar
     </button>
     <button
         ng-show="ingreso"
         class="btn btn-sm btn-secondary"
         type="button"
         ng-click="volver()"
     >Volver
     </button>
 </div>