mirror of
https://github.com/ae-utbm/sith.git
synced 2025-09-13 03:25:49 +00:00
display course type on top left of slots
This commit is contained in:
@@ -83,7 +83,8 @@
|
|||||||
#links_content {
|
#links_content {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
box-shadow: $shadow-color 1px 1px 1px;
|
box-shadow: $shadow-color 1px 1px 1px;
|
||||||
height: 20em;
|
min-height: 20em;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
@@ -37,7 +37,7 @@ const WEEKDAYS = [
|
|||||||
] as const;
|
] as const;
|
||||||
|
|
||||||
const SLOT_HEIGHT = 20 as const; // Each 15min has a height of 20px in the timetable
|
const SLOT_HEIGHT = 20 as const; // Each 15min has a height of 20px in the timetable
|
||||||
const SLOT_WIDTH = 400 as const; // Each weekday ha a width of 400px in the timetable
|
const SLOT_WIDTH = 250 as const; // Each weekday ha a width of 400px in the timetable
|
||||||
const MINUTES_PER_SLOT = 15 as const;
|
const MINUTES_PER_SLOT = 15 as const;
|
||||||
|
|
||||||
interface TimetableSlot {
|
interface TimetableSlot {
|
||||||
|
@@ -23,6 +23,13 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
|
.course-type {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -9,7 +9,7 @@
|
|||||||
{%- endblock -%}
|
{%- endblock -%}
|
||||||
|
|
||||||
{% block title %}
|
{% block title %}
|
||||||
{% trans %}Timeplan generator{% endtrans %}
|
{% trans %}Timetable generator{% endtrans %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
@@ -17,7 +17,7 @@
|
|||||||
<form @submit.prevent="generate()">
|
<form @submit.prevent="generate()">
|
||||||
<h1>Générateur d'emploi du temps</h1>
|
<h1>Générateur d'emploi du temps</h1>
|
||||||
<div class="alert alert-red" x-show="!!error" x-cloak>
|
<div class="alert alert-red" x-show="!!error" x-cloak>
|
||||||
<p class="alert-main" x-text="error"></p>
|
<span class="alert-main" x-text="error"></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="timetable-input">Colle ton emploi du temps (sans l'entête)</label>
|
<label for="timetable-input">Colle ton emploi du temps (sans l'entête)</label>
|
||||||
@@ -38,7 +38,8 @@
|
|||||||
<div class="content">
|
<div class="content">
|
||||||
<template x-for="course in courses">
|
<template x-for="course in courses">
|
||||||
<div class="slot" :style="getStyle(course)">
|
<div class="slot" :style="getStyle(course)">
|
||||||
<span x-text="`${course.ueCode} (${course.courseType})`"></span>
|
<span class="course-type" x-text="course.courseType"></span>
|
||||||
|
<span x-text="course.ueCode"></span>
|
||||||
<span x-text="`${course.startHour} - ${course.endHour}`"></span>
|
<span x-text="`${course.startHour} - ${course.endHour}`"></span>
|
||||||
<span x-text="(course.weekGroup ? `\nGroupe ${course.weekGroup}` : '')"></span>
|
<span x-text="(course.weekGroup ? `\nGroupe ${course.weekGroup}` : '')"></span>
|
||||||
<span x-text="course.room"></span>
|
<span x-text="course.room"></span>
|
||||||
|
Reference in New Issue
Block a user