From 8a02076cdb5223e5dfe758202e4edd79751f7acb Mon Sep 17 00:00:00 2001
From: Dobrica Pavlinusic <dpavlin@rot13.org>
Date: Fri, 19 Nov 2010 18:35:00 +0100
Subject: [PATCH] split out css, and use newer javascript code

---
 public/app/drzb2011/database.js          |   1 +
 public/app/drzb2011/registration-en.html | 341 ++---------------------
 public/app/drzb2011/registration-hr.html | 338 ++--------------------
 public/app/drzb2011/registration.css     | 223 +++++++++++++++
 public/app/drzb2011/registration.js      |   1 +
 5 files changed, 263 insertions(+), 641 deletions(-)
 create mode 100644 public/app/drzb2011/database.js
 create mode 100644 public/app/drzb2011/registration.css
 create mode 120000 public/app/drzb2011/registration.js

diff --git a/public/app/drzb2011/database.js b/public/app/drzb2011/database.js
new file mode 100644
index 0000000..42e2f28
--- /dev/null
+++ b/public/app/drzb2011/database.js
@@ -0,0 +1 @@
+var database='drzb2011';
diff --git a/public/app/drzb2011/registration-en.html b/public/app/drzb2011/registration-en.html
index cc639a1..8596b17 100644
--- a/public/app/drzb2011/registration-en.html
+++ b/public/app/drzb2011/registration-en.html
@@ -1,325 +1,18 @@
-	<script>
-
-	if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
-
-	function Registration($resource){
-		this.master = {
-			person: {
-				name: '', surname: '', inst: '', email: ''
-			},
-			type: 'participant',
-			work: {
-				title: '',
-				abstract: '',
-				authors:[ { name:'', surname:'', inst:'', email:'' } ],
-				organizers: []
-			},
-			symposium: { 
-				//organizers: [ {name:'', surname:'', inst:'', email:'' } ], 
-				organizers: [],
-				work_nr: 1
-			}
-		};
-		this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
-		this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
-		this.reset();
-		this.$watch('$location.hashPath', this.hash_change);
-	}
-	Registration.$inject=['$resource'];
-
-	Registration.prototype = {
-		hash_change: function() {
-			var id = this.$location.hashPath;
-	console.debug( 'hash_change', id, this.registration.$id );
-			if ( id != this.registration.$id ) {
-				if (id) {
-					var self = this;
-					this.registration = this.Registration.get({ id: id }, function(registration) {
-						self.last_saved = angular.copy(registration);
-						if ( registration.type == 'symposium' ) {
-							var s_id = registration.symposium.$id || registration.$id;
-							// first registration doesn't have symposium.$id, but we used same $id
-	console.debug( 'load symposium ', s_id );
-							self.symposium = self.Symposium.get({ id: s_id });
-						}
-					});
-				}
-				else this.reset();
-			}
-		},
-		reset: function() {
-			console.debug( this.Registration );
-			var last = this.registration;
-			if ( last && last.type == 'symposium' ) {
-				if ( last.$id ) last.symposium.work_nr++; // only if saved
-			}
-			this.registration = new this.Registration( this.master );
-			if ( last ) {
-				this.registration.type      = last.type;
-				this.registration.person    = last.person;
-
-				if ( last.type == 'symposium' )
-				this.registration.symposium = last.symposium;
-			}
-			this.last_saved = angular.copy( this.registration ); // FIXME was: {};
-	console.debug( 'reset', this.registration, this.$location.hashPath, last );
-		},
-		save: function(){
-			var self = this;
-			this.registration.$save(function(registration){
-				self.$location.hashPath = registration.$id;
-
-				// save symposium to separate resource
-				if ( registration.type == 'symposium' ) {
-					if ( ! self.symposium ) { 
-						self.registration.symposium.$id = registration.$id; // reuse $id of first work for symposium
-						self.symposium = new self.Symposium( registration.symposium );
-						self.symposium.works = [];
-					}
-					registration.work.$id = registration.$id; // preserve $id
-					self.symposium.works[ registration.symposium.work_nr - 1 ] = registration.work;
-	console.debug('save_symposium', self.symposium );
-					self.symposium.$save();
-				}
-
-				self.last_saved = angular.copy(registration);
-			});
-		}
-	};
-
-	angular.validator.max_length = function(input, len) {
-		var ok = input.length <= len;
-	console.debug( 'max_length', ok, input.length, len );
-		return ok ? '' : 'must be shorter than '+len+' characters';
-	}
-
-	</script>
-
-
-	<style type="text/css">
-
-	body {
-		background: #F6F6F6;
-		margin: 40px;
-		font-family: Arial;
-		color: #374E5A;
-		font-size: 14px;
-		line-height: 16px;
-	}
-
-
-	label {
-		display: block;
-		color: #D74F25;
-		color: #374E5A;
-		color: #afafaf;
-		margin-top: 10px;
-		font-size: 14px;
-		font-family: Arial;
-	}
-	h1 {
-	/*	margin-bottom: 6px;	*/
-		padding-left: 20px;
-		font: 18px arial;
-		color: #0c1426;
-		text-decoration: none;
-		display: block;
-		background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
-		border-bottom: 1px solid #CCC;
-	}
-h2, h3 {
-	margin-top: 60px;
-	font-size: 14px;
-	padding: 2px 0;
-	border-bottom: 2px solid #D74F25;
-	border-bottom: 1px solid #46d0fe;
-}
-
-h3 {
-	margin-top: 20px;
-}
-
-a {
-	color: #D74F25;
-}
-
-label {
-	color: #374E5A;
-}
-
-.input, .inputOrg {
-	color: #afafaf;
-	float: left;
-	margin: 2px;
-	padding: 0 6px;
-}
-
-.inputOrg {
-	color:  #374E5A;
-}
-
-.input1 {
-	width: 40.8em;
-}
-
-.input2 {
-	width: 8em;
-}
-
-.input3 {
-	width: 13em;
-}
-.input4 {
-	width: 10em;
-}
-
-.input5 {
-	width: 21.4em;
-}
-.input6 {
-	width: 6.3em;
-}
-
-.clear {
-	clear: both;
-}
-
-
-.authors {
-	clear: both;
-	margin-bottom: 6px;
-}
-
-.addPerson {
-	color: #D74F25;
-	color: #EDC8BC;
-	color: #EAB3A2;
-	font-size: 90%;
-}
-
-input, textarea {
-	font: 14px arial;
-	color: #000000;
-	border: solid 1px #dedede;
-	padding: 6px;
-	background: #f6f6f6;
-}
-
-input:focus, textarea:focus
-{
-	
-	background: #ffffff;
-	font-family: arial;
-	color: #000000;
-/*	border: 1px solid #46d0fe; */
-}
-
-.ng-validation-error {
-	border: 1px solid #FF6666;
-	border: 1px solid #EDC8BC;
-	border: 1px solid #FF9966;
-	border: 1px solid #EAB3A2;
-	border: 1px solid #D74F25;
-	border: 1px solid #DC6844;
-	border: 1px solid #DE7F61;
-}
-
-.ng-exception {
-	border: 0;
-}
-
-
-#work, #submission {
-	margin-bottom: 20px;
-}
-
-.button {
-	margin-top: 20px;
-	width: 40.8em;
-}
-
-.button input {
-	margin-bottom: 10px;
-	float: left;
-	color: #ffffff;
-	display: block;
-	text-decoration: none;
-	background: #d74f25;
-}
-
-.button input:hover, .gohome:hover {
-	/* background: #dc6844;	*/
-}
-
-.button2 input {
-	background: #F6F6F6;
-	color: #374E5A;
-	border: 1px solid #d74f25;
-	display: inline;
-}
-
-
-.gohome  {
-	float: left;
-	color: #374E5A;
-	border: 1px solid #d74f25;
-	text-decoration: none;
-	background: #f6f6f6;
-	padding: 7px;
-	margin-top: 20px;
-	font: 14px arial;
-	border: solid 1px #dedede;
-	border: solid 1px #f6f6f6;
-}
-
-.gohome a {
-}
-
-.gohome a:hover {
-	text-decoration: none;
-}
-
-.list {
-	margin-top: 20px;
-	font-weight: bold;
-}
-
-.warrning {
-	color: #FF6666;
-}
-
-.sworks {
-	margin-top: 20px;
-}
-
-
-.newWork {
-	clear: left;
-	margin-top: 50px;
-}
-.saved {
-	margin-bottom: 20px;
-	margin-top: 20px;
-}
-.saved2 {
-	color: #374E5A;
-	color: #d74f25;
-	font-weight: bold;
-	font-style: italic;
-	display: block;
-}
-.saved3 {
-	color: #374E5A;
-	font-weight: normal;
-	margin-top: 20px;
-}
-.footer {
-	height: 10px;
-}
-hr {
-	border: 1px solid #ccc;
-}
-</style>
+<!DOCTYPE HTML>
+<html xmlns:ng="http://angularjs.org">
+<head>
+<meta charset="utf-8">
+<script src="angular.js" ng:autobind></script>
+
+<title>Conference registration</title>
+
+<script src="database.js"></script>
+<script src="registration.js"></script>
+
+<link rel="stylesheet" href="registration.css" type="text/css">
+
+</head>
+<body>
 
 
 
