Add directive to pull data from inputs and inject into code block

Author: pe4cey

app/index.jade

@@ -151,6 +151,7 @@ html(class="no-js", lang="en", ng-app="neo4jApp", ng-controller="MainCtrl")
     script(src='scripts/directives/fullscreen.js')
     script(src='scripts/directives/exportable.js')
     script(src='scripts/directives/helpUrl.js')
+    script(src='scripts/directives/inputToCodeBlock.js')
     script(src='scripts/directives/helpTopic.js')
     script(src='scripts/directives/playTopic.js')
     script(src='scripts/directives/execTopic.js')

app/scripts/directives/inputToCodeBlock.coffee

@@ -0,0 +1,32 @@
+###!
+Copyright (c) 2002-2016 "Neo Technology,"
+Network Engine for Objects in Lund AB [http://neotechnology.com]
+
+This file is part of Neo4j.
+
+Neo4j is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program.  If not, see <http://www.gnu.org/licenses/>.
+###
+
+'use strict';
+
+# Requires jQuery
+angular.module('neo4jApp.directives')
+  .directive('article', ['$rootScope',($rootScope) ->
+    restrict: 'E'
+    link: (scope, element, attrs) ->
+      element.on 'keyup', 'input[value-for]', (e) ->
+        key = e.currentTarget.attributes.getNamedItem('value-for').value
+        angular.element(".code span[value-key=#{key}]").text(e.currentTarget.value)
+        $rootScope.$apply() unless $rootScope.$$phase
+  ])