Skip to content

N
nexpie-grafana-theme
Commit 6a93e72a by Rashid Khan
Options

Implemented topN query type, refactored querySrv

parent 867bfbed
Showing with 100 additions and 81 deletions
src/app/directives/kibanaPanel.js
...@@ -13,8 +13,15 @@ function (angular) { ...@@ -13,8 +13,15 @@ function (angular) {
'<div class="row-fluid panel-extra"><div class="panel-extra-container">' + '<div class="row-fluid panel-extra"><div class="panel-extra-container">' +
'<span class="extra row-button" ng-show="panel.editable != false">' +
'<span confirm-click="row.panels = _.without(row.panels,panel)" '+
'confirmation="Are you sure you want to remove this {{panel.type}} panel?" class="pointer">'+
'<i class="icon-remove pointer" bs-tooltip="\'Remove\'"></i></span>'+
'</span>' +
'<span class="extra row-button" ng-hide="panel.draggable == false">' + '<span class="extra row-button" ng-hide="panel.draggable == false">' +
'<span class="row-text pointer" bs-tooltip="\'Drag here to move\'"' + '<span class="pointer" bs-tooltip="\'Drag here to move\'"' +
'data-drag=true data-jqyoui-options="{revert: \'invalid\',helper:\'clone\'}"'+ 'data-drag=true data-jqyoui-options="{revert: \'invalid\',helper:\'clone\'}"'+
' jqyoui-draggable="'+ ' jqyoui-draggable="'+
'{'+ '{'+
...@@ -23,18 +30,12 @@ function (angular) { ...@@ -23,18 +30,12 @@ function (angular) {
'index:{{$index}},'+ 'index:{{$index}},'+
'onStart:\'panelMoveStart\','+ 'onStart:\'panelMoveStart\','+
'onStop:\'panelMoveStop\''+ 'onStop:\'panelMoveStop\''+
'}" ng-model="row.panels">{{panel.type}}</span>'+ '}" ng-model="row.panels"><i class="icon-move"></i></span>'+
'</span>' + '</span>' +
'<span class="extra row-button" ng-show="panel.draggable == false">' + '<span class="extra row-button" ng-show="panel.draggable == false">' +
'<span class="row-text">{{panel.type}}</span>'+ '<span class="row-text">{{panel.type}}</span>'+
'</span>' + '</span>' +
'<span class="extra row-button" ng-show="panel.editable != false">' +
'<span confirm-click="row.panels = _.without(row.panels,panel)" '+
'confirmation="Are you sure you want to remove this {{panel.type}} panel?" class="pointer">'+
'<i class="icon-remove pointer" bs-tooltip="\'Remove\'"></i></span>'+
'</span>' +
'<span class="row-button extra" ng-show="panel.editable != false">' + '<span class="row-button extra" ng-show="panel.editable != false">' +
'<span bs-modal="\'app/partials/paneleditor.html\'" class="pointer">'+ '<span bs-modal="\'app/partials/paneleditor.html\'" class="pointer">'+
'<i class="icon-cog pointer" bs-tooltip="\'Configure\'"></i></span>'+ '<i class="icon-cog pointer" bs-tooltip="\'Configure\'"></i></span>'+
......
src/app/panels/bettermap/module.js
...@@ -101,10 +101,11 @@ function (angular, app, _, L, localRequire) { ...@@ -101,10 +101,11 @@ function (angular, app, _, L, localRequire) {
var _segment = _.isUndefined(segment) ? 0 : segment; var _segment = _.isUndefined(segment) ? 0 : segment;
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries); $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
// This could probably be changed to a BoolFilter var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
var boolQuery = $scope.ejs.BoolQuery(); var boolQuery = $scope.ejs.BoolQuery();
_.each($scope.panel.queries.ids,function(id) { _.each(queries,function(q) {
boolQuery = boolQuery.should(querySrv.getEjsObj(id)); boolQuery = boolQuery.should(querySrv.toEjsObj(q));
}); });
var request = $scope.ejs.Request().indices(dashboard.indices[_segment]) var request = $scope.ejs.Request().indices(dashboard.indices[_segment])
......
src/app/panels/histogram/module.html
...@@ -65,12 +65,6 @@ ...@@ -65,12 +65,6 @@
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label class="small"> <label class="small">
<input type="checkbox" ng-model="panel.points" ng-checked="panel.points" ng-change="render()">
Points
</label>
</div>
<div class="checkbox">
<label class="small">
<input type="checkbox" ng-model="panel.stack" ng-checked="panel.stack" ng-change="render()"> <input type="checkbox" ng-model="panel.stack" ng-checked="panel.stack" ng-change="render()">
Stack Stack
</label> </label>
...@@ -85,6 +79,14 @@ ...@@ -85,6 +79,14 @@
</div> </div>
</span> </span>
<span> <span>
<div class="checkbox">
<label class="small">
<input type="checkbox" ng-model="panel.legend" ng-checked="panel.legend" ng-change="render()">
Legend
</label>
</div>
</span>
<span>
<label class="small">Interval</label> <select ng-change="set_interval(panel.interval);get_data();" class="input-small" ng-model="panel.interval" ng-options="interval_label(time) for time in _.union([panel.interval],panel.intervals)"></select> <label class="small">Interval</label> <select ng-change="set_interval(panel.interval);get_data();" class="input-small" ng-model="panel.interval" ng-options="interval_label(time) for time in _.union([panel.interval],panel.intervals)"></select>
</span> </span>
</form> </form>
......
src/app/panels/hits/module.js
...@@ -84,14 +84,16 @@ define([ ...@@ -84,14 +84,16 @@ define([
var request = $scope.ejs.Request().indices(dashboard.indices[_segment]); var request = $scope.ejs.Request().indices(dashboard.indices[_segment]);
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries); $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
// Build the question part of the query // Build the question part of the query
_.each($scope.panel.queries.ids, function(id) { _.each(queries, function(q) {
var _q = $scope.ejs.FilteredQuery( var _q = $scope.ejs.FilteredQuery(
querySrv.getEjsObj(id), querySrv.toEjsObj(q),
filterSrv.getBoolFilter(filterSrv.ids)); filterSrv.getBoolFilter(filterSrv.ids));
request = request request = request
.facet($scope.ejs.QueryFacet(id) .facet($scope.ejs.QueryFacet(q.id)
.query(_q) .query(_q)
).size(0); ).size(0);
}); });
...@@ -117,24 +119,19 @@ define([ ...@@ -117,24 +119,19 @@ define([
return; return;
} }
// Convert facet ids to numbers
var facetIds = _.map(_.keys(results.facets),function(k){return parseInt(k, 10);});
// Make sure we're still on the same query/queries // Make sure we're still on the same query/queries
if($scope.query_id === query_id && if($scope.query_id === query_id) {
_.intersection(facetIds,$scope.panel.queries.ids).length === $scope.panel.queries.ids.length
) {
var i = 0; var i = 0;
_.each($scope.panel.queries.ids, function(id) { _.each(queries, function(q) {
var v = results.facets[id]; var v = results.facets[q.id];
var hits = _.isUndefined($scope.data[i]) || _segment === 0 ? var hits = _.isUndefined($scope.data[i]) || _segment === 0 ?
v.count : $scope.data[i].hits+v.count; v.count : $scope.data[i].hits+v.count;
$scope.hits += v.count; $scope.hits += v.count;
// Create series // Create series
$scope.data[i] = { $scope.data[i] = {
info: querySrv.list[id], info: q,
id: id, id: q.id,
hits: hits, hits: hits,
data: [[i,hits]] data: [[i,hits]]
}; };
......
src/app/panels/map/module.js
...@@ -76,14 +76,17 @@ function (angular, app, _, $) { ...@@ -76,14 +76,17 @@ function (angular, app, _, $) {
$scope.panelMeta.loading = true; $scope.panelMeta.loading = true;
var request; var request,
request = $scope.ejs.Request().indices(dashboard.indices); boolQuery,
queries;
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries); $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
// This could probably be changed to a BoolFilter request = $scope.ejs.Request().indices(dashboard.indices);
var boolQuery = $scope.ejs.BoolQuery(); queries = querySrv.getQueryObjs($scope.panel.queries.ids);
_.each($scope.panel.queries.ids,function(id) {
boolQuery = boolQuery.should(querySrv.getEjsObj(id)); boolQuery = $scope.ejs.BoolQuery();
_.each(queries,function(q) {
boolQuery = boolQuery.should(querySrv.toEjsObj(q));
}); });
// Then the insert into facet and make the request // Then the insert into facet and make the request
......
src/app/panels/pie/module.js
...@@ -109,13 +109,14 @@ define([ ...@@ -109,13 +109,14 @@ define([
var request = $scope.ejs.Request().indices(dashboard.indices); var request = $scope.ejs.Request().indices(dashboard.indices);
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries); $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
// This could probably be changed to a BoolFilter // This could probably be changed to a BoolFilter
var boolQuery = $scope.ejs.BoolQuery(); var boolQuery = $scope.ejs.BoolQuery();
_.each($scope.panel.queries.ids,function(id) { _.each(queries,function(q) {
boolQuery = boolQuery.should(querySrv.getEjsObj(id)); boolQuery = boolQuery.should(querySrv.toEjsObj(q));
}); });
var results; var results;
// Terms mode // Terms mode
......
src/app/panels/table/module.js
...@@ -111,7 +111,6 @@ function (angular, app, _, kbn, moment) { ...@@ -111,7 +111,6 @@ function (angular, app, _, kbn, moment) {
}; };
var showModal = function(panel,type) { var showModal = function(panel,type) {
$scope.facetPanel = panel; $scope.facetPanel = panel;
$scope.facetType = type; $scope.facetType = type;
...@@ -221,16 +220,17 @@ function (angular, app, _, kbn, moment) { ...@@ -221,16 +220,17 @@ function (angular, app, _, kbn, moment) {
$scope.panelMeta.loading = true; $scope.panelMeta.loading = true;
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
_segment = _.isUndefined(segment) ? 0 : segment; _segment = _.isUndefined(segment) ? 0 : segment;
$scope.segment = _segment; $scope.segment = _segment;
request = $scope.ejs.Request().indices(dashboard.indices[_segment]); request = $scope.ejs.Request().indices(dashboard.indices[_segment]);
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
boolQuery = $scope.ejs.BoolQuery(); boolQuery = $scope.ejs.BoolQuery();
_.each($scope.panel.queries.ids,function(id) { _.each(queries,function(q) {
boolQuery = boolQuery.should(querySrv.getEjsObj(id)); boolQuery = boolQuery.should(querySrv.toEjsObj(q));
}); });
request = request.query( request = request.query(
......
src/app/panels/terms/module.js
...@@ -83,17 +83,21 @@ function (angular, app, _, $, kbn) { ...@@ -83,17 +83,21 @@ function (angular, app, _, $, kbn) {
$scope.panelMeta.loading = true; $scope.panelMeta.loading = true;
var request, var request,
results, results,
boolQuery; boolQuery,
queries;
request = $scope.ejs.Request().indices(dashboard.indices); request = $scope.ejs.Request().indices(dashboard.indices);
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries); $scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
queries = querySrv.getQueryObjs($scope.panel.queries.ids);
// This could probably be changed to a BoolFilter // This could probably be changed to a BoolFilter
boolQuery = $scope.ejs.BoolQuery(); boolQuery = $scope.ejs.BoolQuery();
_.each($scope.panel.queries.ids,function(id) { _.each(queries,function(q) {
boolQuery = boolQuery.should(querySrv.getEjsObj(id)); boolQuery = boolQuery.should(querySrv.toEjsObj(q));
}); });
// Terms mode // Terms mode
request = request request = request
.facet($scope.ejs.TermsFacet('terms') .facet($scope.ejs.TermsFacet('terms')
......
src/app/panels/trends/module.html
<div ng-controller='trends' ng-init="init()"> <div ng-controller='trends' ng-init="init()">
<div ng-style="panel.style" style="line-height:{{panel.style['font-size']}};display:inline-block;padding-right: 5px;" ng-repeat="query in trends"> <style>
div.trends-horizontal {
display:inline-block;
padding-right: 5px;
}
</style>
<div ng-class="{'trends-horizontal':panel.arrangement == 'horizontal'}" ng-style="panel.style" style="line-height:{{panel.style['font-size']}};" ng-repeat="query in trends">
<i class="icon-circle" style="color:{{query.info.color}}"></i> <i class="icon-circle" style="color:{{query.info.color}}"></i>
<span bs-tooltip="'Then: '+query.hits.old+', Now: '+query.hits.new" ng-class="{'text-success': query.hits.new >= query.hits.old, 'text-error': query.hits.old > query.hits.new}" class='pointer strong'> <span bs-tooltip="'Then: '+query.hits.old+', Now: '+query.hits.new" ng-class="{'text-success': query.hits.new >= query.hits.old, 'text-error': query.hits.old > query.hits.new}" class='pointer strong'>
<i class='large' ng-class="{'icon-caret-up': query.hits.new >= query.hits.old, 'icon-caret-down': query.hits.old > query.hits.new}"></i> {{query.percent}}% <i class='large' ng-class="{'icon-caret-up': query.hits.new >= query.hits.old, 'icon-caret-down': query.hits.old > query.hits.new}"></i> {{query.percent}}%
</span> </span>
<span class="tiny light" ng-show="query.info.alias != ''">({{query.info.alias}})</span> <span class="tiny light" ng-show="query.info.alias != ''">({{query.info.alias}})</span>
<br ng-show="panel.arrangement == 'vertical'">
</div> </div>
</div> </div>
\ No newline at end of file
src/app/panels/trends/module.js
...@@ -73,8 +73,6 @@ function (angular, app, _, kbn) { ...@@ -73,8 +73,6 @@ function (angular, app, _, kbn) {
$scope.index = segment > 0 ? $scope.index : dashboard.indices; $scope.index = segment > 0 ? $scope.index : dashboard.indices;
} }
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
// Determine a time field // Determine a time field
var timeField = _.uniq(_.pluck(filterSrv.getByType('time'),'field')); var timeField = _.uniq(_.pluck(filterSrv.getByType('time'),'field'));
if(timeField.length > 1) { if(timeField.length > 1) {
...@@ -98,11 +96,13 @@ function (angular, app, _, kbn) { ...@@ -98,11 +96,13 @@ function (angular, app, _, kbn) {
var request = $scope.ejs.Request(); var request = $scope.ejs.Request();
var _ids_without_time = _.difference(filterSrv.ids,filterSrv.idsByType('time')); var _ids_without_time = _.difference(filterSrv.ids,filterSrv.idsByType('time'));
$scope.panel.queries.ids = querySrv.idsByMode($scope.panel.queries);
var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
// Build the question part of the query // Build the question part of the query
_.each($scope.panel.queries.ids, function(id) { _.each(queries, function(query) {
var q = $scope.ejs.FilteredQuery( var q = $scope.ejs.FilteredQuery(
querySrv.getEjsObj(id), querySrv.toEjsObj(query),
filterSrv.getBoolFilter(_ids_without_time).must( filterSrv.getBoolFilter(_ids_without_time).must(
$scope.ejs.RangeFilter(timeField) $scope.ejs.RangeFilter(timeField)
.from($scope.time.from) .from($scope.time.from)
...@@ -110,23 +110,23 @@ function (angular, app, _, kbn) { ...@@ -110,23 +110,23 @@ function (angular, app, _, kbn) {
)); ));
request = request request = request
.facet($scope.ejs.QueryFacet(id) .facet($scope.ejs.QueryFacet(query.id)
.query(q) .query(q)
).size(0); ).size(0);
}); });
// And again for the old time period // And again for the old time period
_.each($scope.panel.queries.ids, function(id) { _.each(queries, function(query) {
var q = $scope.ejs.FilteredQuery( var q = $scope.ejs.FilteredQuery(
querySrv.getEjsObj(id), querySrv.toEjsObj(query),
filterSrv.getBoolFilter(_ids_without_time).must( filterSrv.getBoolFilter(_ids_without_time).must(
$scope.ejs.RangeFilter(timeField) $scope.ejs.RangeFilter(timeField)
.from($scope.old_time.from) .from($scope.old_time.from)
.to($scope.old_time.to) .to($scope.old_time.to)
)); ));
request = request request = request
.facet($scope.ejs.QueryFacet("old_"+id) .facet($scope.ejs.QueryFacet("old_"+query.id)
.query(q) .query(q)
).size(0); ).size(0);
}); });
...@@ -169,17 +169,14 @@ function (angular, app, _, kbn) { ...@@ -169,17 +169,14 @@ function (angular, app, _, kbn) {
return; return;
} }
// Convert facet ids to numbers
var facetIds = _.map(_.keys(results.facets),function(k){if(!isNaN(k)){return parseInt(k, 10);}});
// Make sure we're still on the same query/queries // Make sure we're still on the same query/queries
if($scope.query_id === query_id && if($scope.query_id === query_id) {
_.intersection(facetIds,$scope.panel.queries.ids).length === $scope.panel.queries.ids.length
) {
var i = 0; var i = 0;
_.each($scope.panel.queries.ids, function(id) { var queries = querySrv.getQueryObjs($scope.panel.queries.ids);
var n = results.facets[id].count;
var o = results.facets['old_'+id].count; _.each(queries, function(query) {
var n = results.facets[query.id].count;
var o = results.facets['old_'+query.id].count;
var hits = { var hits = {
new : _.isUndefined($scope.data[i]) || _segment === 0 ? n : $scope.data[i].hits.new+n, new : _.isUndefined($scope.data[i]) || _segment === 0 ? n : $scope.data[i].hits.new+n,
...@@ -193,7 +190,7 @@ function (angular, app, _, kbn) { ...@@ -193,7 +190,7 @@ function (angular, app, _, kbn) {
'?' : Math.round(percentage(hits.old,hits.new)*100)/100; '?' : Math.round(percentage(hits.old,hits.new)*100)/100;
// Create series // Create series
$scope.data[i] = { $scope.data[i] = {
info: querySrv.list[id], info: query,
hits: { hits: {
new : hits.new, new : hits.new,
old : hits.old old : hits.old
......
src/app/partials/querySelect.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</div> </div>
<div class="span9 querySelect" ng-show="panel.queries.mode == 'selected'"> <div class="span9 querySelect" ng-show="panel.queries.mode == 'selected'">
<label class="small">Selected Queries</label> <label class="small">Selected Queries</label>
<span ng-style="{'border-color': querySrv.list[id].color}" ng-class="{selected:_.contains(panel.queries.ids,id),unselected:!_.contains(panel.queries.ids,id)}" ng-repeat="id in querySrv.getIds()" ng-click="panel.queries.ids = _.toggleInOut(panel.queries.ids,id);set_refresh(true);" class="query pointer badge"> <span ng-style="{'border-color': querySrv.list[id].color}" ng-class="{selected:_.contains(panel.queries.ids,id),unselected:!_.contains(panel.queries.ids,id)}" ng-repeat="id in querySrv.ids" ng-click="panel.queries.ids = _.toggleInOut(panel.queries.ids,id);set_refresh(true);" class="query pointer badge">
<i class="icon-circle" ng-style="{color: querySrv.list[id].color}"></i> <i class="icon-circle" ng-style="{color: querySrv.list[id].color}"></i>
<span> {{querySrv.list[id].alias || querySrv.list[id].query}}</span> <span> {{querySrv.list[id].alias || querySrv.list[id].query}}</span>
</span> </span>
......
src/app/services/querySrv.js
...@@ -51,10 +51,11 @@ function (angular, _, config, kbn) { ...@@ -51,10 +51,11 @@ function (angular, _, config, kbn) {
"regex": { "regex": {
query: ".*" query: ".*"
}, },
"derive": { "topN": {
query: "*", query: "*",
field: "_type", field: "_type",
size: "5" size: 5,
union: 'AND'
} }
}; };
...@@ -79,20 +80,24 @@ function (angular, _, config, kbn) { ...@@ -79,20 +80,24 @@ function (angular, _, config, kbn) {
p.resolve(_.extend(query,{parent:query.id})); p.resolve(_.extend(query,{parent:query.id}));
return p.promise; return p.promise;
} }
} },
}; topN : {
this.queryTypes.derive = {
require:">=0.90.3", require:">=0.90.3",
icon: "icon-cog", icon: "icon-cog",
resolve: function(q) { resolve: function(q) {
var suffix = '';
if (q.union === 'AND') {
suffix = ' AND (' + (q.query||'*') + ')';
} else if (q.union === 'OR') {
suffix = ' OR (' + (q.query||'*') + ')';
}
var request = ejs.Request().indices(dashboard.indices); var request = ejs.Request().indices(dashboard.indices);
var field = "extension";
// Terms mode // Terms mode
request = request request = request
.facet(ejs.TermsFacet('query') .facet(ejs.TermsFacet('query')
.field(field) .field(q.field)
.size(10) .size(q.size)
.facetFilter(ejs.QueryFilter( .facetFilter(ejs.QueryFilter(
ejs.FilteredQuery( ejs.FilteredQuery(
ejs.QueryStringQuery(q.query || '*'), ejs.QueryStringQuery(q.query || '*'),
...@@ -106,7 +111,7 @@ function (angular, _, config, kbn) { ...@@ -106,7 +111,7 @@ function (angular, _, config, kbn) {
return _.map(data.facets.query.terms,function(t) { return _.map(data.facets.query.terms,function(t) {
++i; ++i;
return self.defaults({ return self.defaults({
query : field+":"+t.term+" AND ("+q.query+")", query : q.field+':"'+t.term+'"'+suffix,
alias : t.term + (q.alias ? " ("+q.alias+")" : ""), alias : t.term + (q.alias ? " ("+q.alias+")" : ""),
type : 'lucene', type : 'lucene',
color : _colors[i], color : _colors[i],
...@@ -115,6 +120,7 @@ function (angular, _, config, kbn) { ...@@ -115,6 +120,7 @@ function (angular, _, config, kbn) {
}); });
}); });
} }
}
}; };
// Save a reference to this // Save a reference to this
...@@ -223,8 +229,6 @@ function (angular, _, config, kbn) { ...@@ -223,8 +229,6 @@ function (angular, _, config, kbn) {
// This populates the internal query list and returns a promise containing it // This populates the internal query list and returns a promise containing it
this.resolve = function() { this.resolve = function() {
// Find ids of all abstract queries // Find ids of all abstract queries
console.log("keys: "+_.keys(self.list));
console.log("ids : "+_.pluck(self.list,'id'));
// Get a list of resolvable ids, constrast with total list to get abstract ones // Get a list of resolvable ids, constrast with total list to get abstract ones
return $q.all(_.map(self.ids,function(q) { return $q.all(_.map(self.ids,function(q) {
return self.queryTypes[self.list[q].type].resolve(_.clone(self.list[q])).then(function(data){ return self.queryTypes[self.list[q].type].resolve(_.clone(self.list[q])).then(function(data){
......
src/css/bootstrap.dark.min.css
This source diff could not be displayed because it is too large. You can view the blob instead.
src/css/bootstrap.light.min.css
This source diff could not be displayed because it is too large. You can view the blob instead.
src/vendor/bootstrap/less/overrides.less
...@@ -16,6 +16,10 @@ div.fake-input { ...@@ -16,6 +16,10 @@ div.fake-input {
.border-radius(@inputBorderRadius @inputBorderRadius @inputBorderRadius @inputBorderRadius); .border-radius(@inputBorderRadius @inputBorderRadius @inputBorderRadius @inputBorderRadius);
} }
hr.small {
margin: 5px 0px;
}
form input.ng-invalid { form input.ng-invalid {
color: @errorText; color: @errorText;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment