Subversion Repositories LCARS

Rev

Rev 26 | Rev 32 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
26 PointedEar 1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
  "http://www.w3.org/TR/html4/strict.dtd">
3
<html lang="de">
4
  <head>
5
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6
    <title>Seri-o-meter</title>
7
    <link rel="stylesheet" href="style.css" type="text/css">
8
    <script type="text/javascript">
9
    /*
10
      function setStyle(obj, style)
11
      {
12
        var styleProperties = Object.getOwnPropertyNames(style);
13
        for (var i = styleProperties.length; i--;)
14
        {
15
          var prop = styleProperties[i];
16
          obj.style[prop] = style[prop];
17
        }
18
      }
19
 
20
      function editor()
21
      {
22
        var div = document.createElement("div");
23
        setStyle(div, {
24
          position: "fixed",
25
          right: "0",
26
          top: "0",
27
          width: "200px",
28
          bottom: "0",
29
          backgroundColor: "#ccc"
30
        });
31
        document.body.appendChild(div);
32
 
33
        function findRules(selectorText)
34
        {
35
          var slice = Array.prototype.slice;
36
          function toArray(obj)
37
          {
38
            return slice.call(obj);
39
          }
40
 
41
          var rx = new RegExp("(^|\\s)" + selectorText.replace(/[^$.(){}\[\]]/, "\\$&") + "\\s*$");
42
          var hits = toArray(document.styleSheets).map(function (styleSheet) {
43
            return toArray(styleSheet.cssRules || styleSheet.rules).filter(function (rule) {
44
              return rx.test(rule.selectorText);
45
            });
46
          }).filter(function (hit) {
47
            return hit.length > 0;
48
          });
49
 
50
          return Array.prototype.concat.apply([], hits);
51
        }
52
 
53
        var afterRule = findRules(".heroes .o::after");
54
        var rxBgImage = new RegExp(
55
          "{RADIALGRADIENT}\\(\\s*({POSITION}\\s*,\\s*)?({SHAPE}\\s*,\\s*)?{COLORSTOP}(\\s*,\\s*{COLORSTOP})+\\s*\\)"
56
          .replace(/\{RADIALGRADIENT\}/g, "(-(webkit|moz|o|ms)-)?radial-gradient")
57
          .replace(/\{POSITION\}/g, "{LENGTH}(\\s+{LENGTH})?")
58
          .replace(/\{SHAPE\}/g, "\\s*((circle|ellipse)(\\s+({EDGE}))?|{LENGTH}(\\s+{LENGTH}))")
59
          .replace(/\{EDGE\}/g, "cover|closest-corner|closest-side|farthest-corner|farthest-side")
60
          .replace(/\{COLORSTOP\}/g, "{COLOR}(\\s*{PERCENTAGE})?")
61
          .replace(/\{LENGTH\}/g, "{NUMBER}{UNIT}")
62
          .replace(/\{COLOR\}/g, "({COLORNAME}|{RGB}|{RGBA})")
63
          .replace(/\{RGB\}/g, "rgb\\s*\\(\\s*{COLORCOMP}(\\s*,\\s*{COLORCOMP}){2}\\s*\\)")
64
          .replace(/\{RGBA\}/g, "rgba\\s*\\(\\s*{COLORCOMP}(\\s*,\\s*{COLORCOMP}){2}\\s*,\\s*{PERCENTAGE}\\s*\\)")
65
          .replace(/\{COLORCOMP\}/g, "{NUMBER}%?")
66
          .replace(/\{COLORNAME\}/g, "black|transparent")
67
          .replace(/\{PERCENTAGE\}/g, "{NUMBER}%?")
68
          .replace(/\{NUMBER\}/g, "\\d+")
69
          .replace(/\{UNIT\}/g, "(px|%|em|ex|pt)")
70
          , "g");
71
        console.log(rxBgImage);
72
        var value = afterRule[0].style.getPropertyValue("background-image");
73
        console.log(value);
74
        var backgroundImages = value.match(rxBgImage);
75
        console.log(backgroundImages);
76
      }
77
      */
