angular-smart-search 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: dae3dc6da4ef7ece3dcfbae6f3690f65f970407c
|
|
4
|
+
data.tar.gz: 3763c61e4ef2b99c2cbc794458e0c37ff1a715b7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 21133229a0789b1cb27d1bc686afcae58e8d6ad4b337be9e6b376991a39c04456c65e8a353fe8c006cfa4dfa6d9d68617ff6233cfa184adb4bb410375924664e
|
|
7
|
+
data.tar.gz: ec7514036fa8fd629174a76d58e01d34a92e7a5b2f5292bf8266da643f33b40abcad2b04da7149e156563edfaca7464d9e481dbb3f5667f798c15def4564ea12
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// author: Samuel Mueller
|
|
2
|
-
// version: 0.0.
|
|
2
|
+
// version: 0.0.4
|
|
3
3
|
// license: MIT
|
|
4
4
|
// homepage: http://github.com/ssmm/angular-smart-search
|
|
5
5
|
(function() {
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
compile: function(element, attributes, transclude) {
|
|
32
32
|
var id_field;
|
|
33
33
|
|
|
34
|
-
id_field = angular.element("<input ng-model='result.id' type='text' style='width: 30px;
|
|
34
|
+
id_field = angular.element("<input ng-model='result.id' type='text' style='width: 30px; display: none;'>");
|
|
35
35
|
id_field.attr("id", attributes.id);
|
|
36
36
|
id_field.attr("name", attributes.name);
|
|
37
37
|
element.append(id_field);
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
|
|
42
42
|
queryState = new QueryState();
|
|
43
43
|
$scope.queryState = queryState;
|
|
44
|
-
$scope.resultList = [
|
|
44
|
+
$scope.resultList = [];
|
|
45
45
|
allowedFormats = $attributes.formats.split(" ");
|
|
46
46
|
service = $attributes.service;
|
|
47
47
|
if ($attributes.init) {
|
|
48
|
-
$scope.result = angular.fromJson($attributes.init);
|
|
48
|
+
$scope.result = angular.fromJson($attributes.init)[0];
|
|
49
49
|
$scope.queryState.setTo("successful");
|
|
50
50
|
}
|
|
51
51
|
input = $element.find("[queryfield]");
|
|
@@ -155,23 +155,27 @@
|
|
|
155
155
|
angular.module("angular-smart-search").factory("templateFactory", [
|
|
156
156
|
"markupStore", function(markupStore) {
|
|
157
157
|
return function() {
|
|
158
|
-
return " <div> <!-- input section you see initially --> <div class='input-prepend input-append'> <!-- gray display section --> <span class='add-on' style='min-width: 200px;'> <!-- result if found --> <span ng-show='queryState.is(\"successful\")'> <i class='" + (markupStore.successIconClass()) + "'></i> {{result.displayText}} </span> <!-- query states --> <span ng-show='queryState.is(\"changed\")'> <em>{{queryState.query.format.name}} detected</em> </span> <span ng-show='queryState.is(\"pending\")'> <em>searching...</em> </span> <span ng-show='queryState.is(\"unsuccessful\")'> <em>Not found</em> </span> <span ng-show='queryState.is(\"invalid-format\")'> <em>Invalid format</em> </span> <span ng-show='queryState.is(\"error\")'> <em>Error</em> </span> </span> <!-- quick query field --> <input ng-change='outerQueryChanged(quickQuery)' ng-model='quickQuery' queryfield style='width: 100px;' type='text'> <!-- button that triggers detail search overlay --> <button type='button' class='btn' ng-click='show()'> <i class='" + (markupStore.searchIconClass()) + "'></i> </button> </div> <!-- detail search overlay, initially hidden --> <div class='
|
|
158
|
+
return " <div> <!-- input section you see initially --> <div class='input-prepend input-append'> <!-- gray display section --> <span class='add-on' style='min-width: 200px;'> <!-- result if found --> <span ng-show='queryState.is(\"successful\")'> <i class='" + (markupStore.successIconClass()) + "'></i> {{result.displayText}} </span> <!-- query states --> <span ng-show='queryState.is(\"changed\")'> <em>{{queryState.query.format.name}} detected</em> </span> <span ng-show='queryState.is(\"pending\")'> <em>searching...</em> </span> <span ng-show='queryState.is(\"unsuccessful\")'> <em>Not found</em> </span> <span ng-show='queryState.is(\"invalid-format\")'> <em>Invalid format</em> </span> <span ng-show='queryState.is(\"error\")'> <em>Error</em> </span> </span> <!-- quick query field --> <input ng-change='outerQueryChanged(quickQuery)' ng-model='quickQuery' queryfield style='width: 100px;' type='text'> <!-- button that triggers detail search overlay --> <button type='button' class='btn' ng-click='show()'> <i class='" + (markupStore.searchIconClass()) + "'></i> </button> </div> <!-- detail search overlay, initially hidden --> <div class='" + (markupStore.overlayClass()) + "' ng-mouseleave='hide()' overlay> <div class='row-fluid'> <div class='span12'> <div class='input-append'> <input detail-queryfield ng-model='detailQuery' type='text'> <button type='button' class='btn' ng-click='search(detailQuery)'> <i class='" + (markupStore.searchIconClass()) + "'></i> </button> </div> </div> </div> <div class='horizontal-space'></div> <div class='row-fluid'> <div class='span12'> <table at-table class='table table-bordered table-hover' fill-last-page pagination='wildPagination'> <thead></thead> <tbody> <tr ng-mouseover='hover(item)'> <td at-implicit attribute='id' class='sortable 50px'></td> <td at-implicit attribute='displayText' class='sortable 280px' title='Result'></td> <td class='50px' title=''> <button type='button' class='btn btn-mini' ng-click='pick(item)'>pick</button> </td> </tr> </tbody> </table> <at-pagination instance='wildPagination' items-per-page='3' list='resultList'></at-pagination> </div> </div> </div> </div> ";
|
|
159
159
|
};
|
|
160
160
|
}
|
|
161
161
|
]);
|
|
162
162
|
|
|
163
163
|
angular.module("angular-smart-search").provider("markupStore", [
|
|
164
164
|
function() {
|
|
165
|
-
var searchIconClass, successIconClass;
|
|
165
|
+
var overlayClass, searchIconClass, successIconClass;
|
|
166
166
|
|
|
167
167
|
successIconClass = "icon-ok";
|
|
168
168
|
searchIconClass = "icon-search";
|
|
169
|
+
overlayClass = "smart-search-overlay";
|
|
169
170
|
this.setSuccessIconClass = function(attr) {
|
|
170
171
|
return successIconClass = attr;
|
|
171
172
|
};
|
|
172
173
|
this.setSearchIconClass = function(attr) {
|
|
173
174
|
return searchIconClass = attr;
|
|
174
175
|
};
|
|
176
|
+
this.setOverlayClass = function(attr) {
|
|
177
|
+
return overlayClass = attr;
|
|
178
|
+
};
|
|
175
179
|
return this.$get = function() {
|
|
176
180
|
return {
|
|
177
181
|
successIconClass: function() {
|
|
@@ -179,6 +183,9 @@
|
|
|
179
183
|
},
|
|
180
184
|
searchIconClass: function() {
|
|
181
185
|
return searchIconClass;
|
|
186
|
+
},
|
|
187
|
+
overlayClass: function() {
|
|
188
|
+
return overlayClass;
|
|
182
189
|
}
|
|
183
190
|
};
|
|
184
191
|
};
|