Skype-Exporter – blob
1 <!DOCTYPE html>
2 <html lang="{{ language }}">
3 <head>
4 <meta charset="utf-8">
5 <title>{{ lines.title }}: {{ data.displayname }}</title>
6 <link rel="shortcut icon" href="data:image/svg+xml,%3Csvg viewBox='0 0 61 61' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m31.32 48.65c-10.09 0-14.7-5.14-14.7-8.91-0.001364-0.8994 0.3678-1.76 1.02-2.378 0.6527-0.6187 1.531-0.9412 2.43-0.8917 4.32 0 3.19 6.48 11.25 6.48 4.12 0 6.54-2.48 6.54-4.81 0-1.4-0.8-3-3.52-3.64l-9-2.27c-7.23-1.84-8.49-5.86-8.49-9.59 0-7.74 7.08-10.54 13.82-10.54 6.21 0 13.59 3.43 13.59 8.07 0 2-1.67 3.07-3.61 3.07-3.69 0-3.07-5.18-10.49-5.18-3.69 0-5.63 1.73-5.63 4.15s2.87 3.24 5.39 3.79l6.64 1.5c7.28 1.64 9.22 5.91 9.22 10 0 6.29-4.87 11.15-14.47 11.15m27.87-13.31c0.2882-1.651 0.4321-3.324 0.43-5 0.0353-8.419-3.664-16.42-10.1-21.85-6.436-5.427-14.95-7.721-23.24-6.263-2.549-1.467-5.439-2.237-8.38-2.23-6.036 0.03688-11.6 3.272-14.62 8.5-3.018 5.228-3.038 11.66-0.0513 16.91-1.666 9.156 1.253 18.55 7.816 25.15 6.563 6.599 15.94 9.569 25.1 7.953 2.545 1.466 5.432 2.235 8.37 2.23 6.033-0.03887 11.59-3.273 14.61-8.497 3.018-5.225 3.04-11.66 0.05841-16.9' fill='%230078d7'/%3E%3C/svg%3E">
7 <script type="text/javascript">
8 function localizeDate(dateString, includeDate = true, includeTime = true) {
9 var isoString, options, localDate, result = null;
10 var locale = (navigator.languages != undefined) ? navigator.languages[0] : navigator.language;
11 if(dateString.length == 19) {
12 isoString = dateString.slice(0, 10) + 'T' + dateString.slice(11, 19) + 'Z';
13 options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
14 localDate = new Date(isoString);
15 }
16 if(dateString.length == 10) {
17 isoString = dateString + 'T12:00:00Z';
18 localDate = new Date(isoString);
19 result = localDate.toLocaleDateString(locale, options);
20 }
21 if(localDate == null) {
22 return null;
23 }
24 if(includeDate && includeTime) {
25 options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
26 result = localDate.toLocaleString(locale, options);
27 } else if (includeDate && !includeTime) {
28 options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
29 result = localDate.toLocaleDateString(locale, options);
30 } else if (!includeDate && includeTime) {
31 options = { hour: 'numeric', minute: '2-digit' };
32 result = localDate.toLocaleTimeString(locale, options);
33 }
34 return new Array(localDate, result);
35 }
36 document.addEventListener('DOMContentLoaded', function(event) {
37 var messages = document.querySelectorAll('.message');
38 Array.prototype.forEach.call(messages, function(message, index) {
39 var timestamp = message.querySelector('.message-date.timestamp');
40 var date = localizeDate(timestamp.innerHTML, true, true);
41 if(date !== null) {
42 timestamp.setAttribute('title', date[0].toLocaleString());
43 timestamp.innerHTML = date[1];
44 }
45 });
46 });
47 </script>
48 <style type="text/css">
49 body {
50 background-color: #0078d7;
51 padding: 2em;
52 font-family: Arial, Helvetica, sans-serif;
53 }
54 article {
55 max-width: 50em;
56 margin: 0 auto;
57 padding: 3em 2em;
58 border-radius: 1.7em;
59 background-color: #fff;
60 color: #333;
61 }
62 h1 {
63 text-align: center;
64 margin: 0;
65 }
66 #participants {
67 text-align: center;
68 width: 70%;
69 margin: .5em auto 2em;
70 font-size: 90%;
71 }
72 #participants ul {
73 list-style-type: none;
74 }
75 .displayname {
76 font-weight: bold;
77 font-size: 1.2em;
78 }
79 .username {
80 font-style: italic;
81 color: #aaa;
82 }
83 .message-date {
84 float: right;
85 color: #888;
86 margin: 0;
87 padding-bottom: 1em;
88 }
89 .message-text {
90 margin: 0 .5em 2em;
91 line-height: 1.3em;
92 }
93 .system-text {
94 margin: 0 0 2em;
95 font-style: italic;
96 color: #aaa;
97 line-height: 1.3em;
98 }
99 .system-text .target {
100 font-weight: bold;
101 color: #888;
102 }
103 .system-text .new_topic {
104 font-weight: bold;
105 font-style: normal;
106 color: #888;
107 }
108 .attachment-text {
109 background: #ddd;
110 margin: 0 0 2em;
111 padding: .6em;
112 border-radius: .7em;
113 }
114 .emoji {
115 width: 2em;
116 vertical-align: middle;
117 }
118 footer {
119 margin-top: 1em;
120 font-size: smaller;
121 text-align: center;
122 opacity: .6;
123 }
124 </style>
125 </head>
126 <body>
128 <article>
130 <h1>
131 <svg style="height:1.3em;margin-right:.5em;vertical-align:middle" version="1.1" viewBox="0 0 61 61" xmlns="http://www.w3.org/2000/svg"><path d="m31.32 48.65c-10.09 0-14.7-5.14-14.7-8.91-0.001364-0.8994 0.3678-1.76 1.02-2.378 0.6527-0.6187 1.531-0.9412 2.43-0.8917 4.32 0 3.19 6.48 11.25 6.48 4.12 0 6.54-2.48 6.54-4.81 0-1.4-0.8-3-3.52-3.64l-9-2.27c-7.23-1.84-8.49-5.86-8.49-9.59 0-7.74 7.08-10.54 13.82-10.54 6.21 0 13.59 3.43 13.59 8.07 0 2-1.67 3.07-3.61 3.07-3.69 0-3.07-5.18-10.49-5.18-3.69 0-5.63 1.73-5.63 4.15s2.87 3.24 5.39 3.79l6.64 1.5c7.28 1.64 9.22 5.91 9.22 10 0 6.29-4.87 11.15-14.47 11.15m27.87-13.31c0.2882-1.651 0.4321-3.324 0.43-5 0.0353-8.419-3.664-16.42-10.1-21.85-6.436-5.427-14.95-7.721-23.24-6.263-2.549-1.467-5.439-2.237-8.38-2.23-6.036 0.03688-11.6 3.272-14.62 8.5-3.018 5.228-3.038 11.66-0.0513 16.91-1.666 9.156 1.253 18.55 7.816 25.15 6.563 6.599 15.94 9.569 25.1 7.953 2.545 1.466 5.432 2.235 8.37 2.23 6.033-0.03887 11.59-3.273 14.61-8.497 3.018-5.225 3.04-11.66 0.05841-16.9" fill="#0078d7"/></svg>
132 {{ data.displayname }}
133 </h1>
135 <section id="participants">
136 <ul class="members">
137 {%- for participant in data.participants %}
138 <li>
139 <span class="displayname">{% if participant.fullname %}{{ participant.fullname }}{% else %}{{ participant.id }}{% endif %}</span>{% if participant.fullname %}
140 <span class="username">({{ participant.id }})</span>{% endif %}
141 </li>
142 {%- endfor %}
143 </ul>
144 </section>
146 <section class="messages">
147 {%- for message in data.messages %}{% if (message.type in [10, 30, 39, 51, 61, 68]) or ((message.type == 100) and (message.chatmsg_type == 5)) or ((message.type == 50) and (message.body)) %}
148 <div class="message">
149 <p class="message-date timestamp">{{ message.timestamp }}</p>
150 <p class="message-author">
151 <span class="displayname">{{ message.author_displayname }}</span>{% if message.author_displayname != message.author %}
152 <span class="username">({{ message.author }})</span>{% endif %}
153 </p>
154 {%- if message.type == 10 %}
155 <div class="system-text">
156 {{ lines.added_participant_pre }} <span class="target">{{ message.identities }}</span> {{ lines.added_participant_post }}
157 </div>
158 {%- endif %}
159 {%- if message.type == 30 %}
160 <div class="system-text">
161 <svg class="emoji" enable-background="new 0 0 47.5 47.5" version="1.1" viewBox="0 0 47.5 47.5" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="clipPath16"><path d="m0 38h38v-38h-38v38z"/></clipPath></defs><g transform="matrix(1.25,0,0,-1.25,0,47.5)"><g clip-path="url(#clipPath16)"><g transform="translate(37,25.5)"><path d="m0 0c0 3.038-3 7.5-18 7.5s-18-4.462-18-7.5c0-0.045 0.019-0.076 0.022-0.119-0.012-0.196-0.022-0.402-0.022-0.631 0-2.624 2.239-3.75 5-3.75s5 1.126 5 3.75c0 0.218-0.021 0.412-0.051 0.597 2.425 0.351 5.154 0.653 8.051 0.653s5.626-0.302 8.051-0.653c-0.03-0.185-0.051-0.379-0.051-0.597 0-2.624 2.238-3.75 5-3.75s5 1.126 5 3.75c0 0.225-9e-3 0.429-0.024 0.621 4e-3 0.046 0.024 0.08 0.024 0.129" fill="#be1931"/></g><g transform="translate(35.93 14)"><path d="m0 0c-0.481 1.031-2.31 4.189-3.968 7.007-1.557 2.647-3.966 4.993-5.966 4.993v2c0 1.104-0.895 2-2 2-1.104 0-2-0.896-2-2v-2h-6v2c0 1.104-0.895 2-2 2-1.104 0-2-0.896-2-2v-2c-2 0-4.41-2.351-5.969-5-1.658-2.815-3.483-5.97-3.964-7-0.579-1.239-1.067-2-1.067-4s1.791-5 4-5h28c2.209 0 4 3 4 5s-0.448 2.676-1.066 4" fill="#dd2e44"/></g><g transform="translate(21.05 22.18)"><path d="m0 0c0-0.452-0.916-0.818-2.046-0.818s-2.045 0.366-2.045 0.818 0.915 0.818 2.045 0.818 2.046-0.366 2.046-0.818" fill="#fff"/></g><g transform="translate(16.14 22.18)"><path d="m0 0c0-0.452-0.916-0.818-2.045-0.818-1.13 0-2.046 0.366-2.046 0.818s0.916 0.818 2.046 0.818c1.129 0 2.045-0.366 2.045-0.818" fill="#fff"/></g><g transform="translate(25.95 22.18)"><path d="m0 0c0-0.452-0.915-0.818-2.045-0.818s-2.046 0.366-2.046 0.818 0.916 0.818 2.046 0.818 2.045-0.366 2.045-0.818" fill="#fff"/></g><g transform="translate(21.45 19.32)"><path d="m0 0c0-0.679-1.099-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.355 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(27.18 19.32)"><path d="m0 0c0-0.679-1.1-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.354 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(15.73 19.32)"><path d="m0 0c0-0.679-1.099-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.355 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(22.27 15.64)"><path d="m0 0c0-0.905-1.466-1.637-3.272-1.637-1.808 0-3.273 0.732-3.273 1.637 0 0.903 1.465 1.636 3.273 1.636 1.806 0 3.272-0.733 3.272-1.636" fill="#fff"/></g><g transform="translate(29.64 15.64)"><path d="m0 0c0-0.905-1.467-1.637-3.273-1.637-1.807 0-3.273 0.732-3.273 1.637 0 0.903 1.466 1.636 3.273 1.636 1.806 0 3.273-0.733 3.273-1.636" fill="#fff"/></g><g transform="translate(14.91 15.64)"><path d="m0 0c0-0.905-1.466-1.637-3.273-1.637s-3.272 0.732-3.272 1.637c0 0.903 1.465 1.636 3.272 1.636s3.273-0.733 3.273-1.636" fill="#fff"/></g></g></g></svg>
162 {{ lines.call_start }}
163 </div>
164 {%- endif %}
165 {%- if message.type == 39 %}
166 <div class="system-text">
167 <svg class="emoji" enable-background="new 0 0 47.5 47.5" version="1.1" viewBox="0 0 47.5 47.5" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="clipPath16"><path d="m0 38h38v-38h-38v38z"/></clipPath></defs><g transform="matrix(1.25,0,0,-1.25,0,47.5)"><g clip-path="url(#clipPath16)"><g transform="translate(37,25.5)"><path d="m0 0c0 3.038-3 7.5-18 7.5s-18-4.462-18-7.5c0-0.045 0.019-0.076 0.022-0.119-0.012-0.196-0.022-0.402-0.022-0.631 0-2.624 2.239-3.75 5-3.75s5 1.126 5 3.75c0 0.218-0.021 0.412-0.051 0.597 2.425 0.351 5.154 0.653 8.051 0.653s5.626-0.302 8.051-0.653c-0.03-0.185-0.051-0.379-0.051-0.597 0-2.624 2.238-3.75 5-3.75s5 1.126 5 3.75c0 0.225-9e-3 0.429-0.024 0.621 4e-3 0.046 0.024 0.08 0.024 0.129" fill="#be1931"/></g><g transform="translate(35.93 14)"><path d="m0 0c-0.481 1.031-2.31 4.189-3.968 7.007-1.557 2.647-3.966 4.993-5.966 4.993v2c0 1.104-0.895 2-2 2-1.104 0-2-0.896-2-2v-2h-6v2c0 1.104-0.895 2-2 2-1.104 0-2-0.896-2-2v-2c-2 0-4.41-2.351-5.969-5-1.658-2.815-3.483-5.97-3.964-7-0.579-1.239-1.067-2-1.067-4s1.791-5 4-5h28c2.209 0 4 3 4 5s-0.448 2.676-1.066 4" fill="#dd2e44"/></g><g transform="translate(21.05 22.18)"><path d="m0 0c0-0.452-0.916-0.818-2.046-0.818s-2.045 0.366-2.045 0.818 0.915 0.818 2.045 0.818 2.046-0.366 2.046-0.818" fill="#fff"/></g><g transform="translate(16.14 22.18)"><path d="m0 0c0-0.452-0.916-0.818-2.045-0.818-1.13 0-2.046 0.366-2.046 0.818s0.916 0.818 2.046 0.818c1.129 0 2.045-0.366 2.045-0.818" fill="#fff"/></g><g transform="translate(25.95 22.18)"><path d="m0 0c0-0.452-0.915-0.818-2.045-0.818s-2.046 0.366-2.046 0.818 0.916 0.818 2.046 0.818 2.045-0.366 2.045-0.818" fill="#fff"/></g><g transform="translate(21.45 19.32)"><path d="m0 0c0-0.679-1.099-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.355 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(27.18 19.32)"><path d="m0 0c0-0.679-1.1-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.354 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(15.73 19.32)"><path d="m0 0c0-0.679-1.099-1.228-2.454-1.228-1.356 0-2.455 0.549-2.455 1.228 0 0.677 1.099 1.227 2.455 1.227 1.355 0 2.454-0.55 2.454-1.227" fill="#fff"/></g><g transform="translate(22.27 15.64)"><path d="m0 0c0-0.905-1.466-1.637-3.272-1.637-1.808 0-3.273 0.732-3.273 1.637 0 0.903 1.465 1.636 3.273 1.636 1.806 0 3.272-0.733 3.272-1.636" fill="#fff"/></g><g transform="translate(29.64 15.64)"><path d="m0 0c0-0.905-1.467-1.637-3.273-1.637-1.807 0-3.273 0.732-3.273 1.637 0 0.903 1.466 1.636 3.273 1.636 1.806 0 3.273-0.733 3.273-1.636" fill="#fff"/></g><g transform="translate(14.91 15.64)"><path d="m0 0c0-0.905-1.466-1.637-3.273-1.637s-3.272 0.732-3.272 1.637c0 0.903 1.465 1.636 3.272 1.636s3.273-0.733 3.273-1.636" fill="#fff"/></g></g></g></svg>
168 {{ lines.call_stop }}
169 </div>
170 {%- endif %}
171 {%- if message.type == 50 %}
172 <div class="message-text">
173 {{ message.body|replace_emoji|replace('\n', '<br>\n')|indent(12)|safe }}
174 </div>
175 {%- endif %}
176 {%- if message.type == 51 %}
177 <div class="system-text">
178 {{ lines.added_contact_pre }} <span class="target">{{ message.identities }}</span> {{ lines.added_contact_post }}
179 </div>
180 {%- endif %}
181 {%- if message.type == 61 %}
182 <div class="message-text">
183 {{ message.body|replace_emoji|replace('\n', '<br>\n')|indent(12)|safe }}
184 </div>
185 {%- endif %}
186 {%- if message.type == 68 %}
187 <div class="attachment-text">
188 <svg class="emoji" version="1.1" viewBox="0 0 47.5 47.5" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="clipPath16"><path d="m0 38h38v-38h-38v38z"/></clipPath></defs><g transform="matrix(1.25,0,0,-1.25,0,47.5)"><g clip-path="url(#clipPath16)"><g transform="translate(36.35 11.75)"><path d="m0 0c0.217 2.391-0.513 4.558-2.057 6.102l-16.26 16.26c-0.391 0.391-1.024 0.391-1.414 1e-3 -0.391-0.391-0.391-1.024 0-1.415l16.26-16.26c1.117-1.117 1.642-2.716 1.479-4.505-0.159-1.748-0.957-3.456-2.188-4.687-1.23-1.23-2.937-2.027-4.685-2.186-1.781-0.162-3.39 0.362-4.506 1.478l-18.38 18.38c-0.981 0.981-1.059 2.204-0.953 3.058 0.15 1.196 0.754 2.401 1.66 3.307 1.7 1.7 4.616 2.453 6.363 0.706l14.85-14.85c1.119-1.121 0.026-2.803-0.708-3.537-0.733-0.735-2.417-1.826-3.535-0.707l-11.31 11.31c-0.39 0.391-1.024 0.39-1.414 0-0.391-0.39-0.39-1.023 0-1.414l11.31-11.31c1.859-1.858 4.608-1.049 6.363 0.707 1.758 1.757 2.566 4.507 0.708 6.365l-14.85 14.85c-2.62 2.62-6.812 1.674-9.191-0.706-1.215-1.214-2.027-2.845-2.231-4.472-0.229-1.833 0.313-3.51 1.524-4.721l18.38-18.38c1.365-1.365 3.218-2.094 5.281-2.094 0.27 0 0.544 0.013 0.82 0.037 2.206 0.202 4.363 1.209 5.918 2.765 1.557 1.556 2.565 3.713 2.766 5.919" fill="#99aab5"/></g></g></g></svg>
189 <span class="filename">{{ message.body|get_file_name }}</span>
190 </div>
191 {%- endif %}
192 {%- if (message.type == 100) and (message.chatmsg_type == 5) %}
193 <div class="system-text">
194 {{ lines.topic_set }} <span class="new_topic">{{ message.body|safe }}</span>
195 </div>
196 {%- endif %}
197 </div>
198 {% endif %}{% endfor %}
199 </section>
201 </article>
203 <footer>
204 Compiled using <em style="margin: 0 0.7em;">Skype Exporter v{{ version }}</em> on {{ today }}.
205 </footer>
207 <script type="application/json" id="data-backup">
208 {{ json|indent(8)|safe }}
209 </script>
210 </body>
211 </html>