Replace all ${} variables which are rendered with <%=%>

grails-app/views/_visualization_javascript.gsp

@@ -1,30 +1,30 @@
 <%@ page import="org.apache.commons.lang.StringUtils" %>
 <g:set var="functionName" value="draw${StringUtils.capitalize(visualizationData.name)}"/>
 <script type="text/javascript">
-    google.load('visualization', '${visualizationData.version}', {'packages': ['${visualizationData.visualization.packageName}']<g:if test="${visualizationData.dynamicLoading}">, 'callback': ${functionName}</g:if><g:if test="${visualizationData.language}">, 'language': '${visualizationData.language}'</g:if>});
-    <g:if test="${!visualizationData.dynamicLoading}">google.setOnLoadCallback(${functionName});</g:if>
+    google.load('visualization', '<%=visualizationData.version%>', {'packages': ['<%=visualizationData.visualization.packageName%>']<g:if test="${visualizationData.dynamicLoading}">, 'callback': <%=functionName%></g:if><g:if test="${visualizationData.language}">, 'language': '<%=visualizationData.language%>'</g:if>});
+    <g:if test="${!visualizationData.dynamicLoading}">google.setOnLoadCallback(<%=functionName%>);</g:if>
     
-    function ${functionName}() {
-        ${visualizationData.name}_data = new google.visualization.DataTable();
+    function <%=functionName%>() {
+        <%=visualizationData.name%>_data = new google.visualization.DataTable();
         <g:each var="column" in="${visualizationData.columns}">
-        ${visualizationData.name}_data.addColumn('${column[0]}', '${column[1]}');
+        <%=visualizationData.name%>_data.addColumn('<%=column[0]%>', '<%=column[1]%>');
         </g:each>
         <g:each var="row" in="${visualizationData.rows}">
-        ${visualizationData.name}_data.addRow(<%=row%>);
+        <%=visualizationData.name%>_data.addRow(<%=row%>);
         </g:each>
       
-        ${visualizationData.name} = new ${visualizationData.visualization.object}(document.getElementById('${visualizationData.elementId}'));
+        <%=visualizationData.name%> = new <%=visualizationData.visualization.object%>(document.getElementById('<%=visualizationData.elementId%>'));
 
         <g:render template="/formatter" model="[visualizationData: visualizationData]" plugin="google-visualization"/>
 
         <g:each var="beforeDrawEvent" in="${visualizationData.beforeDrawEvents}">
-        google.visualization.events.addListener(${visualizationData.name}, '${beforeDrawEvent.key}', ${beforeDrawEvent.value});
+        google.visualization.events.addListener(<%=visualizationData.name%>, '<%=beforeDrawEvent.key%>', <%=beforeDrawEvent.value%>);
         </g:each>
         
-        ${visualizationData.name}.draw(${visualizationData.name}_data, <%=visualizationData.options%>);
+        <%=visualizationData.name%>.draw(<%=visualizationData.name%>_data, <%=visualizationData.options%>);
 
         <g:each var="afterDrawEvent" in="${visualizationData.afterDrawEvents}">
-        google.visualization.events.addListener(${visualizationData.name}, '${afterDrawEvent.key}', ${afterDrawEvent.value});
+        google.visualization.events.addListener(<%=visualizationData.name%>, '<%=afterDrawEvent.key%>', <%=afterDrawEvent.value%>);
         </g:each>
     }
 </script>