{% extends "base.html" %}
{% comment %}

Main page of django_consultant's website.

{% endcomment %}
	{% block head %}
     {{block.super}}
      <link rel="stylesheet" href="{{ STATIC_URL }}css/article.css" />
      <script type="text/javascript" src="{{ STATIC_URL }}js/dossierdoc.js"></script>
      <script type="text/javascript" src="{{ STATIC_URL }}js/base.js"></script>
    
    {% endblock %}
    {% block body %}
    	<body onLoad="showResultsDossierDoc({{ request.session.jsontreemapdossierdoc }});loadStreamgraphDoc({{ request.session.jsonstreamgraphdossierdoc }},{{request.session.docId}},'{{request.session.user}}');setCategories({{ request.session.jsontreemapdossierdoc }}); ">
    {% endblock %}
 {% block headerdossier %}
  <div class="header-documentaire">
         <a class="retour" href="#">« Retour</a>
  		<h2><span>Mon dossier documentaire: </span><span>{{mydossierDoc.dossierDocTitle}}</span></h2>
  </div>
 {% endblock %}
 
 {% block query %}                   
                     <form id="ajaxtreemapdoc" method="post" action="/">{% csrf_token %}
               			<input type="hidden"  id="filtre" name="filtre"  value="nok">
                        <input type="hidden" id="requestType" name="requestType"  value="treemap">
                        <input type="hidden" id="refresh" name="refresh"  value="nok">   
                        
                        <p >
                            <a href="#" class="photo"></a>
                            <input id="recherche_id" name="recherche" placeholder="Rechercher" class="input-recherche" type="text" title="Rechercher"/>
                            <input id="recherche_button_doc" type="button" value="" class="recherche-submit"/>
                            
                        </p>
                    </form>
                         {% endblock %}
  {% block contentleft %}
            <div class="content-left documentaire">
            
              <div class="widget-wrapper">
                        <div class="widget-wrap">
                            <!--div class="widget recherche">
                                <h3><a href="#">RECHERCHE</a></h3>
                                <div class="widget-inner">
                                    <form action="#" method="">
                                        <p class="clearfix">
                                            <input type="text" name="" placeholder="Rechercher" />
                                            <input type="submit" title="Rechercher"   value="" />
                                        </p>
                                    </form>
                                </div>
                            </div--><!-- recherche -->
                             <div class="widget affichage">
                                <h3><a href="#"  class="open">AFFICHAGE</a></h3>
                                <div class="widget-inner">
                                    <ul class="clearfix">
                                        <li><a title="Passer en vue Treemap" class="treemap active" href="#" ><span class="visuel"></span><span class="fonction">Treemap</span> </a></li>
                                        <li id="listehref"><a title="Passer en vue Liste" class="liste" href="#" ><span class="visuel"></span><span class="fonction">Liste</span> </a></li>
                                    </ul>
                                </div>
                            </div><!-- affichage -->
                           
                             
                      
                            <!--div class="widget filtre">
                                <h3><a href="#" class="open">FILTRES</a></h3>
                                <div class="widget-inner">
                                    <form action="#" class="filtre-date">
                                        <p>
                                            <label for="">De :</label>
                                            <input type="text" name="dateBegin" class="dateBegin" />
                                        </p>
                                        <p>
                                            <label for="">à :</label>
                                            <input type="text" name="dateEnd" class="dateEnd" />
                                        </p>
                                    </form>
                                    <h4>Catégories :</h4>
                                    <form action="#" class="filtre-categorie">
                                        <p><input type="checkbox" checked="checked"> <label for="">International</label> </p>
                                        <p><input type="checkbox" checked="checked"> <label for="">France</label> </p>
                                        <p><input type="checkbox" checked="checked"> <label for="">Economie</label> </p>
                                        <p><input type="checkbox" checked="checked"> <label for="">Culture</label> </p>
                                    </form>
                                </div>
                            </div--><!-- filtre -->
                            
                             <div class="widget filtre">
                                <h3><a href="#" class="open">FILTRES</a></h3>
                                <div class="widget-inner">
                                	
                                      <form id="ajaxfiltrestreamgraph" method="post" action="/?next={{request.get_full_path}}">{% csrf_token %}
                                        <input type="hidden" id="requestType"  name="requestType"  value="streamgraph"/>
                                        <input type="hidden" id="filtre" name="filtre"  value="dossierDocOk"/>
                                     </form>
                     
                                    <form id="ajaxfiltretreemap" method="post" action="/?next={{request.get_full_path}}" class="filtre-date">{% csrf_token %}
                                    	<input type="hidden" id="requestType" name="requestType"  value="treemap">
                                    	<input type="hidden" name="filtre"  value="dossierDocOk">
                                        <p>
                                            <label for="">De :</label>
                                            <input id="pickeddatebegin" type="text" name="from_date" class="dateBegin" value="07/01/2007"/>
                                        </p>
                                        <p>
                                            <label for="">à :</label>
                                            <input id="pickeddateend" type="text" name="to_date" class="dateEnd" value="12/01/2012"/>
                                        </p>
                                    <!--/form-->
                                    <h4>Catégories :</h4>                        	
                                        <p><input type="checkbox" name="categories1" value="International" class="checkbox_category" checked="checked"/> <label for="">International</label> </p>
                                        <p><input type="checkbox" name="categories2" value="France"        class="checkbox_category" checked="checked"/> <label for="">France</label> </p>
                                        <p><input type="checkbox" name="categories3" value="Economie"      class="checkbox_category" checked="checked"/> <label for="">Economie</label> </p>
                                        <p><input type="checkbox" name="categories4" value="Culture"       class="checkbox_category" checked="checked"/> <label for="">Culture</label> </p>
                                    </form>
                                </div>
                            </div><!-- filtre -->
                           
                            </div>
                        </div>
                        </div>
        {% endblock %}
        
        
       {% block streamgraphjs %}
                  <script src="{{ STATIC_URL }}js/streamgraphdoc.js"></script>
	 {% endblock %}
               
           