Luigi / foca-modal-remito

1

1

2

2

3

3

4

<h5 class="modal-title my-1">Búsqueda de Remito</h5>

4

<h5 class="modal-title my-1">Búsqueda de Remito</h5>

5

</div>

5

</div>

6

6

7

<input

7

<input

8

ladda="searchLoading"

8

ladda="searchLoading"

9

type="text"

9

type="text"

10

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

10

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

11

placeholder="Razón social"

11

placeholder="Razón social"

12

ng-model="filters"

12

ng-model="filters"

13

ng-change="search()"

13

ng-change="search()"

14

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

14

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

15

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

15

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

16

foca-focus="selectedRemito == -1"

16

foca-focus="selectedRemito == -1"

17

ng-focus="selectedRemito = -1"

17

ng-focus="selectedRemito = -1"

18

id="search"

18

id="search"

19

teclado-virtual

19

teclado-virtual

20

>

20

>

21

21

22

<button

22

<button

23

ladda="searchLoading"

23

ladda="searchLoading"

24

class="btn btn-outline-secondary"

24

class="btn btn-outline-secondary"

25

type="button"

25

type="button"

26

ng-click="busquedaPress(13)"

26

ng-click="busquedaPress(13)"

27

>

27

>

28

28

29

</button>

29

</button>

30

</div>

30

</div>

31

</div>

31

</div>

32

</div>

32

</div>

33

34

</div>

34

</div>

35

35

36

36

37

<small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>

37

<small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>

38

38

39

39

40

40

41

41

42

</div>

42

</div>

43

</div>

43

</div>

44

<input

44

<input

45

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

45

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

46

id="inlineFormInputGroup"

46

id="inlineFormInputGroup"

47

ladda="searchLoading"

47

ladda="searchLoading"

48

type="text"

48

type="text"

49

ng-model="fechaDesde"

49

ng-model="fechaDesde"

50

ng-required="true"

50

ng-required="true"

51

uib-datepicker-popup="dd/MM/yyyy"

51

uib-datepicker-popup="dd/MM/yyyy"

52

show-button-bar="false"

52

show-button-bar="false"

53

is-open="datepickerOpen"

53

is-open="datepickerOpen"

54

on-open-focus="false"

54

on-open-focus="false"

55

ng-focus="datepickerOpen = true"

55

ng-focus="datepickerOpen = true"

56

datepicker-options="dateOptions"

56

datepicker-options="dateOptions"

57

/>

57

/>

58

</div>

58

</div>

59

<small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>

59

<small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>

60

60

61

61

62

62

63

63

64

</div>

64

</div>

65

</div>

65

</div>

66

<input

66

<input

67

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

67

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

68

id="inlineFormInputGroup"

68

id="inlineFormInputGroup"

69

ladda="searchLoading"

69

ladda="searchLoading"

70

type="text"

70

type="text"

71

ng-model="fechaHasta"

71

ng-model="fechaHasta"

72

ng-required="true"

72

ng-required="true"

73

uib-datepicker-popup="dd/MM/yyyy"

73

uib-datepicker-popup="dd/MM/yyyy"

74

show-button-bar="false"

74

show-button-bar="false"

75

is-open="datepicker2Open"

75

is-open="datepicker2Open"

76

on-open-focus="false"

76

on-open-focus="false"

77

ng-focus="datepicker2Open = true"

77

ng-focus="datepicker2Open = true"

78

datepicker-options="dateOptions"

78

datepicker-options="dateOptions"

79

/>

79

/>

80

</div>

80

</div>

81

</div>

81

</div>

82

82

83

<thead>

83

<thead>

84

<tr>

84

<tr>

85

<th>Fecha</th>

85

<th>Fecha</th>

86

<th>Cliente</th>

86

<th>Cliente</th>

87

<th>Comprobante</th>

87

<th>Comprobante</th>

88

<th>Importe</th>

88

89

89

</tr>

90

</tr>

90

</thead>

91

</thead>

91

<tbody>

92

<tbody>

92

93

93

94

94

No se encontraron resultados.

95

No se encontraron resultados.

95

</td>

96

</td>

96

</tr>

97

</tr>

97

<tr class="selectable"

98

<tr class="selectable"

98

ng-repeat="(key, remito) in currentPageRemitos"

99

ng-repeat="(key, remito) in currentPageRemitos"

99

ng-click="select(remito)">

100

ng-click="select(remito)">

100

101

101

102

102

103

104

103

<td>

105

<td>

104

<button

106

<button

105

type="button"

107

type="button"

106

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

108

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

107

ng-class="{

109

ng-class="{

108

'btn-secondary': selectedRemito != key,

110

'btn-secondary': selectedRemito != key,

109

'btn-primary': selectedRemito == key

111

'btn-primary': selectedRemito == key

110

}"

112

}"

111

foca-focus="selectedRemito == {{key}}"

113

foca-focus="selectedRemito == {{key}}"

112

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

114

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

113

>

115

>

114

116

115

</button>

117

</button>

116

</td>

118

</td>

117

</tr>

119

</tr>

118

</tbody>

120

</tbody>

119

</table>

121

</table>

120

</div>

122

</div>

121

123

122

<nav ng-show="currentPageRemitos.length > 0 && primerBusqueda" class="mr-auto">

124

<nav ng-show="currentPageRemitos.length > 0 && primerBusqueda" class="mr-auto">

123

125

124

126

125

<a

127

<a

126

class="page-link"

128

class="page-link"

127

href="javascript:void();"

129

href="javascript:void();"

128

ng-click="selectPage(currentPage - 1)"

130

