Documentation

Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'

Sad

Description

Purpose: Clicking the Sad Glyph indicates a user finds an item disconcerting, e.g. a posting.
Composition: The Sad Glyph uses the "sad but relieved face" unicode emoji U+1F625, see https://unicode.org/emoji/charts/full-emoji-list.html.
Effect: Upon clicking, the Sad Glyph acts as a toggle: A first click adds a Sad to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Sad away, which is also reflected in colour and counter.

Context

Show timeline in groups and courses.

Rules

Composition

A Status Counter MUST indicate the overall amount of sad expressions.

Accessibility

The aria-label MUST be 'Sad'.

Example 1: Sad

Active
Inactive
Highlighted

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\examples\Symbol\Glyph\Sad;
 
function sad()
{
    global $DIC;
    $f = $DIC->ui()->factory();
    $renderer = $DIC->ui()->renderer();
 
    $glyph = $f->symbol()->glyph()->sad("#");
 
    //Showcase the various states of this Glyph
    $list = $f->listing()->descriptive([
            "Active" => $glyph,
            "Inactive" => $glyph->withUnavailableAction(),
            "Highlighted" => $glyph->withHighlight()
            ]);
 
    return $renderer->render($list);
}

Relations

Parents

UIComponent
Symbol
Glyph