1 {% load com %} |
1 {% load com %} |
2 {% load i18n %} |
2 {% load i18n %} |
3 |
3 |
4 <!-- TODO factorize with base.html for style and jquery etc... --> |
|
5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
6 <html> |
5 <html> |
7 |
6 |
8 <head> |
7 <head> |
9 |
8 |
10 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
11 |
|
12 <!-- TODO factorize with base.html etc...--> |
|
13 <link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/yui/{{ YUI_VERSION }}/build/cssreset/reset-min.css"> |
|
14 <link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/yui/{{ YUI_VERSION }}/build/cssfonts/fonts-min.css"> |
|
15 <link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/yui/{{ YUI_VERSION }}/build/cssbase/base-min.css"> |
|
16 |
10 |
17 <!-- TODO factorize with base.html for jquery etc... --> |
11 {% include "site/layout/req_yui.html" %} |
|
12 |
18 <script type="text/javascript"> |
13 <script type="text/javascript"> |
19 <!-- |
14 <!-- |
20 sv_media_url = "{{ CM_MEDIA_PREFIX|escapejs}}" ; |
15 sv_media_url = "{{ CM_MEDIA_PREFIX|escapejs}}" ; |
21 sv_pandoc_version = "{{ PANDOC_VERSION|escapejs}}" ; |
16 sv_pandoc_version = "{{ PANDOC_VERSION|escapejs}}" ; |
22 --> |
17 --> |
23 </script> |
18 </script> |
24 <link type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/jquery/css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> |
|
25 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery/js/jquery-1.3.2.min.js"></script> |
|
26 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery/js/jquery-ui-1.7.2.custom.min.js"></script> |
|
27 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery/js/layout/jquery.layout.min.js"></script> |
|
28 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/jquery/js/cookie/jquery.cookie.js"></script><!-- not minified --> |
|
29 |
19 |
30 <!-- <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/bgiframe_2.1.1/jquery.bgiframe.min.js"></script> --> |
20 {% include "site/layout/req_jquery.html" %} |
31 |
21 |
32 <link type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_frame.css" rel="stylesheet" /> |
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> |
33 |
23 |
34 <script type="text/javascript" src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url django.views.i18n.javascript_catalog %}"></script> |
24 <link type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_frame.css" rel="stylesheet" /> |
|
25 |
|
26 <script type="text/javascript" src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url django.views.i18n.javascript_catalog %}"></script> |
35 {% if CLIENT_DEBUG %} |
27 {% if CLIENT_DEBUG %} |
36 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_message.js"></script> |
28 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_message.js"></script> |
37 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_printDialog.js"></script> |
29 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_printDialog.js"></script> |
38 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/f_text_view_frame.js"></script> |
30 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/f_text_view_frame.js"></script> |
39 {% else %} |
31 {% else %} |
40 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_client-min.js?1379595236"></script> |
32 <script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/f_client-min.js?1375668195"></script> |
41 {% endif %} |
33 {% endif %} |
42 <style type="text/css"> |
34 <style type="text/css"> |
43 /* |
35 /* |
44 * TAB-THEME ADJUSTMENTS |
36 * TAB-THEME ADJUSTMENTS |
45 */ |
37 */ |
46 .ui-tabs-nav li { |
38 .ui-tabs-nav li { |
47 white-space: nowrap; |
39 white-space: nowrap; |
48 } |
40 } |
49 .ui-tabs-nav li a { |
41 .ui-tabs-nav li a { |
50 font-size: 1em !important; |
42 font-size: 1em !important; |
51 padding: 4px 1.5ex 3px !important; |
43 padding: 4px 1.5ex 3px !important; |
52 } |
44 } |
53 .ui-tabs-panel { |
45 .ui-tabs-panel { |
54 font-size: 1em !important; |
46 font-size: 1em !important; |
55 padding: 8px 1em !important; |
47 padding: 8px 1em !important; |
56 } |
48 } |
57 </style> |
49 |
58 <script type="text/javascript"> |
50 .safari-scrollable { |
59 <!-- |
51 overflow-y: scroll !important; |
60 function iframe_onload() { |
52 -webkit-overflow-scrolling: touch !important; |
61 var throbber = document.getElementById('throbber'); |
53 } |
62 throbber.style.display = "none"; |
54 </style> |
63 } |
55 <script type="text/javascript"> |
64 --> |
56 <!-- |
65 </script> |
57 $(document).ready(function(){ |
|
58 if (/iPhone|iPod|iPad/.test(navigator.userAgent)) |
|
59 $('.outer-center').addClass ('safari-scrollable'); |
|
60 }); |
|
61 --> |
|
62 </script> |
66 |
63 |
67 </head> |
64 </head> |
68 <BODY> |
65 <BODY> |
69 |
66 |
70 <span id="add_comment_btn" class="initially_hidden" title="{% blocktrans %}add a comment{% endblocktrans %}"> |
67 <span id="add_comment_btn" class="initially_hidden" title="{% blocktrans %}add a comment{% endblocktrans %}"> |
71 <img style="vertical-align: middle;" src="{{ CM_MEDIA_PREFIX }}img/add_plus.png" alt="{% blocktrans %}add a comment{% endblocktrans %}"/> |
68 <img style="vertical-align: middle;" src="{{ CM_MEDIA_PREFIX }}img/add_plus.png" alt="{% blocktrans %}add a comment{% endblocktrans %}"/> |
72 <span>{% blocktrans %}comment{% endblocktrans %}</span> |
69 <span>{% blocktrans %}comment{% endblocktrans %}</span> |
73 </span> |
70 </span> |
74 <!-- cf.http://layout.jquery-dev.net/download/example.html --> |
71 <!-- cf.http://layout.jquery-dev.net/download/example.html --> |
75 <!-- TODO check height 600 ... --> |
72 <!-- TODO check height 600 ... --> |
76 <DIV id="outer-north" class="ui-layout-north"> |
73 <DIV id="outer-north" class="ui-layout-north"> |
77 <div style="margin-top:4px;" id="c_slider"></div> |
74 <div style="margin-top:4px;" id="c_slider"></div> |
78 </DIV> |
75 </DIV> |
79 <DIV class="outer-center" > |
76 <DIV class="outer-center" > |
80 <DIV class="inner-north initially_hidden" > |
77 <DIV class="inner-north initially_hidden" > |
81 <ul id="header-nobck"> |
78 <ul id="header-nobck"> |
82 <li><a href="#c_filter">{% blocktrans %}Filter comments{% endblocktrans %}</a></li> |
79 <li><a href="#c_filter">{% blocktrans %}Filter comments{% endblocktrans %}</a></li> |
83 <li><a href="#c_preferences">{% blocktrans %}Preferences{% endblocktrans %}</a></li> |
80 <li><a href="#c_preferences">{% blocktrans %}Preferences{% endblocktrans %}</a></li> |
84 <li><a href="#c_text_preferences">{% blocktrans %}Text preferences{% endblocktrans %}</a></li> |
81 <li><a href="#c_text_preferences">{% blocktrans %}Text preferences{% endblocktrans %}</a></li> |
85 </ul> |
82 </ul> |
86 <div id="c_filter" class="c_tab"> |
83 <div id="c_filter" class="c_tab"> |
87 </div> |
84 </div> |
88 <div id="c_preferences" class="c_tab"> |
85 <div id="c_preferences" class="c_tab"> |
89 </div> |
86 </div> |
90 <div id="c_text_preferences" class="c_tab"> |
87 <div id="c_text_preferences" class="c_tab"> |
91 </div> |
88 </div> |
92 </DIV> |
89 </DIV> |
93 <div id="throbber" style="visibility: visible; position: absolute; top: 4%; left: 40%"> |
90 <div id="throbber" style="visibility: visible; position: absolute; top: 4%; left: 40%"> |
94 <img alt="throbber" src="{{ CM_MEDIA_PREFIX }}img/throbber.gif" /><br />{% blocktrans %}Loading text…{% endblocktrans %} |
91 <img alt="throbber" src="{{ CM_MEDIA_PREFIX }}img/throbber.gif" /><br />{% blocktrans %}Loading text…{% endblocktrans %} |
95 </div> |
92 </div> |
96 {% url text-view-comments-version text.key text_version.key as frame_url %} |
93 {% url text-view-comments-version text.key text_version.key as frame_url %} |
97 <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
94 <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
98 width="100%" height="100%" frameborder="0" scrolling="auto" |
95 width="100%" height="100%" frameborder="0" scrolling="auto" onload="$('#throbber').hide ()" |
99 src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% else %}{% endif %}{{ frame_url }}{{ frame_url|url_args }}{{ request.GET.urlencode }}"></iframe> |
96 src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{{ frame_url }}{{ frame_url|url_args }}{{ request.GET.urlencode }}"></iframe> |
100 |
97 |
101 |
98 |
102 <!-- exemple de passage d'arguments <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
99 <!-- exemple de passage d'arguments <iframe id="text_view_comments" name="text_view_comments" class="ui-layout-center" |
103 width="100%" height="100%" frameborder="0" scrolling="auto" |
100 width="100%" height="100%" frameborder="0" scrolling="auto" |
104 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> |
105 --> |
102 --> |
106 </DIV> |
103 </DIV> |
107 <div style="display: none;"> |
104 <div style="display: none;"> |
108 <div id="dialog_h"></div> |
105 <div id="dialog_h"></div> |
109 <div id="dialog_print_export" title=""> |
106 <div id="dialog_print_export" title=""> |
110 <!-- <p id="validateTips">All form fields are required.</p> --> |
107 <!-- <p id="validateTips">All form fields are required.</p> --> |
111 |
108 |
112 {% url text-export text.key "FoRmAt" "DoWnLoAd" "WhIcHCoMmEnT" "WiThCoLoR" as export_url %} |
109 {% url text-export text.key "FoRmAt" "DoWnLoAd" "WhIcHCoMmEnT" "WiThCoLoR" as export_url %} |
113 <form name="print_export_form" id="print_export_form" method="post" action="" target_action="{% if request.GET.prefix %}{{ request.GET.prefix }}{% else %}{% endif %}{{ export_url }}{{ export_url|url_args }}{{ request.GET.urlencode }}"> |
110 <form name="print_export_form" id="print_export_form" method="post" action="" target_action="{% if request.GET.prefix %}{{ request.GET.prefix }}{% else %}{% endif %}{{ export_url }}{{ export_url|url_args }}{{ request.GET.urlencode }}"> |
114 <fieldset> |
111 <fieldset> |
115 <label for="p_comments">{% blocktrans %}Which comments?{% endblocktrans %}</label> |
112 <label for="p_comments">{% blocktrans %}Which comments?{% endblocktrans %}</label> |
116 <select name="p_comments" id="p_comments" /> |
113 <select name="p_comments" id="p_comments" /> |
117 </select> |
114 </select> |
118 |
115 |
119 <label id="how" for="p_method"></label> |
116 <label id="how" for="p_method"></label> |
120 <select name="p_method" id="p_method"/> |
117 <select name="p_method" id="p_method"/> |
121 </select> |
118 </select> |
122 |
119 |
123 <label id="p_color_label" for="p_color">{% blocktrans %}How should comments' scope be shown in text?{% endblocktrans %}</label> |
120 <label id="p_color_label" for="p_color">{% blocktrans %}How should comments' scope be shown in text?{% endblocktrans %}</label> |
124 <select name="p_color" id="p_color"/> |
121 <select name="p_color" id="p_color"/> |
125 </select> |
122 </select> |
126 </fieldset> |
123 </fieldset> |
127 |
124 |
128 <input type="hidden" name="filteredIds" id="filteredIds" value="" /> |
125 <input type="hidden" name="filteredIds" id="filteredIds" value="" /> |
129 <input type="hidden" name="print_export_action" id="print_export_action" value="" /> |
126 <input type="hidden" name="print_export_action" id="print_export_action" value="" /> |
130 </form> |
127 </form> |
131 </div> |
128 </div> |
132 </div> |
129 </div> |
133 </BODY> |
130 </BODY> |
134 </html> |
131 </html> |