atika · March 10, 2016 10:58
diff --git a/CodeRunner-AngularJS-Exemple.js b/CodeRunner-AngularJS-Exemple.js
 // The first script tag is optional if you start with javascript

 //<script>
 $(document).ready(function () {
 	$("body").append("<br>jQuery said AngularJS rocks!");
 	alert($(document).html());
 });

 angular.module('PricesApp', [])
 	.controller("PriceController", function () {
 		
 		this.quantity = 1;
 		
 		this.references = [
 			{title:'Men', price:'20', checked:true},
 			{title:'Women', price:'18', checked:false},
 			{title:'Children', price:'12', checked:false}
 		];
 	
 		this.finalPrice = function(){
 			var price = (this.quantity * 1) * (this.selectedRef * 1 + this.selectedRef * 0.2) || 0;
 			return price + " Euros";
 		}
 	}); 

 //<html>
 <div ng-app="PricesApp" ng-controller="PriceController as prices">
 	<input type="text" ng-model="name" placeholder="Enter your name">
 	<div class="test">Hello {{name}}!</div>
 	<br>
 	<form>
 	{{prices.references.length}} references available:
 	<br><br>
 	<div ng-repeat="ref in prices.references">
 		<input type="radio" name="type" value="{{ref.price}}" ng-model="prices.selectedRef" checked="{{ref.checked}}" >{{ref.title}}<br>
 	</div>
 	<input type="number" min="1" placeholder="Quantity" ng-model="prices.quantity">
 	</form>
 	<h3>Total: {{prices.finalPrice()}} T.T.C</h3>
 </div>
 <script src="http://localhost:1337/vorlon.js"></script>

 //<css>
 body {
 	font-family: 'HelveticaNeue-Light'
 }
 .test {
 	padding: 10px;
 	background-color:red;
 	color:white;
 }
 input {
 	margin: 8px 10px;
 	padding: 2px 5px;
 }
diff --git a/coderunner-javascript-html-css-compile-script.sh b/coderunner-javascript-html-css-compile-script.sh
 #!/bin/bash
 # This is a CodeRunner compile script. Compile scripts are used to compile
 # code before being run using the run command specified in CodeRunner
 # preferences. This script is invoked with the following properties:
 #
 # Current directory:	The directory of the source file being run
 #
 # Arguments $1-$n:		User-defined compile flags	
 #
 # Environment:			$CR_FILENAME	Filename of the source file being run
 #						$CR_ENCODING	Encoding code of the source file
 #						$CR_TMPDIR		Path of CodeRunner's temporary directory
 #
 # This script should have the following return values:
 # 
 # Exit status:			0 on success (CodeRunner will continue and execute run command)
 #
 # Output (stdout):		On success, one line of text which can be accessed
 #						using the $compiler variable in the run command
 #
 # Output (stderr):		Anything outputted here will be displayed in
 #						the CodeRunner console

 /usr/bin/env ruby <<-EORUBY

 current = "script"

 model = '<!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
 	<title>Document</title>
 	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 	<style type="text/css">
 	%s
 	</style>
 </head>
 <body>
 	%s
 	<script type="text/javascript">
 	%s	
 	</script>
 </body>
 </html>'

 data = {
 	"script" => Array.new,
 	"html" => Array.new,
 	"css" => Array.new
 }

 File.open("$CR_FILENAME").each do |line|
 	if  bloc = /\/\/<(script|html|css)>/.match(line) then
 		current = bloc[1].strip
 		next
 	end
 	
 	if line !~ /^$/
 		data[current].push(line.strip)
 	end
 	#puts line
 end

 #puts data.inspect

 printf(model, data['css'].join(" "), data['html'].join(""), data['script'].join("\\n") )

 EORUBY
	// The first script tag is optional if you start with javascript

	//<script>
	$(document).ready(function () {
	$("body").append("<br>jQuery said AngularJS rocks!");
	alert($(document).html());
	});

	angular.module('PricesApp', [])
	.controller("PriceController", function () {

	this.quantity = 1;

	this.references = [
	{title:'Men', price:'20', checked:true},
	{title:'Women', price:'18', checked:false},
	{title:'Children', price:'12', checked:false}
	];

	this.finalPrice = function(){
	var price = (this.quantity * 1) * (this.selectedRef * 1 + this.selectedRef * 0.2) \|\| 0;
	return price + " Euros";
	}
	});

	//<html>
	<div ng-app="PricesApp" ng-controller="PriceController as prices">
	<input type="text" ng-model="name" placeholder="Enter your name">
	<div class="test">Hello {{name}}!</div>
	<br>
	<form>
	{{prices.references.length}} references available:
	<br><br>
	<div ng-repeat="ref in prices.references">
	<input type="radio" name="type" value="{{ref.price}}" ng-model="prices.selectedRef" checked="{{ref.checked}}" >{{ref.title}}<br>
	</div>
	<input type="number" min="1" placeholder="Quantity" ng-model="prices.quantity">
	</form>
	<h3>Total: {{prices.finalPrice()}} T.T.C</h3>
	</div>
	<script src="http://localhost:1337/vorlon.js"></script>

	//<css>
	body {
	font-family: 'HelveticaNeue-Light'
	}
	.test {
	padding: 10px;
	background-color:red;
	color:white;
	}
	input {
	margin: 8px 10px;
	padding: 2px 5px;
	}
	#!/bin/bash
	# This is a CodeRunner compile script. Compile scripts are used to compile
	# code before being run using the run command specified in CodeRunner
	# preferences. This script is invoked with the following properties:
	#
	# Current directory: The directory of the source file being run
	#
	# Arguments $1-$n: User-defined compile flags
	#
	# Environment: $CR_FILENAME Filename of the source file being run
	# $CR_ENCODING Encoding code of the source file
	# $CR_TMPDIR Path of CodeRunner's temporary directory
	#
	# This script should have the following return values:
	#
	# Exit status: 0 on success (CodeRunner will continue and execute run command)
	#
	# Output (stdout): On success, one line of text which can be accessed
	# using the $compiler variable in the run command
	#
	# Output (stderr): Anything outputted here will be displayed in
	# the CodeRunner console

	/usr/bin/env ruby <<-EORUBY

	current = "script"

	model = '<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<style type="text/css">
	%s
	</style>
	</head>
	<body>
	%s
	<script type="text/javascript">
	%s
	</script>
	</body>
	</html>'

	data = {
	"script" => Array.new,
	"html" => Array.new,
	"css" => Array.new
	}

	File.open("$CR_FILENAME").each do \|line\|
	if bloc = /\/\/<(script\|html\|css)>/.match(line) then
	current = bloc[1].strip
	next
	end

	if line !~ /^$/
	data[current].push(line.strip)
	end
	#puts line
	end

	#puts data.inspect

	printf(model, data['css'].join(" "), data['html'].join(""), data['script'].join("\\n") )

	EORUBY