redash/rd_ui/app/scripts/controllers/query_edit.js

(function() {
  'use strict';

  function QueryEditCtrl($controller, $scope, $location, growl, Query, Visualization, KeyboardShortcuts, Navigation) {
    // extends QueryViewCtrl
    $controller('QueryViewCtrl', {$scope: $scope});

    var
    isNewQuery = !$scope.query.id,
    queryText = $scope.query.query,
    shortcuts = {
      'meta+s': $scope.saveQuery
    };

    $scope.sourceMode = true;
    $scope.canEdit = currentUser.canEdit($scope.query);
    $scope.isDirty = false;

    $scope.newVisualization = undefined;

    KeyboardShortcuts.bind(shortcuts);
    Navigation.addWatch(function dirtyTest() {
      return $scope.isDirty;
    });

    $scope.onQuerySave = function(savedQuery) {
      $scope.isDirty = false;
      queryText = savedQuery.query;
    };

    $scope.deleteVisualization = function($e, vis) {
      $e.preventDefault();
      if (confirm('Are you sure you want to delete ' + vis.name + ' ?')) {
        Visualization.delete(vis);
        if ($scope.selectedTab == vis.id) {
          $scope.selectedTab = DEFAULT_TAB;
          $location.hash($scope.selectedTab);
        }
        $scope.query.visualizations =
          $scope.query.visualizations.filter(function(v) {
            return vis.id !== v.id;
          });
      }
    };

    $scope.$watch('query.query', function(newQueryText) {
      $scope.isDirty = (newQueryText !== queryText);
    });

    $scope.$on('$destroy', function destroy() {
      KeyboardShortcuts.unbind(shortcuts);
    });

    if (isNewQuery) {
      // save new query when creating a visualization
      var unbind = $scope.$watch('selectedTab == "add"', function(triggerSave) {
        if (triggerSave) {
          unbind();
          $scope.saveQuery();
        }
      });
    }

  };

  angular.module('redash.controllers').controller('QueryEditCtrl', [
    '$controller', '$scope', '$location', 'growl', 'Query',
    'Visualization', 'KeyboardShortcuts', 'Navigation', QueryEditCtrl
    ]);
})();