diff --git a/caravel/assets/javascripts/sql.js b/caravel/assets/javascripts/sql.js index 99cad2d84f0..dcde9a197f6 100644 --- a/caravel/assets/javascripts/sql.js +++ b/caravel/assets/javascripts/sql.js @@ -2,7 +2,8 @@ var $ = window.$ = require('jquery'); var jQuery = window.jQuery = $; var showModal = require('./modules/utils.js').showModal; -require('select2'); +require('./caravel-select2.js'); + require('datatables.net-bs'); require('../node_modules/datatables-bootstrap3-plugin/media/css/datatables-bootstrap3.css'); require('bootstrap'); @@ -11,12 +12,14 @@ var ace = require('brace'); require('brace/mode/sql'); require('brace/theme/crimson_editor'); +require('../stylesheets/sql.css'); + $(document).ready(function () { function getParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^]*)"), results = regex.exec(location.search); - return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); + return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } function initSqlEditorView() { @@ -53,9 +56,9 @@ $(document).ready(function () { function selectStarOnClick() { $.ajax('/caravel/select_star/' + database_id + '/' + $("#dbtable").val() + '/') - .done(function (msg) { - editor.setValue(msg); - }); + .done(function (msg) { + editor.setValue(msg); + }); } $("#select_star").click(selectStarOnClick); diff --git a/caravel/assets/stylesheets/sql.css b/caravel/assets/stylesheets/sql.css new file mode 100644 index 00000000000..f202c5c97fc --- /dev/null +++ b/caravel/assets/stylesheets/sql.css @@ -0,0 +1,41 @@ +.topsql { + height: 250px; +} +.dataTables_filter { + padding-top: 5px; + padding-right: 5px; +} +.bordered { + padding: 0px 0px; + border: 1px solid grey; + border-radius: 5px; + background-color: #EEE; +} +div.alert { + padding: 5px; + margin: 0px; +} +.metadata { + overflow: auto; + width: 300px; + height: 100px; +} +.fillup { + width: 100%; + height: 100%; +} +.fillheight { + height: 100%; +} +.interactions { + padding-bottom: 10px; +} +#results { + overflow: auto; + font-size: 12px; + margin-bottom: 5px; +} +table tbody tr td { + padding: 1px 4px; + font-size: small; +} diff --git a/caravel/templates/caravel/sql.html b/caravel/templates/caravel/sql.html index 683de3bcc43..f40477b022a 100644 --- a/caravel/templates/caravel/sql.html +++ b/caravel/templates/caravel/sql.html @@ -1,54 +1,5 @@ {% extends "caravel/basic.html" %} -{% block head_css %} - {{super()}} - - - -{% endblock %} {% block body %}