@@ -679,3 +372,7 @@ symposium = {{symposium}}
 $id={{$id}}
 registration.$id={{registration.$id}}
 </pre>
+
+
+</body>
+</html>
diff --git a/public/app/drzb2011/registration-hr.html b/public/app/drzb2011/registration-hr.html
index 0a42000..d13bf0c 100644
--- a/public/app/drzb2011/registration-hr.html
+++ b/public/app/drzb2011/registration-hr.html
@@ -1,322 +1,18 @@
-	<script>
-
-	if (typeof (console) === 'undefined') console = { debug: function() {} }; // mock console.debug
-
-	function Registration($resource){
-		this.master = {
-			person: {
-				name: '', surname: '', inst: '', email: ''
-			},
-			type: 'participant',
-			work: {
-				title: '',
-				abstract: '',
-				authors:[ { name:'', surname:'', inst:'', email:'' } ],
-				organizers: []
-			},
-			symposium: { 
-				//organizers: [ {name:'', surname:'', inst:'', email:'' } ], 
-				organizers: [],
-				work_nr: 1
-			}
-		};
-		this.Registration = $resource( '/data/conference/Registration/:id', { id:'' } );
-		this.Symposium = $resource( '/data/conference/Symposium/:id', { id:'' } );
-		this.reset();
-		this.$watch('$location.hashPath', this.hash_change);
-	}
-	Registration.$inject=['$resource'];
-
-	Registration.prototype = {
-		hash_change: function() {
-			var id = this.$location.hashPath;
-	console.debug( 'hash_change', id, this.registration.$id );
-			if ( id != this.registration.$id ) {
-				if (id) {
-					var self = this;
-					this.registration = this.Registration.get({ id: id }, function(registration) {
-						self.last_saved = angular.copy(registration);
-						if ( registration.type == 'symposium' ) {
-							var s_id = registration.symposium.$id || registration.$id;
-							// first registration doesn't have symposium.$id, but we used same $id
-	console.debug( 'load symposium ', s_id );
-							self.symposium = self.Symposium.get({ id: s_id });
-						}
-					});
-				}
-				else this.reset();
-			}
-		},
-		reset: function() {
-			console.debug( this.Registration );
-			var last = this.registration;
-			if ( last && last.type == 'symposium' ) {
-				if ( last.$id ) last.symposium.work_nr++; // only if saved
-			}
-			this.registration = new this.Registration( this.master );
-			if ( last ) {
-				this.registration.type      = last.type;
-				this.registration.person    = last.person;
-
-				if ( last.type == 'symposium' )
-				this.registration.symposium = last.symposium;
-			}
-			this.last_saved = angular.copy( this.registration ); // FIXME was: {};
-	console.debug( 'reset', this.registration, this.$location.hashPath, last );
-		},
-		save: function(){
-			var self = this;
-			this.registration.$save(function(registration){
-				self.$location.hashPath = registration.$id;
-
-				// save symposium to separate resource
-				if ( registration.type == 'symposium' ) {
-					if ( ! self.symposium ) { 
-						self.registration.symposium.$id = registration.$id; // reuse $id of first work for symposium
-						self.symposium = new self.Symposium( registration.symposium );
-						self.symposium.works = [];
-					}
-					registration.work.$id = registration.$id; // preserve $id
-					self.symposium.works[ registration.symposium.work_nr - 1 ] = registration.work;
-	console.debug('save_symposium', self.symposium );
-					self.symposium.$save();
-				}
-
-				self.last_saved = angular.copy(registration);
-			});
-		}
-	};
-
-	angular.validator.max_length = function(input, len) {
-		var ok = input.length <= len;
-	console.debug( 'max_length', ok, input.length, len );
-		return ok ? '' : 'must be shorter than '+len+' characters';
-	}
-
-	</script>
-
-
-	<style type="text/css">
-
-	body {
-		background: #F6F6F6;
-		margin: 40px;
-		font-family: Arial;
-		color: #374E5A;
-		font-size: 14px;
-		line-height: 16px;
-	}
-
-
-	label {
-		display: block;
-		color: #D74F25;
-		color: #374E5A;
-		color: #afafaf;
-		margin-top: 10px;
-		font-size: 14px;
-		font-family: Arial;
-	}
-	h1 {
-	/*	margin-bottom: 6px;	*/
-		padding-left: 20px;
-		font: 18px arial;
-		color: #0c1426;
-		text-decoration: none;
-		display: block;
-		background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
-		border-bottom: 1px solid #CCC;
-	}
-h2, h3 {
-	margin-top: 60px;
-	font-size: 14px;
-	padding: 2px 0;
-	border-bottom: 2px solid #D74F25;
-	border-bottom: 1px solid #46d0fe;
-}
-
-h3 {
-	margin-top: 20px;
-}
-
-a {
-	color: #D74F25;
-}
-
-label {
-	color: #374E5A;
-}
-
-.input, .inputOrg {
-	color: #afafaf;
-	float: left;
-	margin: 2px;
-	padding: 0 6px;
-}
-
-.inputOrg {
-	color:  #374E5A;
-}
-
-.input1 {
-	width: 40.8em;
-}
-
-.input2 {
-	width: 8em;
-}
-
-.input3 {
-	width: 13em;
-}
-.input4 {
-	width: 10em;
-}
-
-.input5 {
-	width: 21.4em;
-}
-.input6 {
-	width: 6.3em;
-}
-
-.clear {
-	clear: both;
-}
-
-
-.authors {
-	clear: both;
-	margin-bottom: 6px;
-}
-
-.addPerson {
-	color: #D74F25;
-	color: #EDC8BC;
-	color: #EAB3A2;
-	font-size: 90%;
-}
-
-input, textarea {
-	font: 14px arial;
-	color: #000000;
-	border: solid 1px #dedede;
-	padding: 6px;
-	background: #f6f6f6;
-}
-
-input:focus, textarea:focus
-{
-	
-	background: #ffffff;
-	font-family: arial;
-	color: #000000;
-/*	border: 1px solid #46d0fe; */
-}
-
-.ng-validation-error {
-	border: 1px solid #FF6666;
-	border: 1px solid #EDC8BC;
-	border: 1px solid #FF9966;
-	border: 1px solid #EAB3A2;
-	border: 1px solid #D74F25;
-	border: 1px solid #DC6844;
-	border: 1px solid #DE7F61;
-}
-
-
-
-#work, #submission {
-	margin-bottom: 20px;
-}
-
-.button {
-	margin-top: 20px;
-	width: 40.8em;
-}
-
-.button input {
-	margin-bottom: 10px;
-	float: left;
-	color: #ffffff;
-	display: block;
-	text-decoration: none;
-	background: #d74f25;
-}
-
-.button input:hover, .gohome:hover {
-	/* background: #dc6844;	*/
-}
-
-.button2 input {
-	background: #F6F6F6;
-	color: #374E5A;
-	border: 1px solid #d74f25;
-	display: inline;
-}
-
-
-.gohome  {
-	float: left;
-	color: #374E5A;
-	border: 1px solid #d74f25;
-	text-decoration: none;
-	background: #f6f6f6;
-	padding: 7px;
-	margin-top: 20px;
-	font: 14px arial;
-	border: solid 1px #dedede;
-	border: solid 1px #f6f6f6;
-}
-
-.gohome a {
-}
-
-.gohome a:hover {
-	text-decoration: none;
-}
-
-.list {
-	margin-top: 20px;
-	font-weight: bold;
-}
-
-.warrning {
-	color: #FF6666;
-}
-
-.sworks {
-	margin-top: 20px;
-}
-
-
-.newWork {
-	clear: left;
-	margin-top: 50px;
-}
-.saved {
-	margin-bottom: 20px;
-	margin-top: 20px;
-}
-.saved2 {
-	color: #374E5A;
-	color: #d74f25;
-	font-weight: bold;
-	font-style: italic;
-	display: block;
-}
-.saved3 {
-	color: #374E5A;
-	font-weight: normal;
-	margin-top: 20px;
-}
-.footer {
-	height: 10px;
-}
-hr {
-	border: 1px solid #ccc;
-}
-</style>
+<!DOCTYPE HTML>
+<html xmlns:ng="http://angularjs.org">
+<head>
+<meta charset="utf-8">
+<script src="angular.js" ng:autobind></script>
+
+<title>Conference registration</title>
+
+<script src="database.js"></script>
+<script src="registration.js"></script>
+
+<link rel="stylesheet" href="registration.css" type="text/css">
+
+</head>
+<body>
 
 
 
