17 --> |
17 --> |
18 </script> |
18 </script> |
19 |
19 |
20 {% include "site/layout/req_jquery.html" %} |
20 {% include "site/layout/req_jquery.html" %} |
21 |
21 |
22 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery/js/layout/jquery.layout-1.3.0-RC-30.79.min.js"></script> |
|
23 |
|
24 <link type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_frame.css" rel="stylesheet" /> |
22 <link type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_frame.css" rel="stylesheet" /> |
25 |
23 |
26 <script type="text/javascript" src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url django.views.i18n.javascript_catalog %}"></script> |
24 <script type="text/javascript" src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url django.views.i18n.javascript_catalog %}"></script> |
27 {% if CLIENT_DEBUG %} |
25 {% if CLIENT_DEBUG %} |
28 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_message.js"></script> |
26 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_message.js"></script> |
29 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_printDialog.js"></script> |
27 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_printDialog.js"></script> |
30 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/f_text_view_frame.js"></script> |
28 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/f_text_view_frame.js"></script> |
31 {% else %} |
29 {% else %} |
32 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_client-min.js?1379928330"></script> |
30 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_client-min.js?1382366130"></script> |
33 {% endif %} |
31 {% endif %} |
34 <style type="text/css"> |
32 <style type="text/css"> |
35 /* |
33 /* |
36 * TAB-THEME ADJUSTMENTS |
34 * TAB-THEME ADJUSTMENTS |
37 */ |
35 */ |
45 .ui-tabs-panel { |
43 .ui-tabs-panel { |
46 font-size: 1em !important; |
44 font-size: 1em !important; |
47 padding: 8px 1em !important; |
45 padding: 8px 1em !important; |
48 } |
46 } |
49 |
47 |
50 .safari-scrollable { |
|
51 overflow-y: scroll !important; |
|
52 -webkit-overflow-scrolling: touch !important; |
|
53 } |
|
54 </style> |
48 </style> |
55 <script type="text/javascript"> |
|
56 <!-- |
|
57 $(document).ready(function(){ |
|
58 if (/iPhone|iPod|iPad/.test(navigator.userAgent)) |
|
59 $('#text-view-comment').addClass ('safari-scrollable'); |
|
60 }); |
|
61 --> |
|
62 </script> |
|
63 |
49 |
64 </head> |
50 </head> |
65 <BODY> |
51 <BODY> |
66 |
52 |
67 <span id="add_comment_btn" class="initially_hidden" title="{% blocktrans %}add a comment{% endblocktrans %}"> |
53 <span id="add_comment_btn" class="initially_hidden" title="{% blocktrans %}add a comment{% endblocktrans %}"> |
71 <!-- cf.http://layout.jquery-dev.net/download/example.html --> |
57 <!-- cf.http://layout.jquery-dev.net/download/example.html --> |
72 <!-- TODO check height 600 ... --> |
58 <!-- TODO check height 600 ... --> |
73 <DIV id="outer-north" class="ui-layout-north"> |
59 <DIV id="outer-north" class="ui-layout-north"> |
74 <div style="margin-top:4px;" id="c_slider"></div> |
60 <div style="margin-top:4px;" id="c_slider"></div> |
75 </DIV> |
61 </DIV> |
76 <DIV class="outer-center" > |
62 <DIV id="outer-center" class="ui-layout-center" > |
77 <DIV class="inner-north initially_hidden" > |
63 <DIV class="inner-north initially_hidden" > |
78 <ul id="header-nobck"> |
64 <ul id="header-nobck"> |
79 <li><a href="#c_filter">{% blocktrans %}Filter comments{% endblocktrans %}</a></li> |
65 <li><a href="#c_filter">{% blocktrans %}Filter comments{% endblocktrans %}</a></li> |
80 <li><a href="#c_preferences">{% blocktrans %}Preferences{% endblocktrans %}</a></li> |
66 <li><a href="#c_preferences">{% blocktrans %}Preferences{% endblocktrans %}</a></li> |
81 <li><a href="#c_text_preferences">{% blocktrans %}Text preferences{% endblocktrans %}</a></li> |
67 <li><a href="#c_text_preferences">{% blocktrans %}Text preferences{% endblocktrans %}</a></li> |
82 </ul> |
68 </ul> |
83 <div id="c_filter" class="c_tab"> |
69 <div id="c_filter" class="c_tab"></div> |
|
70 <div id="c_preferences" class="c_tab"></div> |
|
71 <div id="c_text_preferences" class="c_tab"></div> |
|
72 </DIV> |
|
73 <div id="throbber" style="visibility: visible; position: absolute; top: 4%; left: 40%"> |
|
74 <img alt="throbber" src="{{ CM_MEDIA_PREFIX }}img/throbber.gif" /><br />{% blocktrans %}Loading text…{% endblocktrans %} |
84 </div> |
75 </div> |
85 <div id="c_preferences" class="c_tab"> |
|
86 </div> |
|
87 <div id="c_text_preferences" class="c_tab"> |
|
88 </div> |
|
89 </DIV> |
|
90 <div id="throbber" style="visibility: visible; position: absolute; top: 4%; left: 40%"> |
|
91 <img alt="throbber" src="{{ CM_MEDIA_PREFIX }}img/throbber.gif" /><br />{% blocktrans %}Loading text…{% endblocktrans %} |
|
92 </div> |
|
93 {% url text-view-comments-version text.key text_version.key as frame_url %} |
76 {% url text-view-comments-version text.key text_version.key as frame_url %} |
94 <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
77 <iframe id="text_view_comments" name="text_view_comments" frameborder="0" onload="$('#throbber').hide ();" width="100%" height="100%" seamless="seamless" class="ui-layout-center" |
95 width="100%" height="100%" frameborder="0" scrolling="auto" onload="$('#throbber').hide ()" |
|
96 src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{{ frame_url }}{{ frame_url|url_args }}{{ request.GET.urlencode }}"></iframe> |
78 src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{{ frame_url }}{{ frame_url|url_args }}{{ request.GET.urlencode }}"></iframe> |
97 |
79 |
98 |
|
99 <!-- exemple de passage d'arguments <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
80 <!-- exemple de passage d'arguments <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
100 width="100%" height="100%" frameborder="0" scrolling="auto" |
81 width="100%" height="100%" frameborder="0" scrolling="auto" src="{% url text-view-comments text.key %}?filter_name=aa&filter_tag=toto"></iframe> --> |
101 src="{% url text-view-comments text.key %}?filter_name=aa&filter_tag=toto"></iframe> |
82 |
102 --> |
|
103 </DIV> |
83 </DIV> |
104 <div style="display: none;"> |
84 <div style="display: none;"> |
105 <div id="dialog_h"></div> |
85 <div id="dialog_h"></div> |
106 <div id="dialog_print_export" title=""> |
86 <div id="dialog_print_export" title=""> |
107 <!-- <p id="validateTips">All form fields are required.</p> --> |
87 <!-- <p id="validateTips">All form fields are required.</p> --> |