public/app/drzb2013/registrations.html

   1 <!DOCTYPE HTML>
   2 <html xmlns:ng="http://angularjs.org">
   3 <head>
   4 <meta charset="utf-8">
   5 <script src="angular.js" ng:autobind></script>
   6
   7 <script>
   8 Registrations.$inject = ['$xhr'];
   9
  10 function Registrations(xhr){
  11         this.xhr = xhr;
  12         var self = this;
  13         this.xhr("JSON"
  14                 , "/data/drzb2013/Registration?callback=JSON_CALLBACK"
  15                 , function(code, response){
  16 //                      console.log('xhr JSON', code, response);
  17                         self.data = response;
  18                 }
  19         );
  20
  21 }
  22
  23 </script>
  24
  25 <title>DRZB2011 Registrations</title>
  26
  27 <style>
  28 .address {
  29 }
  30 .abstract {
  31         font-style: italic;
  32         font-size: 90%;
  33         color: #3f3f3f;
  34 }
  35
  36 li {
  37         margin-top: 40px;
  38 }
  39
  40 .participant {
  41         background-color: #ffcccc;
  42         font-weight: bold;
  43 }
  44 .sparticipant {
  45         background-color: #ccffe6;
  46         font-weight: bold;
  47
  48 }
  49 .symposium {
  50         background-color: #ccccff;
  51         font-weight: bold;
  52
  53 }
  54 .round {
  55         background-color: #e6ccff;
  56         background-color:  #99ffcc;
  57         font-weight: bold;
  58
  59 }
  60 .lecture {
  61         background-color: #ffccff;
  62         font-weight: bold;
  63
  64 }
  65 .poster {
  66         background-color: #ffcce6;
  67         background-color: #ffcc99;
  68         font-weight: bold;
  69
  70 }
  71 .student {
  72         background-color: #ffff99;
  73         font-weight: bold;
  74
  75 }
  76 .accomp {
  77         background-color: #ccff99;
  78         font-weight: bold;
  79
  80 }
  81
  82 </style>
  83
  84 </head>
  85 <body>
  86
  87 <div ng:controller="Registrations">
  88
  89 Odabir: <br/>
  90
  91 <label><input name="selection" type="radio" value="all">SVI <br></label>
  92 <label class="participant"><input name="selection" type="radio" value="participant">Samo registracija <br></label>
  93 <label class="sparticipant"><input name="selection" type="radio" value="sparticipant">Sudionik simpozija/okruglog stola <br></label>
  94 <label class="symposium"><input name="selection" type="radio" value="symposium">Organizator simpozija <br></label>
  95 <label class="round"><input name="selection" type="radio" value="round">Organizator okruglog stola<br></label>
  96 <label class="lecture"><input name="selection" type="radio" value="lecture">Usmeno priopćenje <br></label>
  97 <label class="poster"><input name="selection" type="radio" value="poster">Poster <br></label>
  98 <label class="student"><input name="selection" type="radio" value="student">Student - samo registracija<br></label>
  99 <label class="accomp"><input name="selection" type="radio" value="accomp">Osoba u pratnji<br></label>
 100
 101
 102 <ol>
 103 <li ng:repeat="registration in data" ng:show="registration.type == selection || selection == 'all'">
 104 <span class="{{registration.type}}">
 105         <span ng:show="registration.type == 'participant'">samo registracija</span>
 106         <span ng:show="registration.type == 'sparticipant'">sudionik simpozija/okruglog stola</span>
 107         <span ng:show="registration.type == 'symposium'">organizator simpozija</span>
 108         <span ng:show="registration.type == 'round'">organizator okruglog stola</span>
 109         <span ng:show="registration.type == 'lecture'">usmeno priopćenje</span>
 110         <span ng:show="registration.type == 'poster'">poster</span>
 111         <span ng:show="registration.type == 'student'">student - samo registracija</span>
 112         <span ng:show="registration.type == 'accomp'">osoba u pratnji</span>
 113 </span>
 114         <span ng:show="registration.student == thrue"> - student</span><br>
 115 {{registration.person.name}}
 116 {{registration.person.surname}}
 117 &lt;{{registration.person.email}}&gt; {{registration.person.inst}}, {{registration.person.city}}, {{registration.person.country}}
 118 <div>{{registration.symposium.title}}<br>{{registration.symposium.abstract}}</div>
 119 <div><b>{{registration.work.title}}</b></div>
 120 <span ng:repeat="author in registration.work.authors" ng:show="registration.work.title">
 121 {{author.name}}
 122 {{author.surname}},
 123 {{author.inst}} <br>
 124 </span>
 125 <div class="abstract">{{registration.work.abstract}}</div>
 126 <div>{{registration._id}}</div>
 127 <!--
 128 <div class=address>{{registration.person.zip}} {{registration.person.city}}</div>
 129 -->
 130 </li>
 131 </ol>
 132
 133 <div>
 134 <input name=debug type=checkbox style="float: right;">
 135 <pre ng:show="debug">
 136 data={{data}}
 137 </pre>
 138 </div>
 139
 140 </div>
 141
 142
 143 </body>
 144 </html>