78
      function net()
79
      {
80
        var map = {
81
          "gene-roddenberry's-andromeda": "andromeda",
82
          "battlestar-galactica-2004":    "battlestar-galactica",
83
          "battlestar-galactica-2004-de": "battlestar-galactica",
84
          "buffy-the-vampire-slayer":     "buffy",
85
          get: function (key) {
86
            return this.hasOwnProperty(key) ? this[key] : key;
87
          }
88
        };
89
 
90
        var f = function (e) {
91
          if (e && e.shiftKey && e.ctrlKey)
92
          {
93
            var key = map.get(this.textContent.toLowerCase()
94
              .replace(/[,()–]/g, "").replace(/\s+/g, "-").replace("-de", ""));
95
            window.open("http://serienjunkies.org/serie/" + encodeURIComponent(key));
96
            e.preventDefault();
97
          }
98
        };
99
 
100
        try
101
        {
102
          for (var a = document.links, i = a.length; i--;)
103
          {
104
            var e = a[i];
105
            e.addEventListener("click", f, false);
106
          }
107
        }
108
        catch (e) {}
109
      }
110
    </script>
111
  </head>
112
 
113
  <body onload="net() // editor()">
114
    <h1 class="hidden">Seri-o-meter</h1>
115
    <?php // var_dump($serien); ?>
116
    <table>
117
    <?php
118
    setlocale(LC_ALL, 'de_CH.UTF-8');
119
    foreach ($serien as $name => &$serie)
120
    {
121
      ?>
122
      <tr>
123
        <td style="text-align: center"><?php
124
          $recommended = ($name === $min_series);
125
          if ($recommended) { ?>→<?php }
126
          if (isset($serie['ignore']) && $serie['ignore'])
127
          {
29 PointedEar 128
            ?>→<span style="color: red; font-weight: bold">&#8416;</span><?php
26 PointedEar 129
          }
130
          ?></td>
131
        <th<?php if ($recommended) { ?> class="recommended"<?php } ?>><?php
132
          $ep_list = isset($serie['episode_list']);
133
          if ($ep_list)
134
          {
135
            ?><a href="<?php
136
              echo htmlspecialchars($serie['episode_list']);
137
            ?>" title="Episodenliste"><?php
138
          }
139
          echo $name;
140
          if ($ep_list) { ?></a><?php }
141
          ?><br>
142
          <span style="font-weight: normal"><?php
143
            if (array_key_exists('channel', $serie)) echo $serie['channel'];
144
 
145
            if (array_key_exists('showtimes', $serie))
146
            {
147
              echo ', ' . $serie['showtimes'];
148
            }
149
            ?></span></th>
150
        <td<?php if ($recommended) { ?> class="recommended"<?php } ?>>
151
          <div>Gesehen: <?php
152
            echo implode(', ', $serie['coverage']) . ' ('. $serie['count'];
153
            ?> von <?php $total = $serie['total']; echo $total; ?> Episoden)<?php
154
              if (isset($serie['last_seen']))
155
              {
156
                ?>; zuletzt am <?php
157
                echo strftime('%A, %e. %B %Y %H:%M %z', $serie['last_seen']);
158
              }
159
            ?></div>
160
          <div class="box">
161
            <div class="meter"
162
                 style="width: <?php
163
                   $percentage = $serie['percentage'];
164
                   echo $percentage; ?>%"
165
                 ></div>
166
            <?php
167
              if (array_key_exists('seasons', $serie))
168
              {
169
                $offset = 0;
170
                foreach ($serie['seasons'] as $key => $season)
171
                {
172
                  ?>
173
                  <div class="season"
174
                  <?php
175
                      if (!is_numeric($key))
176
                      {
177
                        ?> title="<?php echo htmlspecialchars($key); ?>"<?php
178
                      }
179
                     ?>
180
                       style="<?php
181
                       					if ($key === 0)
182
                       					{
183
                       						?>border-left: none; <?php
184
                                }
185
                              ?>left: <?php echo $offset; ?>%;
186
                              width: <?php echo $season / $total * 100; ?>%"
187
                              ><?php
188
                                if (is_numeric($key))
189
                                {
190
                                  echo ($key + 1);
191
                                }
192
                                else
193
                           {
194
                                  echo $key;
195
                                }
196
                              ?></div>
197
                  <?php
198
                  $offset += round($season / $total * 100, 1);
199
                }
200
              }
