- <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>
-
-
-
-<h1>Registration and Proposal Submission</h1>
+<!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>
+
+<div id="wrapper">
+ <div id="header-eng">
+ <a href="http://psihologija.ffzg.hr/drzb2011-eng"><img src="http://psihologija.ffzg.hr/uploads/qS/LE/qSLEDLKdPrP88dVyNI542g/header-eng2.jpg" alt="Dani Ramira i Zorana Bujasa" class="float_left" /></a>
+ </div>
+
+ <div id="mainNav">
+<div id="navigation">
+<ul>
+<li class="level"><a href="http://psihologija.ffzg.hr/drzb2011-eng">Home</a></li>
+ <li>
+ <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/registration">Registration</a>
+
+ <ul>
+
+ <li>
+ <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/types">Forms of participation</a>
+
+ <li>
+ <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/fee">Registration fee</a>
+ <li>
+ <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/registration/points">Points</a>
+
+ </ul></li>
+
+ <li>
+ <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/submission">Proposal Submission</a>
+ <ul>
+
+ <li>
+ <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/abstracts">Abstract preparation</a>
+ <li>
+
+ <a class="level5" href="http://psihologija.ffzg.hr/drzb2011-eng/submission/form">Submission form</a>
+
+ </ul></li>
+ <li>
+ <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/program">Program</a>
+ <li>
+ <a class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/organisation">Organisation</a>
+ <li>
+ <a target="_blank" class="level4" href="http://psihologija.ffzg.hr/drzb2011-eng/accommodation">Accomodation</a>
+</ul>
+</div>
+
+ </div>
+
+ <div id="mainNav_right">
+ <ul>
+ <li><a href="http://psihologija.ffzg.hr/drzb2011">Hrvatski</a></li>
+ <li><a href="http://psihologija.ffzg.hr/drzb2011-eng" class="active">English</a></li>
+ </ul>
+ </div>
+
+</div>
+
+<div class="title">
+<h1>Registration and proposal submission</h1>
+</div>
<div class="root" ng:controller="Registration" ng:init="$window.$root = this;">
-<div ng:show="! registration.$id && ! symposium.$id">
+<div style="clear: both; padding-top: 10px;" ng:show="! registration.$id && ! symposium.$id">
<p>
All participants (presenters, coauthors and visitors) have to register via on-line register system.
</p>
</div>
-<div ng:show="registration.$id || symposium">
+<div ng:show="registration.$id || symposium" style="padding-top: 40px">
<h2>{{registration.person.name}} {{registration.person.surname}}</h2>
<!--
<label>Institution: {{registration.person.inst}}</label>
<label ng:show="registration.type == 'accomp'">Registration type: Accompanying person</label>
<label ng:show="registration.type == 'student'">Registration type: Student</label>
<label ng:show="registration.type == 'sparticipant'">Registration type: Symposium participant<span ng:show="registration.student == true">, student</span></label>
- <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span><p><b>Round table topic:</b> {{registration.work.title}}</label>
+ <label ng:show="registration.type == 'round'">Registration type: Round table organizer<span ng:show="registration.student == true">, student</span></label>
<label ng:show="registration.type == 'lecture'">Registration type: Oral presentation<span ng:show="registration.student == true">, student</span></label>
<label ng:show="registration.type == 'poster'">Registration type: Poster presentation<span ng:show="registration.student == true">, student</span></label>
- <label ng:show="registration.type == 'poster' || registration.type == 'lecture'"><b>Title: </b>{{registration.work.title}}</label>
+ <label ng:show="registration.type == 'poster' || registration.type == 'lecture' || registration.type == 'round'"><b>Title: </b>{{registration.work.title}}</label>
<div ng:show="registration.type == 'symposium'">
<p>Symposium organizer</p>
<label><b>Symposium topic: </b><i>{{registration.symposium.title}}</i></label>
<a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
</div>
<div class="clear"><a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a></div>
- <label>Summary (2000 characters max.)</label>
+ <label>Summary (<span class="lengthCount">{{registration.symposium.abstract.length}}</span> / max. 2000 characters)</label>
<textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
<div ng:show="symposium">
<div class="clear"><a class="addPerson" href="" ng:click="registration.work.organizers.$add()">Add another organizer</a></div>
</div>
-<label>Abstract (2000 characters max.):</label>
+<label>Abstract (<span class="lengthCount">{{registration.work.abstract.length}}</span> / max. 2000 characters)</label>
<textarea class="input1" name="registration.work.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
</div>
-->
+</div>
+<div id="footer">
+ Odsjek za psihologiju, Filozofski fakultet Sveučilišta u Zagrebu, Ivana Lučića 3, 10000 Zagreb ; tel. 01/6120 215 ; fax. 01/6120 037
+ <div id="go_to_top"><a href="#"></a></div>
+ <p id="foot">
+ <a href="http://psihologija.ffzg.hr" target="_blank">http://psihologija.ffzg.hr</a>
+ </p>
</div>
<!--
<div ng:show="registration.$id">
Permalink to <a href="#{{registration.$id}}">DRZB2011 registration</a> which you can bookmark
</div>
-->
+
+<!--
+<div style="clear: both">
<input type=checkbox name=debug style="float: right; clear: both">
<pre ng:show="debug">
$id={{$id}}
registration.$id={{registration.$id}}
</pre>
+</div>
+-->
+
+</body>
+</html>
projects / angular-mojolicious.git / blobdiff