public/app/drzb2013/predavaci.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/drzb2011/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 -->
  95 <label class="symposium"><input name="selection" type="radio" value="symposium">simpozij <br></label>
  96 <!--
  97 <label class="round"><input name="selection" type="radio" value="round">Organizator okruglog stola<br></label>
  98 -->
  99 <label class="lecture"><input name="selection" type="radio" value="lecture">Usmeno priopćenje <br></label>
 100 <label class="poster"><input name="selection" type="radio" value="poster">Poster <br></label>
 101 <!--
 102 <label class="student"><input name="selection" type="radio" value="student">Student - samo registracija<br></label>
 103 <label class="accomp"><input name="selection" type="radio" value="accomp">Osoba u pratnji<br></label>
 104 -->
 105
 106
 107 <ol>
 108 <li ng:repeat="registration in data" ng:show="registration.type == selection || selection == 'all'">
 109 <!--
 110 <span class="{{registration.type}}">
 111         <span ng:show="registration.type == 'participant'">samo registracija</span>
 112         <span ng:show="registration.type == 'sparticipant'">sudionik simpozija/okruglog stola</span>
 113         <span ng:show="registration.type == 'symposium'">organizator simpozija</span>
 114         <span ng:show="registration.type == 'round'">organizator okruglog stola</span>
 115         <span ng:show="registration.type == 'lecture'">usmeno priopćenje</span>
 116         <span ng:show="registration.type == 'poster'">poster</span>
 117         <span ng:show="registration.type == 'student'">student - samo registracija</span>
 118         <span ng:show="registration.type == 'accomp'">osoba u pratnji</span>
 119 </span>
 120         <span ng:show="registration.student == thrue"> - student</span><br>
 121 -->
 122 <!--
 123 <span ng:repeat="author in registration.work.authors" ng:show="registration.work.title">
 124
 125 {{author.name}}
 126 {{author.surname}},
 127 {{author.inst}} <br>
 128 </span>
 129 -->
 130
 131 {{registration.work.authors[0].name}}
 132 {{registration.work.authors[0].surname}},
 133 {{registration.work.authors[0].inst}}
 134 <!--
 135 <div class=address>{{registration.person.zip}} {{registration.person.city}}</div>
 136 -->
 137 </li>
 138 </ol>
 139
 140 <div>
 141 <input name=debug type=checkbox style="float: right;">
 142 <pre ng:show="debug">
 143 data={{data}}
 144 </pre>
 145 </div>
 146
 147 </div>
 148
 149
 150 </body>
 151 </html>