add placeholder option for both editors

see http://codemirror.net/demo/placeholder.html

Author: jgoldhammer

javascript-console-share/config/alfresco/site-webscripts/de/fme/components/jsconsole/javascript-console.get.head.ftl

@@ -23,6 +23,8 @@
 <@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/addon/searchcursor.js"></@script>
 <@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/addon/search.js"></@script>
 
+<@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/addon/placeholder.js"></@script>
+
 <@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/javascript.js"></@script>
 <@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/xml.js"></@script>
 <@script type="text/javascript" src="${page.url.context}/res/fme/components/jsconsole/codemirror/htmlmixed.js"></@script>

javascript-console-share/config/alfresco/site-webscripts/de/fme/components/jsconsole/javascript-console.get.html.ftl

@@ -46,14 +46,14 @@
 		        <div>
 
 					<div id="${el}-editorResize">
-						<textarea id="${el}-jsinput" name="jsinput" cols="80" rows="5" class="jsbox"></textarea>
+						<textarea id="${el}-jsinput" placeholder="${msg("editor.js.placeholder")}" name="jsinput" cols="80" rows="5" class="jsbox"></textarea>
 
 					</div>
 					<div id="${el}-scriptEditorInfo" class="scriptStatusLine"><br/></div>
 
 				</div>
 		        <div>
-					<textarea id="${el}-templateinput" name="templateinput" cols="80" rows="5" class="templateInputBox"></textarea>
+					<textarea id="${el}-templateinput" placeholder="${msg("editor.fm.placeholder")}" name="templateinput" cols="80" rows="5" class="templateInputBox"></textarea>
 					<div id="${el}-templateEditorInfo" class="templateStatusLine"><br/></div>
 				</div>
 		        <div>

javascript-console-share/config/alfresco/site-webscripts/de/fme/components/jsconsole/javascript-console.get.properties

@@ -52,3 +52,6 @@ title.destinationDialog=Select Folder
 
 tooltip.urlargs=Enter the url arguments for the webscript using the query string format:<br><b>a=123&b=test</b> will result in variables <b>args.a</b> filled with the value 123<br>and <b>args.b</b> filled with the value 'test'.
 tooltip.runas=Enter the username the script will be run as. By default the script <br>will be run as <b>admin</b> but any exiting alfresco user<br>can be used.
+
+editor.js.placeholder=Type in your repository javascript code here...
+editor.fm.placeholder=Type in your freemarker template here...

javascript-console-share/config/alfresco/site-webscripts/de/fme/components/jsconsole/javascript-console.get_de.properties

@@ -52,3 +52,5 @@ tab.label.json.output=JSON-Ausgabe
 tooltip.urlargs=Hier die URL argumente für das Webscript im Querystring-Format eingeben:<br><b>a=123&b=test</b> erzeugt die Variablen <b>args.a</b> gefüllt mit dem Wert 123<br>und <b>args.b</b> mit dem Wert 'test'.
 tooltip.runas=Der Benutzername mit dem das Skript ausgeführt wird. Standardmässig wird das Skript mit dem Benutzer <b>admin</b> ausgeführt.<br>Es jedoch jeder Alfresco-Benutzer verwendet werden.
 
+editor.js.placeholder=Geben Sie hier ihren Javascript Code ein...
+editor.fm.placeholder=Geben Sie hier ihr Freemarker Template ein...

javascript-console-share/config/alfresco/site-webscripts/de/fme/components/jsconsole/javascript-console.get_en.properties

@@ -50,3 +50,6 @@ title.destinationDialog=Select Folder
 
 tooltip.urlargs=Enter the url arguments for the webscript using the query string format:<br><b>a=123&b=test</b> will result in variables <b>args.a</b> filled with the value 123<br>and <b>args.b</b> filled with the value 'test'.
 tooltip.runas=Enter the username the script will be run as. By default the script <br>will be run as <b>admin</b> but any exiting alfresco user<br>can be used.
+
+editor.js.placeholder=Type in your repository javascript code here...
+editor.fm.placeholder=Type in your freemarker template here...

javascript-console-share/source/web/fme/components/jsconsole/codemirror/codemirror.css

@@ -245,3 +245,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
 
 .lint-error {font-family: arial; font-size: 70%; background: #ffa; color: #a00; padding: 2px 5px 3px; }
 .lint-error-icon {color: white; background-color: red; font-weight: bold; border-radius: 50%; padding: 0 3px; margin-right: 7px;}
+
+/* placeholder  */
+.CodeMirror pre.CodeMirror-placeholder { color: #999; }