opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-09-29 06:24:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Loki/Explore: Add query type selector (#28817)

Browse Source 
* Create query type switcher

* Add and update tests

* Add handling in datasource

* Refactor

* Update tests, when checking higlighting, suppy logs

* Remove both option as redundant

* Add tooltip, remove old comments

* Remove unused importts

* Remove console.log, update width

* Update public/app/plugins/datasource/loki/components/LokiExploreExtraField.tsx

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

* Update tests

* Prettier fixes

* Fix test

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>
Co-authored-by: Zoltán Bedi <zoltan.bedi@gmail.com>
This commit is contained in:
Ivana Huckova
2020-11-20 11:12:34 +01:00
committed by GitHub
parent 9ba8114bd4
commit 4c103663fb
12 changed files with 205 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/plugins/datasource/loki/components/LokiQueryFieldForm.tsx
View File

@ -150,7 +150,7 @@ export class LokiQueryFieldForm extends React.PureComponent<LokiQueryFieldFormPr
return (
<>
<div className="gf-form-inline gf-form-inline--xs-view-flex-column flex-grow-1">
<div className="gf-form flex-shrink-0">
<div className="gf-form flex-shrink-0 min-width-5">
<ButtonCascader
options={logLabelOptions || []}
disabled={buttonDisabled}
@ -161,7 +161,7 @@ export class LokiQueryFieldForm extends React.PureComponent<LokiQueryFieldFormPr
{chooserText}
</ButtonCascader>
</div>
<div className="gf-form gf-form--grow flex-shrink-1 min-width-15 explore-input-margin">
<div className="gf-form gf-form--grow flex-shrink-1 min-width-15">
<QueryField
additionalPlugins={this.plugins}
cleanText={cleanText}
@ -176,8 +176,8 @@ export class LokiQueryFieldForm extends React.PureComponent<LokiQueryFieldFormPr
syntaxLoaded={syntaxLoaded}
/>
</div>
{ExtraFieldElement}
</div>
{ExtraFieldElement}
</>
);
}