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

<button

22

ng-show="filters.length >= 1"

23

type="button"

24

class="clear-input"

25

ng-click="filters = ''"

26

>

27

28

</button>

21

29

22

<button

30

<button

23

ladda="searchLoading"

31

ladda="searchLoading"

24

data-spinner-color="#FF0000"

32

data-spinner-color="#FF0000"

25

class="btn btn-outline-secondary"

33

class="btn btn-outline-secondary"

26

type="button"

34

type="button"

27

ng-click="busquedaPress(13)"

35

ng-click="busquedaPress(13)"

28

>

36

>

29

37

30

</button>

38

</button>

31

</div>

39

</div>

32

</div>

40

</div>

33

</div>

41

</div>

34

42

35

</div>

43

</div>

36

44

37

45

38

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

46

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

39

47

40

48

41

49

42

50

43

</div>

51

</div>

44

</div>

52

</div>

45

<input

53

<input

46

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

54

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

47

id="inlineFormInputGroup"

55

id="inlineFormInputGroup"

48

ladda="searchLoading"

56

ladda="searchLoading"

49

type="text"

57

type="text"

50

ng-model="fechaDesde"

58

ng-model="fechaDesde"

51

ng-required="true"

59

ng-required="true"

52

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

60

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

53

show-button-bar="false"

61

show-button-bar="false"

54

is-open="datepickerOpen"

62

is-open="datepickerOpen"

55

on-open-focus="false"

63

on-open-focus="false"

56

ng-focus="datepickerOpen = true"

64

ng-focus="datepickerOpen = true"

57

/>

65

/>

58

</div>

66

</div>

59

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

67

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

60

68

61

69

62

70

63

71

64

</div>

72

</div>

65

</div>

73

</div>

66

<input

74

<input

67

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

75

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

68

id="inlineFormInputGroup"

76

id="inlineFormInputGroup"

69

ladda="searchLoading"

77

ladda="searchLoading"

70

type="text"

78

type="text"

71

ng-model="fechaHasta"

79

ng-model="fechaHasta"

72

ng-required="true"

80

ng-required="true"

73

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

81

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

74

show-button-bar="false"

82

show-button-bar="false"

75

is-open="datepicker2Open"

83

is-open="datepicker2Open"

76

on-open-focus="false"

84

on-open-focus="false"

77

ng-focus="datepicker2Open = true"

85

ng-focus="datepicker2Open = true"

78

/>

86

/>

79

</div>

87

</div>

80

</div>

88

</div>

81

89

82

<thead>

90

<thead>

83

<tr>

91

<tr>

84

<th>Fecha</th>

92

<th>Fecha</th>

85

<th>Cliente</th>

93

<th>Cliente</th>

86

<th>Comprobante</th>

94

<th>Comprobante</th>

87

<th>Importe</th>

95

<th>Importe</th>

88

96

89

</tr>

97

</tr>

90

</thead>

98

</thead>

91

<tbody>

99

<tbody>

92

100

93

101

94

No se encontraron resultados.

102

No se encontraron resultados.

95

</td>

103

</td>

96

</tr>

104

</tr>

97

<tr class="selectable"

105

<tr class="selectable"

98

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

106

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

99

ng-click="select(remito)">

107

ng-click="select(remito)">

100

108

101

109

102

110

103

111

104

<td>

112

<td>

105

<button

113

<button

106

type="button"

114

type="button"

107

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

115

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

108

ng-class="{

116

ng-class="{

109

'btn-secondary': selectedRemito != key,

117

'btn-secondary': selectedRemito != key,

110

'btn-primary': selectedRemito == key

118

'btn-primary': selectedRemito == key

111

}"

119

}"

112

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

120

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

113

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

121

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

114

>

122

>

115

123

116

</button>

124

</button>

117

</td>

125

</td>

118

</tr>

126

</tr>

119

</tbody>

127

</tbody>

120

</table>

128

</table>

121

</div>

129

</div>

122

130

123

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

131

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

124

132

125

133

126

<a

134

<a

127

class="page-link"

135

class="page-link"

128

href="javascript:void();"

136

href="javascript:void();"

129

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

137

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

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

ng-repeat="pagina in paginas"

145

ng-repeat="pagina in paginas"

138

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

146

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

139

>

147

>

140

<a

148

<a

141

class="page-link"

149

class="page-link"

142

href="javascript:void();"

150

href="javascript:void();"

143

ng-click="selectPage(pagina)"

151

ng-click="selectPage(pagina)"

144

ng-bind="pagina"

152

ng-bind="pagina"

145

></a>

153

></a>

146

</li>

154

</li>

147

155

148

<a

156

<a

149

class="page-link"

157

class="page-link"

150

href="javascript:void();"

158

href="javascript:void();"

151

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

159

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

152

>

160

>

153

161

154

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

162

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

155

</a>

163

</a>

156

</li>

164

</li>

157

</ul>

165

</ul>

158

</nav>

166

</nav>

159

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

167

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

160

</div>

168

</div>

161

169

GITLAB

Luigi / foca-modal-remito

Agregada cruz para limpiar input.

 <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
             >
+            <button
+                ng-show="filters.length >= 1"
+                type="button"
+                class="clear-input"
+                ng-click="filters = ''"
+            >
+                <i class="fa fa-times"></i>
+            </button>
             <div class="input-group-append">
                 <button
                     ladda="searchLoading"
                     data-spinner-color="#FF0000"
                     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">
                     <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"
             />
         </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">
                     <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"
             />
         </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>