src/cm/templates/site/text_view_comments.html
author Simon Descarpentries <sid@sopinspace.com>
Wed, 06 Nov 2013 19:07:25 +0100
changeset 563 163cf095f708
parent 558 5ba711a2bd06
child 565 95a5c06c4008
permissions -rw-r--r--
Add compressed scripts…

{% load local_perms %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    {% include "site/layout/req_yui.html" %}
	<!-- for Safari mobile-->
	{% include "site/layout/req_jquery.html" %}
    
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/fonts.css">
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/text_view_comments.css">
{% if custom_css %}<style type="text/css">{% autoescape off %}{{ custom_css }}{% endautoescape %}</style>{% endif %} 
{% if custom_font %}<style type="text/css">#textcontainer.custom { font-family: {% autoescape off %}{{ custom_font }}{% endautoescape %}; }</style>{% endif %} 
{% if custom_titles_font %}<style type="text/css">#textcontainer.custom h1, #textcontainer.custom h2, #textcontainer.custom h3, #textcontainer.custom h4, #textcontainer.custom h5, #textcontainer.custom h6 { font-family: {% autoescape off %}{{ custom_titles_font }}{% endautoescape %}; }</style>{% endif %} 
</head>

<body>
<div id="maincontainer" >

	<div id="contentwrapper" >
	    <div id="contentcolumn">
		    <div class="innertube">
		    <div id="textcontainer" class="initially_hidden" > 
                {% autoescape off %}
{{ content }}
                {% endautoescape %} 
            </div>
            </div>
	    </div>
	</div>
	<div id="leftcolumn">
	</div>
</div>
</body>

<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/c-text.css">
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/c-text-styles.css">
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/c-style-comment.css">
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/c-style-gray.css">
<link rel="stylesheet" type="text/css" href="{{ CM_MEDIA_PREFIX }}css/site/text_view_comments/c-style-notelike.css">  
<!-- date library, to be used by filter, maybe get rid of that when decent date parsing is offered elsewhere -->
<!-- we're round tripping from object python date to str back to date to filter, TODO consider setting the date from python... -->
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/flexible-js-formatting/dates/date-functions.js"></script>

<script type="text/javascript">
<!--

// SID: Using jQuery UI-Layout to allow scrolling in Safari mobile
jQuery(document).ready (function () {
	// safari_mobile is defined in media/js/client/c_sync.js
	if (safari_mobile) {
		jQuery('body').layout ({
			center: {
			    paneSelector : '#maincontainer',
			    applyDefaultStyles : true,
			}
		});
		jQuery('#maincontainer').css ({
			height: '100%',
			width: '99%'
		});

		/**
		 * cloneSelection
		 * s		: Selection object
		 * return	: a deep copy of a given Selection, co-ment usefull functions are recreated
		 */
		function cloneSelection (s) {
			var c = jQuery.extend (true, {}, s);
			// var c = JSON.parse(JSON.stringify(s)); // alternative
			c.ranges = [];

			for (var j = 0; j < s.rangeCount; j++) {
				c.ranges [j] = s.getRangeAt (j);
			}

			c.getRangeAt = function (j) { return this.ranges [j]; };
			c.toString = function () { return this.ranges[0].toString (); };
			return c;
		}

		var emptySelection = { rangeCount: 0 };
		// intended global variable used in media/js/client/c_selection.js
		storedSelection = emptySelection;

		document.addEventListener("selectionchange", function() {
			var c = cloneSelection(window.getSelection());
			var c_txt = c.toString ();

			if (c_txt && c_txt != '') {
				storedSelection = c;
			} else {
				setTimeout (function () { storedSelection = emptySelection; }, 500);
			}
		}, false);
	}
});

// GLOBALS from server
sv_user_permissions = [];
{% get_local_text_perm request text can_create_comment as can_create_comment %}
{% if can_create_comment %} sv_user_permissions.push("can_create_comment") {% endif %};

{% if read_only %} 
  sv_read_only = true ;
{% else %} 
  sv_read_only = false ;
{% endif %}
if (sv_read_only)
	sv_user_permissions = [];
	
//sv_adminKey = {% if admin %}"{{ adminkey }}"{% else %}""{% endif %} ;
{% if user.is_anonymous %} 
    sv_loggedIn = false;
    sv_username = ""; 
{% else %} 
    sv_loggedIn = true;
    sv_username = "{{ user.username|escapejs }}"; 
{% endif %}

//initial comment db as json
sv_comments = "{{ json_comments|escapejs }}";
sv_filter_data = "{{ json_filter_datas|escapejs }}";
sv_site_url = "{% if request.GET.prefix %}{{ request.GET.prefix }}{% else %}{{ SITE_URL|escapejs }}{% endif %}";
sv_prefix = "{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}";
sv_delta = "{% if request.GET.delta %}{{ request.GET.delta }}{% endif %}";

sv_client_url = "{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url text-client-exchange %}?{{ request.GET.urlencode }}" ;
sv_text_view_show_comment_url = "{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url text-view-show-comment text.key '' %}";
sv_text_feed_url = "{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url text-feed text.key %}";

sv_client_date_fmt = "{{ client_date_fmt.js_parse }}"; //"%Y-%m-%dT%H:%M:%S" ;
sv_key = "{{ text.key|escapejs }}";
sv_version_key = "{{ text_version.key|escapejs }}";
sv_format = "{{ text_version.format }}";
sv_categories = "{{ categories|escapejs }}";

sv_withComments = true ; // TODO will bug when false (!)
c_yui_base = "{{ YUI_VERSION  }}" ;
sv_get_params = "{{ get_params|escapejs }}" ;

sv_media_url = "{{ CM_MEDIA_PREFIX|escapejs }}";
{% if custom_font or custom_titles_font %} 
  sv_custom_font = true;
{% else %}
  sv_custom_font = false;
{% endif %}

--></script>

<script type="text/javascript" src="{% if request.GET.prefix %}{{ request.GET.prefix }}{% endif %}{% url django.views.i18n.javascript_catalog %}"></script>
{% if CLIENT_DEBUG  %}
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_permissions.js"></script> 
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_preferences.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_layout.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_icomment.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_db.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_sync.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_icomments.js"></script> 

<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_util.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_server_exchange.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_selection.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_scopes.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_interface_forms.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_addcomment_form.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_toc.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_reply_form.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_edit_form.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_dlg_intercept.js"></script>

<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/c_text_view_comments_to_frame.js"></script>
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/site/c_text_view_comments.js"></script> 
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/asciimathtml/ASCIIMathML.js"></script>
{% else %}
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/client/c_client-min.js?1383761211"></script> 
<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/asciimathtml/ASCIIMathML.min.js"></script>
{% endif %}



</html>