Files
redash/client/app/services/query-snippet.js
Levko Kravets a682265e13 Migrate router and <app-view> to React (#4525)
* Migrate router and <app-view> to React: skeleton

* Update layout on route change

* Start moving page routes from angular to react

* Move page routes to react except of public dashboard and visualization embed)

* Move public dashboard and visualization embed routes to React

* Replace $route/$routeParams usages

* Some cleanup

* Replace AngularJS $location service with implementation based on history library

* Minor fix to how ApplicationView handles route change

* Explicitly use global layout for each page instead of handling related stuff in ApplicationArea component

* Error handling

* Remove AngularJS and related dependencies

* Move Parameter factory method to a separate file

* Fix CSS (replace custom components with classes)

* Fix: keep other url parts when updating location partially; refine code

* Fix tests

* Make router work in multi-org mode (respect <base> tag)

* Optimzation: don't resolve route if path didn't change

* Fix search input in header; error handling improvement (handle more errors in pages; global error handler for unhandled errors; dialog dismiss 'unhandled rejection' errors)

* Fix page keys; fix navigateTo calls (third parameter not available)

* Use relative links

* Router: ignore location REPLACE events, resolve only on PUSH/POP

* Fix tests

* Remove unused jQuery reference

* Show error from backend when creating Destination

* Remove route.resolve where not necessary (used constant values)

* New Query page: keep state on saving, reload when creating another new query

* Use currentRoute.key instead of hard-coded keys for page components

* Tidy up Router

* Tidy up location service

* Fix tests

* Don't add parameters changes to browser's history

* Fix test (improved fix)

Co-authored-by: Gabriel Dutra <nesk.frz@gmail.com>
2020-01-20 20:56:37 +02:00

34 lines
957 B
JavaScript

import { axios } from "@/services/axios";
import { extend, map } from "lodash";
class QuerySnippet {
constructor(querySnippet) {
extend(this, querySnippet);
}
getSnippet() {
let name = this.trigger;
if (this.description !== "") {
name = `${this.trigger}: ${this.description}`;
}
return {
name,
content: this.snippet,
tabTrigger: this.trigger,
};
}
}
const getQuerySnippet = querySnippet => new QuerySnippet(querySnippet);
const QuerySnippetService = {
get: data => axios.get(`api/query_snippets/${data.id}`).then(getQuerySnippet),
query: () => axios.get("api/query_snippets").then(data => map(data, getQuerySnippet)),
create: data => axios.post("api/query_snippets", data).then(getQuerySnippet),
save: data => axios.post(`api/query_snippets/${data.id}`, data).then(getQuerySnippet),
delete: data => axios.delete(`api/query_snippets/${data.id}`),
};
export default QuerySnippetService;