@@ -678,3 +374,7 @@ symposium = {{symposium}}
 $id={{$id}}
 registration.$id={{registration.$id}}
 </pre>
+
+
+</body>
+</html>
diff --git a/public/app/drzb2011/registration.css b/public/app/drzb2011/registration.css
new file mode 100644
index 0000000..d259304
--- /dev/null
+++ b/public/app/drzb2011/registration.css
@@ -0,0 +1,223 @@
+
+body {
+	background: #F6F6F6;
+	margin: 40px;
+	font-family: Arial;
+	color: #374E5A;
+	font-size: 14px;
+	line-height: 16px;
+}
+
+
+label {
+	display: block;
+	color: #D74F25;
+	color: #374E5A;
+	color: #afafaf;
+	margin-top: 10px;
+	font-size: 14px;
+	font-family: Arial;
+}
+h1 {
+/*	margin-bottom: 6px;	*/
+	padding-left: 20px;
+	font: 18px arial;
+	color: #0c1426;
+	text-decoration: none;
+	display: block;
+	background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
+	border-bottom: 1px solid #CCC;
+}
+h2, h3 {
+	margin-top: 60px;
+	font-size: 14px;
+	padding: 2px 0;
+	border-bottom: 2px solid #D74F25;
+	border-bottom: 1px solid #46d0fe;
+}
+
+h3 {
+	margin-top: 20px;
+}
+
+a {
+	color: #D74F25;
+}
+
+label {
+	color: #374E5A;
+}
+
+.input, .inputOrg {
+	color: #afafaf;
+	float: left;
+	margin: 2px;
+	padding: 0 6px;
+}
+
+.inputOrg {
+	color:  #374E5A;
+}
+
+.input1 {
+	width: 40.8em;
+}
+
+.input2 {
+	width: 8em;
+}
+
+.input3 {
+	width: 13em;
+}
+.input4 {
+	width: 10em;
+}
+
+.input5 {
+	width: 21.4em;
+}
+.input6 {
+	width: 6.3em;
+}
+
+.clear {
+	clear: both;
+}
+
+
+.authors {
+	clear: both;
+	margin-bottom: 6px;
+}
+
+.addPerson {
+	color: #D74F25;
+	color: #EDC8BC;
+	color: #EAB3A2;
+	font-size: 90%;
+}
+
+input, textarea {
+	font: 14px arial;
+	color: #000000;
+	border: solid 1px #dedede;
+	padding: 6px;
+	background: #f6f6f6;
+}
+
+input:focus, textarea:focus
+{
+	
+	background: #ffffff;
+	font-family: arial;
+	color: #000000;
+/*	border: 1px solid #46d0fe; */
+}
+
+.ng-validation-error {
+	border: 1px solid #FF6666;
+	border: 1px solid #EDC8BC;
+	border: 1px solid #FF9966;
+	border: 1px solid #EAB3A2;
+	border: 1px solid #D74F25;
+	border: 1px solid #DC6844;
+	border: 1px solid #DE7F61;
+}
+
+.ng-exception {
+	border: 0;
+}
+
+
+#work, #submission {
+	margin-bottom: 20px;
+}
+
+.button {
+	margin-top: 20px;
+	width: 40.8em;
+}
+
+.button input {
+	margin-bottom: 10px;
+	float: left;
+	color: #ffffff;
+	display: block;
+	text-decoration: none;
+	background: #d74f25;
+}
+
+.button input:hover, .gohome:hover {
+	/* background: #dc6844;	*/
+}
+
+.button2 input {
+	background: #F6F6F6;
+	color: #374E5A;
+	border: 1px solid #d74f25;
+	display: inline;
+}
+
+
+.gohome  {
+	float: left;
+	color: #374E5A;
+	border: 1px solid #d74f25;
+	text-decoration: none;
+	background: #f6f6f6;
+	padding: 7px;
+	margin-top: 20px;
+	font: 14px arial;
+	border: solid 1px #dedede;
+	border: solid 1px #f6f6f6;
+}
+
+.gohome a {
+}
+
+.gohome a:hover {
+	text-decoration: none;
+}
+
+.list {
+	margin-top: 20px;
+	font-weight: bold;
+}
+
+.warrning {
+	color: #FF6666;
+}
+
+.sworks {
+	margin-top: 20px;
+}
+
+
+.newWork {
+	clear: left;
+	margin-top: 50px;
+}
+.saved {
+	margin-bottom: 20px;
+	margin-top: 20px;
+}
+.saved2 {
+	color: #374E5A;
+	color: #d74f25;
+	font-weight: bold;
+	font-style: italic;
+	display: block;
+}
+.saved3 {
+	color: #374E5A;
+	font-weight: normal;
+	margin-top: 20px;
+}
+.footer {
+	height: 10px;
+}
+hr {
+	border: 1px solid #ccc;
+}
+
diff --git a/public/app/drzb2011/registration.js b/public/app/drzb2011/registration.js
new file mode 120000
index 0000000..bb37db2
--- /dev/null
+++ b/public/app/drzb2011/registration.js
@@ -0,0 +1 @@
+../conference/registration.js
\ No newline at end of file
-- 
2.20.1