diff --git a/Whatsapp_Chat_Exporter/whatsapp_new.html b/Whatsapp_Chat_Exporter/whatsapp_new.html index c33c786..538de74 100644 --- a/Whatsapp_Chat_Exporter/whatsapp_new.html +++ b/Whatsapp_Chat_Exporter/whatsapp_new.html @@ -1,46 +1,54 @@ - - Whatsapp - {{ name }} - - - + - - + + .search-icon { + width: 20px; + height: 20px; + position: relative; + display: inline-block; + } + + .search-icon::before { + content: ''; + position: absolute; + width: 12px; + height: 12px; + border: 2px solid #aebac1; + border-radius: 50%; + top: 2px; + left: 2px; + } + + .search-icon::after { + content: ''; + position: absolute; + width: 2px; + height: 6px; + background: #aebac1; + transform: rotate(45deg); + top: 12px; + left: 12px; + } + + .arrow-left { + width: 0; + height: 0; + border-top: 6px solid transparent; + border-bottom: 6px solid transparent; + border-right: 8px solid #aebac1; + display: inline-block; + } + + .arrow-right { + width: 0; + height: 0; + border-top: 6px solid transparent; + border-bottom: 6px solid transparent; + border-left: 8px solid #aebac1; + display: inline-block; + } + + .info-icon { + width: 20px; + height: 20px; + border: 2px solid currentColor; + border-radius: 50%; + position: relative; + display: inline-block; + } + + .info-icon::before { + content: 'i'; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 12px; + font-weight: bold; + font-style: normal; + } + + - - -
-
-
-
- {% if not no_avatar %} -
- {% if their_avatar is not none %} - - {% else %} - - {% endif %} -
- {% endif %} -
-

{{ headline }}

- {% if status is not none %}

{{ status }}

{% endif %} -
-
-
- - - {% if previous %} - - - - - - {% endif %} - {% if next %} - - - - - + + + +
+
+
+
+ {% if not no_avatar %} +
+ {% if their_avatar is not none %} + + {% else %} + {% endif %}
- -
- - + {% endif %} +
+

{{ headline }}

+ {% if status is not none %}

{{ status }}

{% endif %}
+
+ + + {% if previous %} + + + + {% endif %} + {% if next %} + + + + {% endif %} +
+ +
+ + +
-
-
- - {% set last = {'last': 946688461.001} %} - {% for msg in msgs -%} - {% if determine_day(last.last, msg.timestamp) is not none %} -
-
- {{ determine_day(last.last, msg.timestamp) }} -
-
- {% if last.update({'last': msg.timestamp}) %}{% endif %} - {% endif %} - - {% if msg.from_me == true %} -
-
-
-
- - - - +
+
+
+ + {% set last = {'last': 946688461.001} %} + {% for msg in msgs -%} + {% if determine_day(last.last, msg.timestamp) is not none %} +
+
+ {{ determine_day(last.last, msg.timestamp) }} +
+
+ {% if last.update({'last': msg.timestamp}) %}{% endif %} + {% endif %} + + {% if msg.from_me == true %} +
+
+
+
+ +
-
- {% if msg.reply is not none %} - -
-
-
-

Replying to

-

- {% if msg.quoted_data is not none %} - "{{msg.quoted_data}}" - {% else %} - this message - {% endif %} -

-
- {% set replied_msg = msgs | selectattr('key_id', 'equalto', msg.reply) | first %} - {% if replied_msg and replied_msg.media == true %} -
- {% if "image/" in replied_msg.mime %} - - {% elif "video/" in replied_msg.mime %} -
- -
-
-
-
- {% elif "audio/" in replied_msg.mime %} -
-
-
- {% endif %} -
- {% endif %} -
-
-
- {% endif %} -

- {% if msg.meta == true or msg.media == false and msg.data is none %} -

-
- {% if msg.safe %} - {{ msg.data | safe or 'Not supported WhatsApp internal message' }} - {% else %} - {{ msg.data or 'Not supported WhatsApp internal message' }} - {% endif %} -
-
- {% if msg.caption is not none %} -

{{ msg.caption | urlize(none, true, '_blank') }}

- {% endif %} - {% else %} - {% if msg.media == false %} - {{ msg.data | sanitize_except() | urlize(none, true, '_blank') }} - {% else %} - {% if "image/" in msg.mime %} - - - - {% elif "audio/" in msg.mime %} - - {% elif "video/" in msg.mime %} - - {% elif "/" in msg.mime %} - The file cannot be displayed here, however it should be located at here - {% else %} - {% filter escape %}{{ msg.data }}{% endfilter %} - {% endif %} - {% if msg.caption is not none %} - {{ msg.caption | urlize(none, true, '_blank') }} - {% endif %} - {% endif %} - {% endif %} -

-

{{ msg.time }} - - {% if msg.received_timestamp %} - ✓✓ - {% else %} - ✓ - {% endif %} - -

-
- {% else %} -
-
- {% if msg.reply is not none %} - -
-
-
-

Replying to

-

- {% if msg.quoted_data is not none %} - {{msg.quoted_data}} - {% else %} - this message - {% endif %} -

-
- {% set replied_msg = msgs | selectattr('key_id', 'equalto', msg.reply) | first %} - {% if replied_msg and replied_msg.media == true %} -
- {% if "image/" in replied_msg.mime %} - - {% elif "video/" in replied_msg.mime %} -
- -
-
-
-
- {% elif "audio/" in replied_msg.mime %} -
-
-
- {% endif %} -
- {% endif %} -
-
-
- {% endif %} -

- {% if msg.meta == true or msg.media == false and msg.data is none %} -

-
- {% if msg.safe %} - {{ msg.data | safe or 'Not supported WhatsApp internal message' }} - {% else %} - {{ msg.data or 'Not supported WhatsApp internal message' }} - {% endif %} -
-
- {% if msg.caption is not none %} -

{{ msg.caption | urlize(none, true, '_blank') }}

- {% endif %} - {% else %} - {% if msg.media == false %} - {{ msg.data | sanitize_except() | urlize(none, true, '_blank') }} - {% else %} - {% if "image/" in msg.mime %} - - - - {% elif "audio/" in msg.mime %} - - {% elif "video/" in msg.mime %} - - {% elif "/" in msg.mime %} - The file cannot be displayed here, however it should be located at here +
+ -
-

+ {% endif %} + {% endfor %} +

+ - - - - - - -
-
- - - + - + + + \ No newline at end of file