201
 
202
              if (isset($serie['episodes']))
203
              {
204
                $prevNumber = null;
205
              	foreach ($serie['episodes'] as $episode => $description)
206
              	{
207
              	  $episode_str = $episode;
208
              	  if (isset($serie['season_ranges']) && is_array($serie['season_ranges']))
209
              	  {
210
              	    foreach ($serie['season_ranges'] as $season_key => $season_range)
211
              	    {
212
              	      if ($episode >= $season_range[0] && $episode <= $season_range[1])
213
              	      {
214
              	        $episode_str = sprintf("%u (%ux%02u)", $episode, $season_key, $episode - $season_range[0] + 1);
215
              	      }
216
              	    }
217
              	  }
218
                  ?>
219
                  <div class="coverage"
220
                       style="<?php
221
                                if (is_null($prevNumber) || $prevNumber !== $episode - 1)
222
                                {
223
                                  ?>border-left: 1px solid rgba(0, 218, 0, 0.5); <?php
224
            	                  }
225
          	                  ?>
226
                              border-right: 1px solid rgba(0, 218, 0, 0.5);
227
                              background-color: transparent;
228
                              left: <?php echo ($episode - 1) / $total * 100; ?>%;
229
                              width: <?php echo 1 / $total * 100; ?>%"
230
                       title="<?php
231
                           echo "{$episode_str}: " . htmlspecialchars($description);
232
                           ?>"></div><?php
233
                  $prevNumber = $episode;
234
              	}
235
              }
236
 
237
              if (isset($serie['seen']))
238
              {
239
                foreach ($serie['seen'] as $range)
240
                {
241
                  if (!is_array($range))
242
                  {
243
                    $range = array($range, $range);
244
                  }
245
  /*
246
                  for ($i = $episode[0]; $i < $episode[1]; ++$i)
247
                    {
248
                    ?>
249
                    <div class="coverage"
250
                         style="left: <?php echo ($episode[0] - 1) / $total * 100; ?>%;
251
                                width: <?php echo ($episode[1] - $episode[0] + 1) / $total * 100; ?>%"
252
                         ></div>
253
                    <?php
254
                    }
255
                  }
256
                  else
257
  */
258
 
259
                  for ($episode = $range[0]; $episode <= $range[1]; ++$episode)
260
                  {
261
                    $episode_str = $episode;
262
                    if (isset($serie['season_ranges']) && is_array($serie['season_ranges']))
263
                	  {
264
                	    foreach ($serie['season_ranges'] as $season_key => $season_range)
265
                	    {
266
                	      if ($episode >= $season_range[0] && $episode <= $season_range[1])
267
                	      {
268
                	        $episode_str = sprintf("%u (%ux%02u)", $episode, $season_key, $episode - $season_range[0] + 1);
269
                	      }
270
                	    }
271
                	  }
272
                    ?>
273
                    <div class="coverage"
274
                         style="left: <?php echo ($episode - 1) / $total * 100; ?>%;
275
                                width: <?php echo 1 / $total * 100; ?>%"
276
                         <?php
277
                           if (isset($serie['episodes']) && array_key_exists($episode, $serie['episodes']))
278
                           {
279
                         ?>title="<?php
280
                             echo "{$episode_str}: " . htmlspecialchars($serie['episodes'][$episode]);
281
                             ?>"<?php
282
                           }
283
                         ?>></div>
284
                    <?php
285
                	}
286
                }
287
              }
288
            ?>
289
            <span class="percentage"><?php echo round($percentage, 1); ?>%</span>
290
          </div>
291
        </td>
292
      </tr>
293
      <?php
294
    }
295
    ?>
296
    </table>
297
  </body>
298
</html>