Differential D1991 Diff 4701 messageviewer/src/messagepartthemes/default/templates/alternativepart.html

Changeset View

Standalone View

View Options

messageviewer/src/messagepartthemes/default/templates/alternativepart.html

  • This file was added.
1​<div class="switch">
2​{% if textBlock and htmlBlock %}
3​ <div class="info noprint">
4​ <p>{% i18n "This is a alternative Mail and you can switch beetween HTML and Text view." %}</p>
5​ <p><a href="#" onClick="toggleShow{{block.id}}();" id="{{block.id}}toggle" class="button">{% i18n "Switch to text view." %}</a></p>
6​ </div>
7​{% endif %}
8​ <div id="{{block.id}}text" style="display: none;" class="content">
9​ {{textBlock|safe}}
10​ </div>
11​ <div id="{{block.id}}html" style="display: none;" class="content">
12​ {{htmlBlock|safe}}
13​ </div>
14​</div>
15​<script type="text/javascript">
16​function showText{{block.id}}() {
17​ qt.jQuery("#{{block.id}}text").show();
18​ qt.jQuery("#{{block.id}}html").hide();
19​ qt.jQuery("#{{block.id}}toggle").text("{% i18n "Switch to html view." %}");
20​}
21​function showHTML{{block.id}}() {
22​ qt.jQuery("#{{block.id}}text").hide();
23​ qt.jQuery("#{{block.id}}html").show();
24​ qt.jQuery("#{{block.id}}toggle").text("{% i18n "Switch to text view." %}");
25​}
26​function toggleShow{{block.id}}() {
27​ if (qt.jQuery("#{{block.id}}text").is(':visible')) {
28​ showHTML{{block.id}}();
29​ } else {
30​ showText{{block.id}}();
31​ }
32​}
33​function runYourFunctionWhenJQueryIsLoaded{{block.id}}() {
34​ if (qt.jQuery){
knaussAuthorUnsubmitted
Not Done

@mlaurent: is there a better solution, how i can wait for jquery to be loaded before triggering this function?

knauss: @mlaurent: is there a better solution, how i can wait for jquery to be loaded before triggering…
dvratilUnsubmitted
Not Done

IIRC you should wrap your jQuery into anonymous function like this:

$(function()) {
 // your code comes here
});

or

$(document).ready(function() {
  // your code comes here
});

to ensure it's invoked after jquery is initialized.

dvratil: IIRC you should wrap your jQuery into anonymous function like this: ``` $(function()) { //…
knaussAuthorUnsubmitted
Not Done

This does not work - I get an error in the cmdline:

js: Uncaught ReferenceError: $ is not defined

if I change $ to qt.jQuery than I get:

js: Uncaught TypeError: qt.jQuery is not a function

so qtwebengine don't load jQuery differently :(

knauss: This does not work - I get an error in the cmdline: js: Uncaught ReferenceError: $ is not…
35​ {% if block.viewHtml or block.htmlBlock %}
36​ showHTML{{block.id}}();
37​ {%elif block.textEmpty or block.htmlBlock %}
38​ showHTML{{block.id}}();
39​ {% else %}
40​ showText{{block.id}}();
41​ {% endif %}
42​ } else {
43​ setTimeout(runYourFunctionWhenJQueryIsLoaded, 50);
44​ }
45​}
46​
47​runYourFunctionWhenJQueryIsLoaded{{block.id}}();
48​
49​
50​</script>
51​No newline at end of file