ng-click="selectPage(currentPage - 1)"

129

>

131

>

130

132

131

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

133

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

132

</a>

134

</a>

133

</li>

135

</li>

134

<li

136

<li

135

class="page-item"

137

class="page-item"

136

ng-repeat="pagina in paginas"

138

ng-repeat="pagina in paginas"

137

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

139

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

138

>

140

>

139

<a

141

<a

140

class="page-link"

142

class="page-link"

141

href="javascript:void();"

143

href="javascript:void();"

142

ng-click="selectPage(pagina)"

144

ng-click="selectPage(pagina)"

143

ng-bind="pagina"

145

ng-bind="pagina"

144

></a>

146

></a>

145

</li>

147

</li>

146

148

147

<a

149

<a

148

class="page-link"

150

class="page-link"

149

href="javascript:void();"

151

href="javascript:void();"

150

ng-click="selectPage(currentPage + 1)"

152

ng-click="selectPage(currentPage + 1)"

151

>

153

>

152

154

153

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

155

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

154

</a>

156

</a>

155

</li>

157

</li>

156

</ul>

158

</ul>

157

</nav>

159

</nav>

158

<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>

160

<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>

159

</div>

161

</div>

160

162

GITLAB

Luigi / foca-modal-remito

agrego importe a resultados

 <div class="modal-header py-1">
     <div class="row w-100">
         <div class="col-lg-6">
             <h5 class="modal-title my-1">Búsqueda de Remito</h5>
         </div>
         <div class="input-group col-lg-6 pr-0 my-2">
             <input
                 ladda="searchLoading"
                 type="text"
                 class="form-control form-control-sm"
                 placeholder="Razón social"
                 ng-model="filters"
                 ng-change="search()"
                 ng-keydown="busquedaDown($event.keyCode)"
                 ng-keypress="busquedaPress($event.keyCode)"
                 foca-focus="selectedRemito == -1"
                 ng-focus="selectedRemito = -1"
                 id="search"
                 teclado-virtual
             >
             <div class="input-group-append">
                 <button
                     ladda="searchLoading"
                     class="btn btn-outline-secondary"
                     type="button"
                     ng-click="busquedaPress(13)"
                 >
                     <i class="fa fa-search" aria-hidden="true"></i>
                 </button>
             </div>
         </div>
     </div>
 </div>
 <div class="modal-body" id="modal-body">
     <div class="input-group row">
         <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
         <div class="col-md-4 col-8 input-group mb-2">
             <div class="input-group-prepend">
                 <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>
             <input
                 class="form-control form-control-sm"
                 id="inlineFormInputGroup"
                 ladda="searchLoading"
                 type="text"
                 ng-model="fechaDesde"
                 ng-required="true"
                 uib-datepicker-popup="dd/MM/yyyy"
                 show-button-bar="false"
                 is-open="datepickerOpen"
                 on-open-focus="false"
                 ng-focus="datepickerOpen = true"
                 datepicker-options="dateOptions"
             />
         </div>
         <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
         <div class="col-md-4 col-8 input-group mb-2">
             <div class="input-group-prepend">
                 <div class="input-group-text form-control-sm">
                     <i class="fa fa-calendar"></i>
                 </div>
             </div>
             <input
                 class="form-control form-control-sm"
                 id="inlineFormInputGroup"
                 ladda="searchLoading"
                 type="text"
                 ng-model="fechaHasta"
                 ng-required="true"
                 uib-datepicker-popup="dd/MM/yyyy"
                 show-button-bar="false"
                 is-open="datepicker2Open"
                 on-open-focus="false"
                 ng-focus="datepicker2Open = true"
                 datepicker-options="dateOptions"
             />
         </div>
     </div>
     <table ng-show="primerBusqueda" class="table table-striped table-sm">
         <thead>
             <tr>
                 <th>Fecha</th>
                 <th>Cliente</th>
                 <th>Comprobante</th>
+                <th>Importe</th>
                 <th></th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="currentPageRemitos.length == 0 && primerBusqueda">
                 <td colspan="5">
                     No se encontraron resultados.
                 </td>
             </tr>
             <tr class="selectable"
                 ng-repeat="(key, remito) in currentPageRemitos"
                 ng-click="select(remito)">
                 <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td>
                 <td ng-bind="remito.nombreCliente"></td>
                 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
+                <td ng-bind="remito.total | number: 2"></td>
                 <td>
                     <button
                         type="button"
                         class="btn btn-xs p-1 float-right"
                         ng-class="{
                             'btn-secondary': selectedRemito != key,
                             'btn-primary': selectedRemito == key
                         }"
                         foca-focus="selectedRemito == {{key}}"
                         ng-keydown="itemRemito($event.keyCode)"
                     >
                         <i class="fa fa-circle-thin" aria-hidden="true"></i>
                     </button>
                 </td>
             </tr>
         </tbody>
     </table>
 </div>
 <div class="modal-footer py-1">
         <nav ng-show="currentPageRemitos.length > 0 && primerBusqueda" class="mr-auto">
             <ul class="pagination pagination-sm justify-content mb-0">
                 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
                     <a
                         class="page-link"
                         href="javascript:void();"
                         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="javascript:void();"
                         ng-click="selectPage(pagina)"
                         ng-bind="pagina"
                     ></a>
                 </li>
                 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
                     <a
                         class="page-link"
                         href="javascript:void();"
                         ng-click="selectPage(currentPage + 1)"
                     >
                         <span aria-hidden="true">&raquo;</span>
                         <span class="sr-only">Siguiente</span>
                     </a>
                 </li>
             </ul>
         </nav>
     <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
 </div>