status.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. {% load static %}
  2. {% load humanize %}
  3. <!doctype html>
  4. <html class="no-js" lang="">
  5. <head>
  6. <meta charset="utf-8">
  7. <meta http-equiv="x-ua-compatible" content="ie=edge">
  8. <title>Now Playing</title>
  9. <meta name="description" content="">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  12. <!-- Place favicon.ico in the root directory -->
  13. </head>
  14. <body>
  15. <h3>Listening</h3>
  16. <div class="now-playing">
  17. {% if listening %}
  18. <div class="titles">
  19. <p><a href="{{listening.media_obj.get_absolute_url}}">{{listening.media_obj.title}}</a></p>
  20. {% if listening.media_obj.subtitle %}<p><em><a href="{{listening.media_obj.subtitle.get_absolute_url}}">{{listening.media_obj.subtitle}}</a></em></p>{% endif %}
  21. </div>
  22. <p><small>{{listening.timestamp|naturaltime}} from {{listening.source}}</small></p>
  23. <p>{{listening.percent_played}}% played</p>
  24. {% else %}
  25. <div class="titles">
  26. <p>Nothing</p>
  27. </div>
  28. {% endif %}
  29. </div>
  30. <hr />
  31. <h3>Watching</h3>
  32. <div class="watching">
  33. {% if watching %}
  34. <div class="titles">
  35. <p><a href="{{watching.media_obj.get_absolute_url}}">{{watching.media_obj.title}}</a></p>
  36. {% if watching.media_obj.subtitle %}<p><em><a href="{{watching.media_obj.subtitle.get_absolute_url}}">{{watching.media_obj.subtitle}}</a></em></p>{% endif %}
  37. </div>
  38. <p><small>{{watching.timestamp|naturaltime}} from {{watching.source}}</small></p>
  39. {% else %}
  40. <div class="titles">
  41. <p>Nothing</p>
  42. </div>
  43. {% endif %}
  44. </div>
  45. <hr />
  46. <h3>Going</h3>
  47. <div class="going">
  48. {% if going %}
  49. <div class="titles">
  50. <p><a href="{{going.media_obj.get_absolute_url}}">{{going.media_obj}}</a></p>
  51. {% if going.media_obj.subtitle %}<p><em><a href="{{going.media_obj.subtitle.get_absolute_url}}">{{going.media_obj.subtitle}}</a></em></p>{% endif %}
  52. </div>
  53. <p><small>{{going.timestamp|naturaltime}} from {{going.source}}</small></p>
  54. {% else %}
  55. <div class="titles">
  56. <p>Nowhere</p>
  57. </div>
  58. {% endif %}
  59. </div>
  60. <hr />
  61. <h3>Playing</h3>
  62. <div class="playing">
  63. {% if playing %}
  64. <div class="titles">
  65. <p><a href="{{playing.media_obj.get_absolute_url}}">{{playing.media_obj}}</a></p>
  66. {% if playing.media_obj.subtitle %}<p><em><a href="{{playing.media_obj.subtitle.get_absolute_url}}">{{playing.media_obj.subtitle}}</a></em></p>{% endif %}
  67. </div>
  68. <p><small>{{playing.timestamp|naturaltime}} from {{playing.source}}</small></p>
  69. {% else %}
  70. <div class="titles">
  71. <p>Nothing</p>
  72. </div>
  73. {% endif %}
  74. </div>
  75. <hr />
  76. <h3>Reading</h3>
  77. <div class="reading">
  78. {% if reading %}
  79. <div class="titles">
  80. <p><a href="{{reading.media_obj.get_absolute_url}}">{{reading.media_obj}}</a></p>
  81. {% if reading.media_obj.subtitle %}<p><em><a href="{{reading.media_obj.subtitle.get_absolute_url}}">{{reading.media_obj.subtitle}}</a></em></p>{% endif %}
  82. </div>
  83. <p><small>{{reading.timestamp|naturaltime}} from {{reading.source}}</small></p>
  84. {% else %}
  85. <div class="titles">
  86. <p>Nothing</p>
  87. </div>
  88. {% endif %}
  89. </div>
  90. <hr />
  91. <h3>Sessioning</h3>
  92. <div class="sessioning">
  93. {% if sessioning %}
  94. <div class="titles">
  95. <p><a href="{{sessioning.media_obj.get_absolute_url}}">{{sessioning.media_obj}}</a></p>
  96. {% if sessioning.media_obj.subtitle %}<p><em><a href="{{sessioning.media_obj.subtitle.get_absolute_url}}">{{sessioning.media_obj.subtitle}}</a></em></p>{% endif %}
  97. </div>
  98. <p><small>{{sessioning.timestamp|naturaltime}} from {{sessioning.source}}</small></p>
  99. {% else %}
  100. <div class="titles">
  101. <p>Nothing</p>
  102. </div>
  103. {% endif %}
  104. </div>
  105. <h3>Sporting</h3>
  106. <div class="sporting">
  107. {% if sporting %}
  108. <div class="titles">
  109. <p><a href="{{sporting.media_obj.get_absolute_url}}">{{sporting.media_obj}}</a></p>
  110. {% if sporting.media_obj.subtitle %}<p><em><a href="{{sporting.media_obj.subtitle.get_absolute_url}}">{{sporting.media_obj.subtitle}}</a></em></p>{% endif %}
  111. </div>
  112. <p><small>{{sporting.timestamp|naturaltime}} from {{sporting.source}}</small></p>
  113. {% else %}
  114. <div class="titles">
  115. <p>Nothing</p>
  116. </div>
  117. {% endif %}
  118. </div>
  119. <h3>Browsing</h3>
  120. <div class="browsing">
  121. {% if browsing %}
  122. <div class="titles">
  123. <p><a href="{{browsing.media_obj.get_absolute_url}}">{{browsing.media_obj}}</a></p>
  124. {% if browsing.media_obj.subtitle %}<p><em><a href="{{browsing.media_obj.subtitle.get_absolute_url}}">{{browsing.media_obj.subtitle}}</a></em></p>{% endif %}
  125. </div>
  126. <p><small>{{browsing.timestamp|naturaltime}} from {{browsing.source}}</small></p>
  127. {% else %}
  128. <div class="titles">
  129. <p>Nothing</p>
  130. </div>
  131. {% endif %}
  132. </div>
  133. <h3>Participating</h3>
  134. <div class="participating">
  135. {% if participating %}
  136. <div class="titles">
  137. <p><a href="{{participating.media_obj.get_absolute_url}}">{{participating.media_obj}}</a></p>
  138. {% if participating.media_obj.subtitle %}<p><em><a href="{{participating.media_obj.subtitle.get_absolute_url}}">{{participaing.media_obj.subtitle}}</a></em></p>{% endif %}
  139. </div>
  140. <p><small>{{participating.timestamp|naturaltime}} from {{participating.source}}</small></p>
  141. {% else %}
  142. <div class="titles">
  143. <p>Nothing</p>
  144. </div>
  145. {% endif %}
  146. </div>
  147. </body>
  148. </html>