Rename "inputPre" to "mainEditorPane".

dart/site/try/src/ui.dart

 // Copyright (c) 2013, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library trydart.ui;
 
 import 'dart:html';
 
 import 'dart:async' show
     Future,
@@ skipping 25 matching lines @@
 import 'settings.dart';
 
 import 'user_option.dart';
 
 import 'messages.dart' show messages;
 
 // TODO(ahe): Make internal to buildUI once all interactions have been moved to
 // the manager.
 InteractionManager interaction;
 
-DivElement inputPre;
+DivElement mainEditorPane;
 PreElement outputDiv;
 DivElement hackDiv;
 IFrameElement outputFrame;
 MutationObserver observer;
 SpanElement cacheStatusElement;
 Theme currentTheme = Theme.named(theme);
 
 buildButton(message, action) {
   if (message is String) {
     message = new Text(message);
@@ skipping 32 matching lines @@
   outputFrame.style.display = 'none';
 }
 
 buildUI() {
   interaction = new InteractionManager();
 
   window.localStorage['currentSample'] = '$currentSample';
 
   buildCode(interaction);
 
-  (inputPre = new DivElement())
+  (mainEditorPane = new DivElement())
       ..classes.add('well')
       ..style.backgroundColor = currentTheme.background.color
       ..style.color = currentTheme.foreground.color
       ..style.overflow = 'visible'
       ..style.whiteSpace = 'pre'
       ..style.font = codeFont
       ..spellcheck = false;
 
-  inputPre
+  mainEditorPane
       ..contentEditable = 'true'
       ..onKeyDown.listen(interaction.onKeyUp)
       ..onInput.listen(interaction.onInput);
 
   document.onSelectionChange.listen(interaction.onSelectionChange);
 
   var inputWrapper = new DivElement()
-      ..append(inputPre)
+      ..append(mainEditorPane)
       ..style.position = 'relative';
 
   var inputHeader = new DivElement()..appendText('Code');
 
   inputHeader.style
       ..right = '3px'
       ..top = '0px'
       ..position = 'absolute';
   inputWrapper.append(inputHeader);
 
@@ skipping 20 matching lines @@
       ..right = '3px'
       ..top = '0px'
       ..position = 'absolute';
   outputWrapper.append(consoleHeader);
 
   hackDiv = new DivElement();
 
   var saveButton = new ButtonElement()
       ..onClick.listen((_) {
         var blobUrl =
-            Url.createObjectUrl(new Blob([inputPre.text], 'text/plain'));
+            Url.createObjectUrl(new Blob([mainEditorPane.text], 'text/plain'));
         var save = new AnchorElement(href: blobUrl);
         save.target = '_blank';
         save.download = 'untitled.dart';
         save.dispatchEvent(new Event.eventType('Event', 'click'));
       })
       ..style.position = 'absolute'
       ..style.right = '0px'
       ..appendText('Save');
 
   cacheStatusElement = document.getElementById('appcache-status');
@@ skipping 29 matching lines @@
             outputFrame.style.height = '${scrollHeight}px';
           }
           return;
         }
       }
     }
     outputDiv.appendText('${event.data}\n');
   });
 
   observer = new MutationObserver(interaction.onMutation)
