Fixing CSRF issues (#2569)

* 0.17.4

* Fixing CSRF issues

Since turning CSRF across the site with Flask-WTF, a few POST request
have been failing. This PR addresses these issues.
This commit is contained in:
Maxime Beauchemin
2017-04-07 10:57:31 -07:00
committed by GitHub
parent 3ed45ab98c
commit ddeabdd048
9 changed files with 29 additions and 23 deletions

View File

@@ -5,7 +5,7 @@ import React from 'react';
import TabbedSqlEditors from './TabbedSqlEditors';
import QueryAutoRefresh from './QueryAutoRefresh';
import QuerySearch from './QuerySearch';
import AlertsWrapper from './AlertsWrapper';
import AlertsWrapper from '../../components/AlertsWrapper';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';

View File

@@ -7,7 +7,9 @@ import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import { now } from '../modules/dates';
import { initEnhancer } from '../reduxUtils';
import AlertsWrapper from '../components/AlertsWrapper';
import { getControlsState, getFormDataFromControls } from './stores/store';
import { initJQueryAjaxCSRF } from '../modules/utils';
// jquery and bootstrap required to make bootstrap dropdown menu's work
@@ -15,6 +17,7 @@ const $ = window.$ = require('jquery'); // eslint-disable-line
const jQuery = window.jQuery = require('jquery'); // eslint-disable-line
require('bootstrap');
require('./main.css');
initJQueryAjaxCSRF();
const exploreViewContainer = document.getElementById('js-explore-view-container');
const bootstrapData = JSON.parse(exploreViewContainer.getAttribute('data-bootstrap'));
@@ -47,7 +50,10 @@ const store = createStore(exploreReducer, bootstrappedState,
ReactDOM.render(
<Provider store={store}>
<ExploreViewContainer />
<div>
<ExploreViewContainer />
<AlertsWrapper />
</div>
</Provider>,
exploreViewContainer
);

View File

@@ -1,6 +1,6 @@
{
"name": "superset",
"version": "0.17.4rc5",
"version": "0.17.4",
"description": "Superset is a data exploration platform designed to be visual, intuitive, and interactive.",
"license": "Apache-2.0",
"directories": {

View File

@@ -1,5 +1,5 @@
import React from 'react';
import AlertsWrapper from '../../../javascripts/SqlLab/components/AlertsWrapper';
import AlertsWrapper from '../../../javascripts/components/AlertsWrapper';
import { describe, it } from 'mocha';
import { expect } from 'chai';

View File

@@ -1,3 +1,4 @@
/* global notify */
/* eslint global-require: 0 */
import $ from 'jquery';
const d3 = window.d3 || require('d3');
@@ -78,12 +79,8 @@ export function getShortUrl(longUrl, callback) {
success: (data) => {
callback(data);
},
error: (error) => {
/* eslint no-console: 0 */
if (console && console.warn) {
console.warn('Something went wrong...');
console.warn(error);
}
error: () => {
notify.error('Error getting the short URL');
callback(longUrl);
},
});

View File

@@ -22,6 +22,12 @@
{% include "superset/partials/_script_tag.html" %}
{% endwith %}
{% endblock %}
<input
type="hidden"
name="csrf_token"
id="csrf_token"
value="{{ csrf_token() if csrf_token else '' }}"
>
</head>
<body>
@@ -38,12 +44,6 @@
<div id="app" data-bootstrap="{{ bootstrap_data }}" >
<img src="/static/assets/images/loading.gif" style="width: 50px; margin: 10px;">
</div>
<input
type="hidden"
name="csrf_token"
id="csrf_token"
value="{{ csrf_token() if csrf_token else '' }}"
>
{% endblock %}
<!-- Modal for misc messages / alerts -->

View File

@@ -22,10 +22,4 @@
<div id="grid-container" class="slice-grid gridster"></div>
</div>
<input
type="hidden"
name="csrf_token"
id="csrf_token"
value="{{ csrf_token() if csrf_token else '' }}"
>
{% endblock %}

View File

@@ -5,13 +5,22 @@
$("#testconn").click(function(e) {
e.preventDefault();
var url = "/superset/testconn";
var csrf_token = "{{ csrf_token() }}";
$.ajaxSetup({
beforeSend: function(xhr, settings) {
if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrf_token);
}
}
});
var data = {};
try{
data = JSON.stringify({
uri: $("#sqlalchemy_uri").val(),
name: $('#database_name').val(),
extras: JSON.parse($("#extra").val())
extras: JSON.parse($("#extra").val()),
})
} catch(parse_error){
alert("Malformed JSON in the extras field: " + parse_error);