polynum-blackboard/polynum_blackboard/templates/old.html

<form class="form-horizontal">
<div class="control-group">
<label for="mycourse" class="control-label">Diffusion dans MyCourse</label>
<div class="controls">
  {% with mycourse=1 %}
  <input type="checkbox" id="mycourse" name="mycourse" {% if mycourse %}checked{% endif %}>
</div>
<style>
  #diffusion { margin-left: 2em; border-left: 1px solid #DDD; padding: 1ex; }
  .element-pedagogique { color: green; font-weight: bold; }
  span.error { color: red }
  #course-type-new-block { display: none; }
</style>
{% if not mycourse %}
<style>
  #diffusion { display: none; }
</style>
{% endif %}
{% endwith %}
</div>
<div id="diffusion" class="control-group">
  <div class="control-group">
    <label for="visible" class="control-label">Fichier visible aux étudiants</label>
    <div class="controls">
      <input type="checkbox" id="visible" checked>
    </div>
  </div>
  <div class="control-group">
    <label for="control-type-owner" class="control-label">Dans un de mes cours</label>
    <div class="controls">
      <input type="radio" id="course-type-owner" name="course-type" {% if mycourse %}checked{% endif %}>
      <select id="courses-owner" class="courses">
        <option value="">---</option>
        <option disabled>A</option>
        <option disabled>B (indisponible)</option>
      </select>
    </div>
  </div>
  <div class="control-group">
    <label for="control-type-sponsor" class="control-label">Dans un cours du commanditaire</label>
    <div class="controls">
      <input type="radio" id="course-type-sponsor" name="course-type">
      <select id="courses-sponsor" class="courses">
        <option value="">---</option>
        <option>A</option>
        <option>B</option>
      </select>
    </div>
  </div>
  <div class="control-group">
    <label for="control-type-ue" class="control-label">Dans un cours de l'UE </label>
    <div class="controls">
      <input type="radio" id="course-type-ue" name="course-type">
      <select id="courses-ue" class="courses">
        <option value="">---</option>
      </select>
    </div>
  </div>
  <div class="control-group">
    <label for="control-type-new" class="control-label">Créer un nouveau cours</label>
    <div class="controls">
      <input type="radio" id="course-type-new" name="course-type">
    </div>
    <div class="controls" id="course-type-new-block">
      <div class="control-group">
        <label for="control-type-ue">UE du nouveau cours (les UE sont affichées en vert)</label>
        <input type="hidden" id="ue">
        <div id="ue-selector">
        </div>
        <label for="control-type-ue">Groupe de TD (facultatif)</label>
        <input type="text" id="td-group">
        <div class="control-group">
          <label for="control-type-new" class="control-label">Ouvert aux visiteurs</label>
          <div class="controls">
            <input type="checkbox" name="open-to-visitors">
          </div>
        </div>
        <p>Nom du nouveau cours: <span id="course-name"></span>
      </div>
    </div>
  </div>
</div>
</form>


{% addtoblock "css" %}
<link href="{{STATIC_URL}}eo/css/eo.millercolumns.css" rel="stylesheet">
{% endaddtoblock %}

{% addtoblock "endscripts" %}
<script src="{{STATIC_URL}}jquery/js/jquery-ui.js"></script>
<script src="{{STATIC_URL}}eo/js/eo.millercolumns.js"></script>
<script src="{{STATIC_URL}}eo/js/eo.django.millercolumns.widget.js"></script>
<script>
  $(function () {
  var MyCourseDelegate = PolynumDelegate('ue');
  function UpdateCourseName() {
    var item = $('#ue-selector').millercolumns('getSelection');
    var parents = MyCourseDelegate.getParents(item);
    var diplome;
    var ue = MyCourseDelegate._getItem(item);
    if (ue.type != 'element pedagogique') {
      $('#course-name').html('<span class="error">L\'entité sélectionnée n\'est pas une UE</span>');
      return;
    }
    for (i = parents.length - 1; i >= 0; i--) {
       var data = MyCourseDelegate._getItem(parents[i]);
       if (data.type == 'etape') {
         diplome = data;
         break;
       }
     }
     var course_name = ue.code+'_2012';
     var group = $('#td-group').val();
     if (group) {
       course_name += '_' + group;
     }
     course_name += '_{% firstof user.get_full_name user.username %}';
     $('#course-name').text(course_name);
  }
  MyCourseDelegate.old_selectItem = MyCourseDelegate.selectItem;
  MyCourseDelegate.old_isLeaf = MyCourseDelegate.isLeaf;
  MyCourseDelegate.is
  MyCourseDelegate.selectItem = function (item) {
    $('#course-type-new').attr('checked', 1);
    this.old_selectItem(item);
    UpdateCourseName();
  }
  $('#td-group').keyup(function () {
    UpdateCourseName();
  });
  $('#ue-selector').millercolumns({delegate: MyCourseDelegate});
  if ('{{object.entity.id}}') {
    $('#ue-selector').millercolumns('setItem', '{{object.entity.id}}');
  }
  $('#mycourse').change(function () {
    $('#diffusion').toggle();
    return true;
  });
  $('.courses').each(function (i, v) {
    if ($('option', v).not('[disabled]').length < 2) {
      $('select, input', $(v).parent()).attr('disabled', 1);
      $('<span>Aucun cours disponible</span>').appendTo($(v).parent());
    }
  });
  $('#course-type-new').change(function (){
    $('#course-type-new-block').toggle();
    $('#ue-selector').millercolumns('refresh');
    UpdateCourseName();
  });
})
</script>
{% endaddtoblock %}