<section class='overview-select-exams'>
    <div class='uhasselt-container'>
        <h2 class="atm-heading ">Selectie - afwezig voor onderwijsactiviteit</h2>
        <div class='wrapper'>
            <div class="atm-table-wrapper">
                <div class="table-responsive">
                    <div class='title'>
                        <h4 class="atm-heading ">Biologie</h4>
                        <a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
                            <span class="atm-icon far fa-times   " aria-hidden="true"></span>
                            <span class="text">Verwijder item</span>

                        </a>

                    </div>
                    <table>
                        <tr>
                            <th>Werkvorm</th>
                            <th>Datum</th>
                            <th>Omschrijving</th>
                        </tr>
                        <tr>
                            <td>Labo</td>

                            <td>10 / 06 /2021</td>

                            <td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>

                        </tr>
                        <tr>
                            <td>Case study</td>

                            <td>10 / 06 /2021</td>

                            <td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>

                        </tr>
                    </table>
                </div>

                <div class="table-list">
                    <div class='title'>
                        <h3 class="atm-heading ">Biologie</h3>
                        <a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
                            <span class="atm-icon far fa-times   " aria-hidden="true"></span>
                            <span class="text">Verwijder item</span>

                        </a>

                    </div>
                    <ul>
                        <li>
                            <div class="wrapper">
                                <div class="item">
                                    <div><span>Werkvorm</span></div>
                                    <div>Labo</div>

                                </div>
                                <div class="item">
                                    <div><span>Datum</span></div>
                                    <div>10 / 06 /2021</div>

                                </div>
                                <div class="item">
                                    <div><span>Omschrijving</span></div>
                                    <div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>

                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="wrapper">
                                <div class="item">
                                    <div><span>Werkvorm</span></div>
                                    <div>Case study</div>

                                </div>
                                <div class="item">
                                    <div><span>Datum</span></div>
                                    <div>10 / 06 /2021</div>

                                </div>
                                <div class="item">
                                    <div><span>Omschrijving</span></div>
                                    <div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>

                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="atm-table-wrapper">
                <div class="table-responsive">
                    <div class='title'>
                        <h4 class="atm-heading ">Biologie</h4>
                        <a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
                            <span class="atm-icon far fa-times   " aria-hidden="true"></span>
                            <span class="text">Verwijder item</span>

                        </a>

                    </div>
                    <table>
                        <tr>
                            <th>Werkvorm</th>
                            <th>Datum</th>
                            <th>Omschrijving</th>
                        </tr>
                        <tr>
                            <td>Labo</td>

                            <td>10 / 06 /2021</td>

                            <td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>

                        </tr>
                        <tr>
                            <td>Case study</td>

                            <td>10 / 06 /2021</td>

                            <td>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</td>

                        </tr>
                    </table>
                </div>

                <div class="table-list">
                    <div class='title'>
                        <h3 class="atm-heading ">Biologie</h3>
                        <a href="#" class="atm-link icon-delete" aria-label="" title="Verwijder item">
                            <span class="atm-icon far fa-times   " aria-hidden="true"></span>
                            <span class="text">Verwijder item</span>

                        </a>

                    </div>
                    <ul>
                        <li>
                            <div class="wrapper">
                                <div class="item">
                                    <div><span>Werkvorm</span></div>
                                    <div>Labo</div>

                                </div>
                                <div class="item">
                                    <div><span>Datum</span></div>
                                    <div>10 / 06 /2021</div>

                                </div>
                                <div class="item">
                                    <div><span>Omschrijving</span></div>
                                    <div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>

                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="wrapper">
                                <div class="item">
                                    <div><span>Werkvorm</span></div>
                                    <div>Case study</div>

                                </div>
                                <div class="item">
                                    <div><span>Datum</span></div>
                                    <div>10 / 06 /2021</div>

                                </div>
                                <div class="item">
                                    <div><span>Omschrijving</span></div>
                                    <div>Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.</div>

                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<section class='overview-select-exams'>
    <div class='uhasselt-container'>
        {{render '@app-heading--h2' overview-select-exams-heading merge=true}}
        <div class='wrapper'>
            {{#each tables}}
                {{render '@app-table--select-educational' table merge=true}}
            {{/each}}
        </div>
    </div>
</section>
{
  "overview-select-exams-heading": {
    "text": "Selectie - afwezig voor onderwijsactiviteit"
  },
  "tables": [
    {
      "table": {
        "tableHeading": {
          "text": "Test 1"
        }
      }
    },
    {
      "table": {
        "tableHeading": {
          "text": "Test 2"
        }
      }
    }
  ]
}
  • Content:
    .overview-select-exams {
        a {
            @apply text-red;
            @apply underline;
        }
    
        .atm-link {
            @apply no-underline;
        }
    
        .wrapper {
            @apply md:p-8 md:bg-white md:border md:border-solid md:border-gray-700 md:shadow-xl flex flex-col space-y-6;
        }
    }
    
  • URL: /components/raw/app-overview-select-educational/app-overview-select-educational.css
  • Filesystem Path: src\components\09-app-organisms\app-overview-select-educational\app-overview-select-educational.css
  • Size: 297 Bytes

No notes defined.