-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
20 changed files
with
1,298 additions
and
158 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
4 changes: 2 additions & 2 deletions
4
dist/js/chunk-vendors.f31d4987.js → dist/js/chunk-vendors.6e0fb070.js
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| <template> | ||
| <div class="mt-small w-100"> | ||
| <div | ||
| v-for="tutorial in tutorials" | ||
| :key="tutorial.id" | ||
| class=" mt-large card p-small" | ||
| > | ||
| <a | ||
| class="anchor" | ||
| :id="getSlug(tutorial.title)" | ||
| ></a> | ||
| <div class="flex between"> | ||
| <h3> | ||
| {{ tutorial.title }} | ||
| </h3> | ||
| <a | ||
| v-if="!$store.state.isMobile" | ||
| title="get link to tutorial" | ||
| :href="`#${getSlug(tutorial.title)}`" | ||
| > | ||
| <link-icon style="transform: translateY(2px)" /> | ||
| </a> | ||
| </div> | ||
| <p class="type-small m-none"> | ||
| {{ format(new Date(tutorial.slot.start), 'MMM dd') }} {{ getShownTime(tutorial.slot.start) }} - {{ getShownTime(tutorial.slot.end) }} ({{Intl.DateTimeFormat().resolvedOptions().timeZone}}) | ||
| </p> | ||
| <div v-html="parseText(tutorial.abstract)" /> | ||
| <details class="details"> | ||
| <summary> | ||
| Full description | ||
| </summary> | ||
| <div v-html="parseText(tutorial.description)" /> | ||
| </details> | ||
| <h3 class="mt-xlarge">Presenters</h3> | ||
| <details | ||
| v-for="speaker in tutorial.speakers" | ||
| :key="speaker.code" | ||
| class="card sharper mb-medium mt-medium"> | ||
| <summary class="bio"> | ||
| <div class="middle" style="display: inline-flex"> | ||
| <div class="mr-small"> | ||
| <img :src="speaker.avatar || `${publicPath}/img/speaker_img_placeholder.jpg`" class="rounded-small block" style="width: 5rem; aspect-ratio: 1; object-fit: cover;" /> | ||
| </div> | ||
| <div class=""> | ||
| <h4 class="type-small type-underline"> | ||
| {{ getSpeaker(speaker.code)?.name || speaker.name }} | ||
| </h4> | ||
| </div> | ||
| </div> | ||
| </summary> | ||
| <div class="col-sm-12 p-medium pl-large pr-small"> | ||
| <p | ||
| class="type-small m-none pl-2xsmall" | ||
| v-html="parseText(getSpeaker(speaker.code)?.biography) || '-'" /> | ||
| </div> | ||
| </details> | ||
| </div> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import { marked } from 'marked' | ||
| import { format, isWithinInterval } from 'date-fns' | ||
| import LinkIcon from './icons/LinkIcon.vue' | ||
| export default { | ||
| name: 'Tutorials24', | ||
| components: { | ||
| LinkIcon | ||
| }, | ||
| props: { | ||
| speakers: { | ||
| type: Array, | ||
| required: true | ||
| } | ||
| }, | ||
| created() { | ||
| fetch('https://pretalx.com/api/events/robocon-2024/schedules/latest/') | ||
| .then((res) => res.json()) | ||
| .then((res) => { | ||
| this.tutorials = res?.slots?.filter((talk) => talk?.slot?.room?.en === 'Eficode') | ||
| .sort((a, b) => { | ||
| if (new Date(a.slot?.start) < new Date(b.slot?.start)) return -1 | ||
| return 1 | ||
| }) | ||
| }) | ||
| .then(() => { | ||
| const hash = window.location.hash | ||
| this.$nextTick(() => { | ||
| const el = document.getElementById(hash.slice(1)) | ||
| if (el) el.scrollIntoView() | ||
| }) | ||
| }) | ||
| }, | ||
| data: () => ({ | ||
| publicPath: process.env.BASE_URL, | ||
| tutorials: [] | ||
| }), | ||
| methods: { | ||
| format, | ||
| getShownTime(time) { | ||
| const date = new Date(time) | ||
| const hours = date.getHours() | ||
| let minutes = date.getMinutes() | ||
| if (`${minutes}`.length === 1) minutes = `0${minutes}` | ||
| return `${hours}:${minutes === 0 ? '00' : minutes}` | ||
| }, | ||
| parseText(description) { | ||
| return marked.parse(description || '') | ||
| }, | ||
| getSlug(title, tab) { | ||
| if (!title) return '' | ||
| let tabPrefix = 'live' | ||
| if (tab === 'online') tabPrefix = 'online' | ||
| return `${tabPrefix}-${title.replace(/[ ]/g, '-').replace(/[^a-zA-Z0-9-]/g, '').toLowerCase()}` | ||
| }, | ||
| getIsNow(start, end) { | ||
| if (!start || !end) return false | ||
| return isWithinInterval(this.dateNow, { start: new Date(start), end: new Date(end) }) | ||
| }, | ||
| getSpeaker(speakerId) { | ||
| return this.speakers.find(({ code }) => code === speakerId) | ||
| } | ||
| } | ||
| } | ||
| </script> | ||
| <style scoped> | ||
| a.anchor { | ||
| display: block; | ||
| position: relative; | ||
| top: -15vh; | ||
| visibility: hidden; | ||
| } | ||
| details summary { | ||
| cursor: pointer; | ||
| list-style-type: ">"; | ||
| color: var(--color-theme); | ||
| font-weight: 600; | ||
| } | ||
| details[open] > summary { | ||
| list-style-type: '↓'; | ||
| } | ||
| details summary.bio { | ||
| list-style-type: ''; | ||
| } | ||
| details.details >>> p { | ||
| display: inline; | ||
| } | ||
| </style> |
Oops, something went wrong.