-      ..observe(inputPre, childList: true, characterData: true, subtree: true);
+      ..observe(
+          mainEditorPane, childList: true, characterData: true, subtree: true);
 
   scheduleMicrotask(() {
-    inputPre.appendText(window.localStorage['currentSource']);
+    mainEditorPane.appendText(window.localStorage['currentSource']);
   });
 
   // You cannot install event handlers on window.applicationCache
   // until the window has loaded.  In dartium, that's later than this
   // method is called.
   window.onLoad.listen(onLoad);
 
   // However, in dart2js, the window has already loaded, and onLoad is
   // never called.
   onLoad(null);
 }
 
 buildCode(InteractionManager interaction) {
   var codePicker =
       document.getElementById('code-picker')
       ..style.visibility = 'hidden'
       ..onChange.listen(onCodeChange);
   var htmlGroup = new OptGroupElement()..label = 'HTML';
   var benchmarkGroup = new OptGroupElement()..label = 'Benchmarks';
 
   new Future(() => HttpRequest.getString('project?list').then(
   (String response) {
     OptionElement none = new OptionElement()
         ..appendText('--')
         ..disabled = true;
     codePicker.append(none);
     for (String projectFile in JSON.decode(response)) {
       codePicker.append(buildTab(projectFile, projectFile, (_) {
-        inputPre.contentEditable = 'false';
+        mainEditorPane.contentEditable = 'false';
         HttpRequest.getString('project/$projectFile').then((String text) {
-          inputPre
+          mainEditorPane
               ..contentEditable = 'true'
               ..nodes.clear();
           observer.takeRecords();
-          inputPre.appendText(text);
+          mainEditorPane.appendText(text);
         });
       }));
     }
     codePicker.style.visibility = 'visible';
     codePicker.selectedIndex = 0;
   })).catchError((error) {
     codePicker.style.visibility = 'visible';
     print(error);
     OptionElement none = new OptionElement()
         ..appendText('Pick an example')
         ..disabled = true;
     codePicker.append(none);
 
     // codePicker.classes.addAll(['nav', 'nav-tabs']);
     codePicker.append(buildTab('Hello, World!', 'EXAMPLE_HELLO', (_) {
-      inputPre
+      mainEditorPane
           ..nodes.clear()
           ..appendText(EXAMPLE_HELLO);
     }));
     codePicker.append(buildTab('Fibonacci', 'EXAMPLE_FIBONACCI', (_) {
-      inputPre
+      mainEditorPane
           ..nodes.clear()
           ..appendText(EXAMPLE_FIBONACCI);
     }));
     codePicker.append(htmlGroup);
     // TODO(ahe): Restore benchmarks.
     // codePicker.append(benchmarkGroup);
 
     htmlGroup.append(
         buildTab('Hello, World!', 'EXAMPLE_HELLO_HTML', (_) {
-      inputPre
+      mainEditorPane
           ..nodes.clear()
           ..appendText(EXAMPLE_HELLO_HTML);
     }));
     htmlGroup.append(
         buildTab('Fibonacci', 'EXAMPLE_FIBONACCI_HTML', (_) {
-      inputPre
+      mainEditorPane
           ..nodes.clear()
           ..appendText(EXAMPLE_FIBONACCI_HTML);
     }));
     htmlGroup.append(buildTab('Sunflower', 'EXAMPLE_SUNFLOWER', (_) {
-      inputPre
+      mainEditorPane
           ..nodes.clear()
           ..appendText(EXAMPLE_SUNFLOWER);
     }));
 
     benchmarkGroup.append(buildTab('DeltaBlue', 'BENCHMARK_DELTA_BLUE', (_) {
-      inputPre.contentEditable = 'false';
+      mainEditorPane.contentEditable = 'false';
       LinkElement link = querySelector('link[rel="benchmark-DeltaBlue"]');
       String deltaBlueUri = link.href;
       link = querySelector('link[rel="benchmark-base"]');
       String benchmarkBaseUri = link.href;
       HttpRequest.getString(benchmarkBaseUri).then((String benchmarkBase) {
         HttpRequest.getString(deltaBlueUri).then((String deltaBlue) {
           benchmarkBase = benchmarkBase.replaceFirst(
               'part of benchmark_harness;', '// part of benchmark_harness;');
           deltaBlue = deltaBlue.replaceFirst(
               "import 'package:benchmark_harness/benchmark_harness.dart';",
               benchmarkBase);
-          inputPre
+          mainEditorPane
               ..nodes.clear()
               ..appendText(deltaBlue)
               ..contentEditable = 'true';
         });
       });
     }));
 
     benchmarkGroup.append(buildTab('Richards', 'BENCHMARK_RICHARDS', (_) {
-      inputPre.contentEditable = 'false';
+      mainEditorPane.contentEditable = 'false';
       LinkElement link = querySelector('link[rel="benchmark-Richards"]');
       String richardsUri = link.href;
       link = querySelector('link[rel="benchmark-base"]');
       String benchmarkBaseUri = link.href;
       HttpRequest.getString(benchmarkBaseUri).then((String benchmarkBase) {
         HttpRequest.getString(richardsUri).then((String richards) {
           benchmarkBase = benchmarkBase.replaceFirst(
               'part of benchmark_harness;', '// part of benchmark_harness;');
           richards = richards.replaceFirst(
               "import 'package:benchmark_harness/benchmark_harness.dart';",
               benchmarkBase);
-          inputPre
+          mainEditorPane
               ..nodes.clear()
               ..appendText(richards)
               ..contentEditable = 'true';
         });
       });
     }));
 
     codePicker.selectedIndex = 0;
   });
 }
 
 num settingsHeight = 0;
 
 void openSettings(MouseEvent event) {
   event.preventDefault();
 
   if (settingsHeight != 0) {
     var dialog = document.getElementById('settings-dialog');
     if (dialog.getBoundingClientRect().height > 0) {
       dialog.style.height = '0px';
     } else {
       dialog.style.height = '${settingsHeight}px';
     }
     return;
   }
 
   void updateCodeFont(Event e) {
     TextInputElement target = e.target;
     codeFont = target.value;
-    inputPre.style.font = codeFont;
+    mainEditorPane.style.font = codeFont;
   }
 
   void updateTheme(Event e) {
     var select = e.target;
     String theme = select.queryAll('option')[select.selectedIndex].text;
     window.localStorage['theme'] = theme;
     currentTheme = Theme.named(theme);
 
-    inputPre.style
+    mainEditorPane.style
         ..backgroundColor = currentTheme.background.color
         ..color = currentTheme.foreground.color;
 
     outputDiv.style
         ..backgroundColor = currentTheme.background.color
         ..color = currentTheme.foreground.color;
 
     bool oldCompilationPaused = compilationPaused;
     compilationPaused = true;
     interaction.onMutation([], observer);
@@ skipping 99 matching lines @@
     window.localStorage['compilationPaused'] = '$compilationPaused';
     window.localStorage['codeFont'] = '$codeFont';
 
     dialog.style.height = '0px';
   }
   form.onSubmit.listen(onSubmit);
 
   var doneButton = document.getElementById('settings-done');
   doneButton.onClick.listen(onSubmit);
 }