site_main_article_detail.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. {% import 'ui.html' as ui with context %}
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1" />
  5. <title>Hello</title>
  6. <link href="{{ url_for('static', path='/style.css') }}" rel="stylesheet">
  7. </head>
  8. <body>
  9. {% macro url_to_article_page(a) -%}
  10. {{ url_for('site_main_article_frontpage', id=a['site_id'], timestamp=a['timestamp_virtual']) }}
  11. {%- endmacro %}
  12. {% macro article(a) -%}
  13. <a href="{{ url_to_article_page(a) }}">
  14. {{ ui.logo(a["site_name"]) }} {{ a["title"] }}
  15. </a>
  16. {%- endmacro %}
  17. {% macro time_absolute(timestamp) %}
  18. <time class="absolute" datetime="{{ timestamp }}">{{ absolute_datetime(timestamp) }}</time>
  19. {%- endmacro %}
  20. {% macro time_relative(reference, timestamp) %}
  21. <time class="relative">{{ duration(reference, timestamp) }}</time>
  22. {%- endmacro %}
  23. {% macro article_other_time(a, class_, focus) -%}
  24. <div class="article-other-time {{ class_ }}">
  25. <div class="title">{{ article(a) }}</div>
  26. {{ time_relative(focus["timestamp_virtual"], a["timestamp_virtual"]) }}
  27. {{ time_absolute(a['timestamp_virtual']) }}
  28. </div>
  29. {%- endmacro -%}
  30. {% macro article_same_time(a) -%}
  31. <a href="{{ url_to_article_page(a) }}">
  32. <div class="article-same-time">
  33. {{ ui.logo(a["site_name"]) }}
  34. <h2>{{ a["title"] }}</h2>
  35. </div>
  36. </a>
  37. {%- endmacro -%}
  38. {% macro articles_list_same_time(a_list, class_) -%}
  39. <div class="articles-same-time {{ class_ }}">
  40. <ol>
  41. {% for a in a_list %}
  42. <li>{{ article_same_time(a) }}</li>
  43. {% endfor %}
  44. </ol>
  45. </div>
  46. {%- endmacro -%}
  47. {% macro article_similar(a, distance, focus) -%}
  48. {{ article(a) }}
  49. {{ time_relative(focus["timestamp_virtual"], a["timestamp_virtual"]) }}
  50. [{{ distance | round(3) }}]
  51. {%- endmacro -%}
  52. <a href="{{ url_for('index') }}">Homepage</a>
  53. <h1>{{ ui.logo(focused["site_name"]) }}</h1>
  54. <div id="article_browser">
  55. {{ articles_list_same_time(simultaneous_up, "up") }}
  56. <div class="focused">
  57. <a href="{{ focused['url_article'] }}"><h2>{{ focused["title"] }} <img src="{{ url_for('static', path='/external-link.svg') }}" height="30px"></h2></a>
  58. {{ time_absolute(focused['timestamp_virtual']) }}
  59. {{ ui.logo(focused["site_name"]) }}
  60. <div class="similar">
  61. <h3>Articles similaires</h3>
  62. <ol>
  63. {% for s, distance in similar %}
  64. {% if s["is_main"] %}
  65. <li>{{ article_similar(s, distance, focused)}}</li>
  66. {% endif %}
  67. {% endfor %}
  68. </ol>
  69. </div>
  70. </div>
  71. {% if after %}
  72. {{ article_other_time(after, "after", focused )}}
  73. {% endif %}
  74. {% if before %}
  75. {{ article_other_time(before, "before", focused )}}
  76. {% endif %}
  77. {{ articles_list_same_time(simultaneous_down, "down") }}
  78. </div>
  79. </body>
  80. </html>