gistfile1.py

{% extends 'publica/template.html' %}

{% block main_content %}
    <section>
      <div id="titulo_video"> 
            <!--navegacion-->     
            <div class="left">
                <ul class="breadcrumb">
                    <li><a href="/preview">{% trans %}Inicio{% endtrans %}</a></li>
                    <li><a href="/courses">{% trans %}Cursos{% endtrans %}</a></li>
                    <li>{{gettext(course_info.course.title)}}</li>
                </ul>
            </div>
            <!--navegacion FIN--> 
            <div class="iconos">
                <span class="right">
                  <!-- Place this tag where you want the +1 button to render. -->
                </span>
            </div>
             <div style="clear:both;"></div>
             <hr color="#D7D9DD">
      </div>
      <div id="top_contentido">
        <article id="video_slider">  
                <div class="bienvenidotitulo">{{gettext(course_info.course.title)}}</div>
                <div style="clear:both;"></div>

            {% if course_info.course.main_video %}
            <iframe class="youtube-player" type="text/html" width="616"
             title="{% trans %} YouTube Video Player {% endtrans %}"
             height="338" src="{{course_info.course.main_video.url}}"
             frameborder="0" allowfullscreen></iframe>
            {% else %}
                <img height="300" src="{{course_info.course.main_image.url}}">
            {% endif %}
        </article>
        <article id= "descripcion_video">
            <div id ="nivel">
              {% trans %}Nivel{% endtrans %}:
              <div style="float:left">
                <img src="assets/publica/images/btn_nivel.jpg" width="27" height="28">
                <img src="assets/publica/images/btn_nivel.jpg" width="27" height="28" style="float: rigth;">
                <img src="assets/publica/images/btn_nivel_desac.jpg" width="27" height="28" style="float: rigth;">
              </div>
            </div>
            <!--G+ Youtube-->
             <div id="gplus_nivel">
                <!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
                <div class="g-plusone" data-href="http://prueba-tb.appspot.com/course_youtube"></div>

                <!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
                <script type="text/javascript">
                   window.___gcfg = {lang: 'es'};

                  (function() {
                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                  })();
                </script>
              </div>   
            <div class="clear"></div>
                            <!--End G+-->
            <h2 class="product-headers">
            {{gettext(course_info.course.blurb)}}
            </h2>
            <!-- <a href="/unenroll">
            <img src="assets/publica/images/btn_desinscribete.png" width="202" height="37" id="boton"/></a> -->
            <div class="boton_sus">
              <a href="unenroll">{% trans %} Desinscr&iacute;bete {% endtrans %}</a>
             </div> 
            <!-- <img src="assets/publica/images/btn_acceder_leccion.png" width="202" height="37" /> -->
        </article>
    <div style="clear:both;"></div>
    <div id="barra"></div>
    <div id="barra_colores"><img src="assets/publica/images/barrita_colores.jpg" width="191" height="6"></div>
    </div>
    </section>
    <section id="sec_des">      
      <article id="temario">
            <div id="titulo_descripcion">
            {% trans %}Descripci&oacute;n{% endtrans %}
            </div>
            <div class="tabs">
              <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
              <label for="tab-1" class="tab-label-1">{% trans %}Temario{% endtrans %}</label>     
              <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
              <label for="tab-2" class="tab-label-2">{% trans %}Requisitos{% endtrans %}</label>
            <div class="clear-shadow"></div>
          
              <div class="content_course">
                <div class="content-1" style="width: 100%;padding: 0;">
                 <ul style="padding: 0;margin-left: 13px;margin-right: 13px;">
                {% for unit in units %}
                {% if unit.now_available %}
                  {% if unit.type == 'A' %}
                    <li class="fila"><a href="assessment?name={{ unit.unit_id }}">{{ unit.title }}</a>
                    </li>
                    {% for lesson in unit.lessons %}
                      {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}"  {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                  {% elif unit.type == 'U' %}
                    <li class="fila"><a href="unit?unit={{ unit.unit_id }}">
                        <!--{{ gettext('Unit %(id)s - %(title)s', id=unit.unit_id, title=unit.title) }}-->
                        {% trans %}M&oacute;dulo{% endtrans %} {{ unit.unit_id }} - 
                        <span>{{ gettext('%(title)s', title=gettext(unit.title)) }}</span>
                      </a>
                    </li>
                    {% for lesson in unit.lessons %}
                      {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}" {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                  {% elif unit.type == 'O' %}
                    <li class="fila">
                      <a href="{{ unit.unit_id }}"> {{ unit.title }} </a>
                    </li>
                    {% for lesson in unit.lessons %}
                     {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}" {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                  {% else %}
                    <li class="row">
                      Error: unit type not recognized.
                    </li>
                  {% endif %}
                {% else %}
                  {% if unit.type == 'A' %}
                    <li class="fila">{{ unit.title }}</li>
                    {% for lesson in unit.lessons %}
                     {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}" {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                {% elif unit.type == 'U' %}
                    <li class="fila">
                      {{ gettext('Unit %(id)s - %(title)s', id=unit.unit_id, title=unit.title) }}
                      <span style="padding-left: 20px; font-size: 12px; color: #5e94ff;">{{ unit.release_date }}</span>
                    </li>
                    {% for lesson in unit.lessons %}
                      {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}" {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                  {% elif unit.type == 'O' %}
                    <li class="fila">{{ unit.title }} </li>
                    {% for lesson in unit.lessons %}
                      {% if lesson.video == 'Debate' %}
                      <li class="row"><img src="assets/publica/images/debate.png">
                        <span class="debate">{{ gettext('Debate:') }}</span>
                      {% elif lesson.video == 'Challenge' %}
                      <li class="row"><img src="assets/publica/images/challenge.png"><span class="challenge">{{ gettext('Challenge:') }} </span>
                      {% elif lesson.video == 'GDL' %}
                      <li class="row"><img src="assets/publica/images/gdl.png"><span class="gdl">{{ gettext('Google Developer Live:') }} </span>
                      {% elif lesson.video == 'GoogleCodeChallenge' %}
                      <li class="row"><img src="assets/publica/images/googlecode.png"><span class="googlecode">{{ gettext('Google Code Challenge:') }} </span>
                      {% else %}
                     <li class="row"><img src="assets/publica/images/logo_video3.png">
                     {% endif %}
                     <a href="unit?unit={{ lesson.unit_id }}&lesson={{ lesson.id }}" {% if lesson.video == 'Debate'%}target="_blank"{% endif %}>{{ gettext(lesson.title) }}</a></li>
                    {% endfor %}
                  {% else %}
                    <li class="fila">
                      Error: unit type not recognized.
                    </li>
                  {% endif %}
                {% endif %}

              {% endfor %}
                </ul>   
                </div>          
                <div class="content-2" style="width: 100%;padding: 0;">
                  <div>requisitos</div>
                  Conocimientos b&aacute;sicos de Javascript, Html, Java y Android
                  </div>
                </div>                
              </div>
            </div>
      </article>
      <article id = "instructor">
              <div id="titulo_descripcion">
                  {% trans %}Instructor{% endtrans %}
              </div>
              <div id="foto_instructor">
                <img src="assets/publica/images/foto_instructor_youtube.jpg" width="167" height="167"/>
              </div>            
              <h2 class="des_instructor">
                  <span>{{course_info.course.instructor_name}}</span><br>
                  {{gettext(course_info.course.instructor_details)}}.
              </h2>
              <div style="text-align: center;">
                <div class="g-plus" data-href="https://plus.google.com/117629885563933382879" rel="author" style="height: 69px; width: 170px;"></div>
              </div>              
          </article>
        <div class="clear"></div>
    </section>    
{% endblock %}