From 960959c664c7b7e4610e738957a795f66fc8dd0e Mon Sep 17 00:00:00 2001 From: Thibeau Fuhrer Date: Mon, 16 Feb 2026 12:17:13 +0100 Subject: [PATCH] [FEATURE] UI: add new `Symbol\Glyph` variations. * Add "date", "owner", "presenter" and "location" glyphs * Update "calendar" glyph --- .../UI/resources/fonts/Iconfont/il-icons.eot | Bin 61532 -> 62760 bytes .../UI/resources/fonts/Iconfont/il-icons.json | 470 +++++++++-------- .../UI/resources/fonts/Iconfont/il-icons.svg | 413 +++++++-------- .../UI/resources/fonts/Iconfont/il-icons.ttf | Bin 61364 -> 62592 bytes .../UI/resources/fonts/Iconfont/il-icons.woff | Bin 61440 -> 62668 bytes .../UI/src/Component/Symbol/Glyph/Factory.php | 483 +++++++++++++----- .../UI/src/Component/Symbol/Glyph/Glyph.php | 4 + .../Component/Symbol/Glyph/Factory.php | 20 + .../Component/Symbol/Glyph/Glyph.php | 4 + .../src/examples/Symbol/Glyph/Date/date.php | 41 ++ .../Symbol/Glyph/Location/location.php | 41 ++ .../src/examples/Symbol/Glyph/Owner/owner.php | 41 ++ .../Symbol/Glyph/Presenter/presenter.php | 41 ++ .../templates/default/Symbol/tpl.glyph.html | 4 + .../Symbol/Glyph/GlyphFactoryTest.php | 6 +- .../Component/Symbol/Glyph/GlyphTest.php | 8 + lang/ilias_de.lang | 1 + lang/ilias_en.lang | 3 +- .../Symbol/_ui-component_glyph.scss | 21 +- 19 files changed, 1035 insertions(+), 566 deletions(-) create mode 100644 components/ILIAS/UI/src/examples/Symbol/Glyph/Date/date.php create mode 100644 components/ILIAS/UI/src/examples/Symbol/Glyph/Location/location.php create mode 100644 components/ILIAS/UI/src/examples/Symbol/Glyph/Owner/owner.php create mode 100644 components/ILIAS/UI/src/examples/Symbol/Glyph/Presenter/presenter.php diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot index 66f45cde08eac49c5a1bf18fbb2b5db44ca9c565..9d58a9189041d4db442bf383bcd97de85bf555b9 100644 GIT binary patch delta 7474 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 delta 6195 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 diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.json b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.json index 2fb3f8a31669..e3c256927eb0 100644 --- a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.json +++ b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.json @@ -1,1208 +1,1218 @@ { "selection": [ { - "order": 212, + "order": 421, "ligatures": "", "prevSize": 32, "name": "user-female" }, { - "order": 213, + "order": 422, "ligatures": "", "prevSize": 32, "name": "people" }, { - "order": 214, + "order": 423, "ligatures": "", "prevSize": 32, "name": "user-follow" }, { - "order": 215, + "order": 424, "ligatures": "", "prevSize": 32, "name": "user-following" }, { - "order": 216, + "order": 425, "ligatures": "", "prevSize": 32, "name": "user-unfollow" }, { - "order": 217, + "order": 426, "ligatures": "", "prevSize": 32, "name": "user" }, { - "order": 218, + "order": 427, "ligatures": "", "prevSize": 32, "name": "trophy" }, { - "order": 219, + "order": 428, "ligatures": "", "prevSize": 32, "name": "speedometer" }, { - "order": 220, + "order": 429, "ligatures": "", "prevSize": 32, "name": "social-youtube" }, { - "order": 221, + "order": 430, "ligatures": "", "prevSize": 32, "name": "social-twitter" }, { - "order": 222, + "order": 431, "ligatures": "", "prevSize": 32, "name": "social-tumblr" }, { - "order": 223, + "order": 432, "ligatures": "", "prevSize": 32, "name": "social-facebook" }, { - "order": 224, + "order": 433, "ligatures": "", "prevSize": 32, "name": "social-dropbox" }, { - "order": 225, + "order": 434, "ligatures": "", "prevSize": 32, "name": "social-dribbble" }, { - "order": 226, + "order": 435, "ligatures": "", "prevSize": 32, "name": "shield" }, { - "order": 227, + "order": 436, "ligatures": "", "prevSize": 32, "name": "screen-tablet" }, { - "order": 228, + "order": 437, "ligatures": "", "prevSize": 32, "name": "screen-smartphone" }, { - "order": 229, + "order": 438, "ligatures": "", "prevSize": 32, "name": "screen-desktop" }, { - "order": 230, + "order": 439, "ligatures": "", "prevSize": 32, "name": "plane" }, { - "order": 231, + "order": 440, "ligatures": "", "prevSize": 32, "name": "notebook" }, { - "order": 232, + "order": 441, "ligatures": "", "prevSize": 32, "name": "mustache" }, { - "order": 233, + "order": 442, "ligatures": "", "prevSize": 32, "name": "mouse" }, { - "order": 234, + "order": 443, "ligatures": "", "prevSize": 32, "name": "magnet" }, { - "order": 235, + "order": 444, "ligatures": "", "prevSize": 32, "name": "magic-wand" }, { - "order": 236, + "order": 445, "ligatures": "", "prevSize": 32, "name": "hourglass" }, { - "order": 237, + "order": 446, "ligatures": "", "prevSize": 32, "name": "graduation" }, { - "order": 238, + "order": 447, "ligatures": "", "prevSize": 32, "name": "ghost" }, { - "order": 239, + "order": 448, "ligatures": "", "prevSize": 32, "name": "game-controller" }, { - "order": 240, + "order": 449, "ligatures": "", "prevSize": 32, "name": "fire" }, { - "order": 241, + "order": 450, "ligatures": "", "prevSize": 32, "name": "eyeglass" }, { - "order": 242, + "order": 451, "ligatures": "", "prevSize": 32, "name": "envelope-open" }, { - "order": 243, + "order": 452, "ligatures": "", "prevSize": 32, "name": "envolope-letter" }, { - "order": 244, + "order": 453, "ligatures": "", "prevSize": 32, "name": "energy" }, { - "order": 245, + "order": 454, "ligatures": "", "prevSize": 32, "name": "emotsmile" }, { - "order": 246, + "order": 455, "ligatures": "", "prevSize": 32, "name": "disc" }, { - "order": 247, + "order": 456, "ligatures": "", "prevSize": 32, "name": "cursor-move" }, { - "order": 248, + "order": 457, "ligatures": "", "prevSize": 32, "name": "crop" }, { - "order": 249, + "order": 458, "ligatures": "", "prevSize": 32, "name": "credit-card" }, { - "order": 250, + "order": 459, "ligatures": "", "prevSize": 32, "name": "chemistry" }, { - "order": 251, + "order": 460, "ligatures": "", "prevSize": 32, "name": "bell" }, { - "order": 252, + "order": 461, "ligatures": "", "prevSize": 32, "name": "badge" }, { - "order": 253, + "order": 462, "ligatures": "", "prevSize": 32, "name": "anchor" }, { - "order": 254, + "order": 463, "ligatures": "", "prevSize": 32, "name": "wallet" }, { - "order": 255, + "order": 464, "ligatures": "", "prevSize": 32, "name": "vector" }, { - "order": 256, + "order": 465, "ligatures": "", "prevSize": 32, "name": "speech" }, { - "order": 257, + "order": 466, "ligatures": "", "prevSize": 32, "name": "puzzle" }, { - "order": 258, + "order": 467, "ligatures": "", "prevSize": 32, "name": "printer" }, { - "order": 259, + "order": 468, "ligatures": "", "prevSize": 32, "name": "present" }, { - "order": 260, + "order": 469, "ligatures": "", "prevSize": 32, "name": "playlist" }, { - "order": 261, + "order": 470, "ligatures": "", "prevSize": 32, "name": "pin" }, { - "order": 262, + "order": 471, "ligatures": "", "prevSize": 32, "name": "picture" }, { - "order": 263, + "order": 472, "ligatures": "", "prevSize": 32, "name": "map" }, { - "order": 264, + "order": 473, "ligatures": "", "prevSize": 32, "name": "layers" }, { - "order": 265, + "order": 474, "ligatures": "", "prevSize": 32, "name": "handbag" }, { - "order": 266, + "order": 475, "ligatures": "", "prevSize": 32, "name": "globe-alt" }, { - "order": 267, + "order": 476, "ligatures": "", "prevSize": 32, "name": "globe" }, { - "order": 268, + "order": 477, "ligatures": "", "prevSize": 32, "name": "frame" }, { - "order": 269, + "order": 478, "ligatures": "", "prevSize": 32, "name": "folder-alt" }, { - "order": 270, + "order": 479, "ligatures": "", "prevSize": 32, "name": "film" }, { - "order": 271, + "order": 480, "ligatures": "", "prevSize": 32, "name": "feed" }, { - "order": 272, + "order": 481, "ligatures": "", "prevSize": 32, "name": "earphones-alt" }, { - "order": 273, + "order": 482, "ligatures": "", "prevSize": 32, "name": "earphones" }, { - "order": 274, + "order": 483, "ligatures": "", "prevSize": 32, "name": "drop" }, { - "order": 275, + "order": 484, "ligatures": "", "prevSize": 32, "name": "drawar" }, { - "order": 276, + "order": 485, "ligatures": "", "prevSize": 32, "name": "docs" }, { - "order": 277, + "order": 486, "ligatures": "", "prevSize": 32, "name": "directions" }, { - "order": 278, + "order": 487, "ligatures": "", "prevSize": 32, "name": "direction" }, { - "order": 279, + "order": 488, "ligatures": "", "prevSize": 32, "name": "diamond" }, { - "order": 280, + "order": 489, "ligatures": "", "prevSize": 32, "name": "cup" }, { - "order": 281, + "order": 490, "ligatures": "", "prevSize": 32, "name": "compass" }, { - "order": 282, + "order": 491, "ligatures": "", "prevSize": 32, "name": "call-out" }, { - "order": 283, + "order": 492, "ligatures": "", "prevSize": 32, "name": "call-in" }, { - "order": 284, + "order": 493, "ligatures": "", "prevSize": 32, "name": "call-end" }, { - "order": 285, + "order": 494, "ligatures": "", "prevSize": 32, "name": "calculator" }, { - "order": 286, + "order": 495, "ligatures": "", "prevSize": 32, "name": "bubbles" }, { - "order": 287, + "order": 496, "ligatures": "", "prevSize": 32, "name": "briefcase" }, { - "order": 288, + "order": 497, "ligatures": "", "prevSize": 32, "name": "book-open" }, { - "order": 289, + "order": 498, "ligatures": "", "prevSize": 32, "name": "basket-loaded" }, { - "order": 290, + "order": 499, "ligatures": "", "prevSize": 32, "name": "basket" }, { - "order": 291, + "order": 500, "ligatures": "", "prevSize": 32, "name": "bag" }, { - "order": 292, + "order": 501, "ligatures": "", "prevSize": 32, "name": "action-undo" }, { - "order": 293, + "order": 502, "ligatures": "", "prevSize": 32, "name": "action-redo" }, { - "order": 294, + "order": 503, "ligatures": "", "prevSize": 32, "name": "wrench" }, { - "order": 295, + "order": 504, "ligatures": "", "prevSize": 32, "name": "umbrella" }, { - "order": 296, + "order": 505, "ligatures": "", "prevSize": 32, "name": "trash" }, { - "order": 297, + "order": 506, "ligatures": "", "prevSize": 32, "name": "tag" }, { - "order": 298, + "order": 507, "ligatures": "", "prevSize": 32, "name": "support" }, { - "order": 299, + "order": 508, "ligatures": "", "prevSize": 32, "name": "size-fullscreen" }, { - "order": 300, + "order": 509, "ligatures": "", "prevSize": 32, "name": "size-actual" }, { - "order": 301, + "order": 510, "ligatures": "", "prevSize": 32, "name": "shuffle" }, { - "order": 302, + "order": 511, "ligatures": "", "prevSize": 32, "name": "share-alt" }, { - "order": 303, + "order": 512, "ligatures": "", "prevSize": 32, "name": "share" }, { - "order": 304, + "order": 513, "ligatures": "", "prevSize": 32, "name": "launch" }, { - "order": 305, + "order": 514, "ligatures": "", "prevSize": 32, "name": "question" }, { - "order": 306, + "order": 515, "ligatures": "", "prevSize": 32, "name": "pie-chart" }, { - "order": 307, + "order": 516, "ligatures": "", "prevSize": 32, "name": "pencil" }, { - "order": 308, + "order": 517, "ligatures": "", "prevSize": 32, "name": "note" }, { - "order": 309, + "order": 518, "ligatures": "", "prevSize": 32, "name": "music-tone-alt" }, { - "order": 310, + "order": 519, "ligatures": "", "prevSize": 32, "name": "music-tone" }, { - "order": 311, + "order": 520, "ligatures": "", "prevSize": 32, "name": "microphone" }, { - "order": 312, + "order": 521, "ligatures": "", "prevSize": 32, "name": "loop" }, { - "order": 313, + "order": 522, "ligatures": "", "prevSize": 32, "name": "logout" }, { - "order": 314, + "order": 523, "ligatures": "", "prevSize": 32, "name": "login" }, { - "order": 315, + "order": 524, "ligatures": "", "prevSize": 32, "name": "list" }, { - "order": 316, + "order": 525, "ligatures": "", "prevSize": 32, "name": "like" }, { - "order": 317, + "order": 526, "ligatures": "", "prevSize": 32, "name": "home" }, { - "order": 318, + "order": 527, "ligatures": "", "prevSize": 32, "name": "grid" }, { - "order": 319, + "order": 528, "ligatures": "", "prevSize": 32, "name": "graph" }, { - "order": 320, + "order": 529, "ligatures": "", "prevSize": 32, "name": "equalizer" }, { - "order": 321, + "order": 530, "ligatures": "", "prevSize": 32, "name": "dislike" }, { - "order": 322, + "order": 531, "ligatures": "", "prevSize": 32, "name": "cursor" }, { - "order": 323, + "order": 532, "ligatures": "", "prevSize": 32, "name": "control-start" }, { - "order": 324, + "order": 533, "ligatures": "", "prevSize": 32, "name": "control-rewind" }, { - "order": 325, + "order": 534, "ligatures": "", "prevSize": 32, "name": "control-play" }, { - "order": 326, + "order": 535, "ligatures": "", "prevSize": 32, "name": "control-pause" }, { - "order": 327, + "order": 536, "ligatures": "", "prevSize": 32, "name": "control-forward" }, { - "order": 328, + "order": 537, "ligatures": "", "prevSize": 32, "name": "control-end" }, { - "order": 329, + "order": 538, "ligatures": "", "prevSize": 32, "name": "calender" }, { - "order": 330, + "order": 539, "ligatures": "", "prevSize": 32, "name": "bulb" }, { - "order": 331, + "order": 540, "ligatures": "", "prevSize": 32, "name": "chart" }, { - "order": 332, + "order": 541, "ligatures": "", "prevSize": 32, "name": "arrow-up-circle" }, { - "order": 333, + "order": 542, "ligatures": "", "prevSize": 32, "name": "arrow-right-circle" }, { - "order": 334, + "order": 543, "ligatures": "", "prevSize": 32, "name": "arrow-left-circle" }, { - "order": 335, + "order": 544, "ligatures": "", "prevSize": 32, "name": "arrow-down-circle" }, { - "order": 336, + "order": 545, "ligatures": "", "prevSize": 32, "name": "ban" }, { - "order": 337, + "order": 546, "ligatures": "", "prevSize": 32, "name": "bubble" }, { - "order": 338, + "order": 547, "ligatures": "", "prevSize": 32, "name": "camrecorder" }, { - "order": 339, + "order": 548, "ligatures": "", "prevSize": 32, "name": "camera" }, { - "order": 340, + "order": 549, "ligatures": "", "prevSize": 32, "name": "check" }, { - "order": 341, + "order": 550, "ligatures": "", "prevSize": 32, "name": "clock" }, { - "order": 342, + "order": 551, "ligatures": "", "prevSize": 32, "name": "close" }, { - "order": 343, + "order": 552, "ligatures": "", "prevSize": 32, "name": "cloud-download" }, { - "order": 344, + "order": 553, "ligatures": "", "prevSize": 32, "name": "cloud-upload" }, { - "order": 345, + "order": 554, "ligatures": "", "prevSize": 32, "name": "doc" }, { - "order": 346, + "order": 555, "ligatures": "", "prevSize": 32, "name": "envolope" }, { - "order": 347, + "order": 556, "ligatures": "", "prevSize": 32, "name": "eye" }, { - "order": 348, + "order": 557, "ligatures": "", "prevSize": 32, "name": "flag" }, { - "order": 349, + "order": 558, "ligatures": "", "prevSize": 32, "name": "folder" }, { - "order": 350, + "order": 559, "ligatures": "", "prevSize": 32, "name": "heart" }, { - "order": 351, + "order": 560, "ligatures": "", "prevSize": 32, "name": "info" }, { - "order": 352, + "order": 561, "ligatures": "", "prevSize": 32, "name": "key" }, { - "order": 353, + "order": 562, "ligatures": "", "prevSize": 32, "name": "link" }, { - "order": 354, + "order": 563, "ligatures": "", "prevSize": 32, "name": "lock" }, { - "order": 355, + "order": 564, "ligatures": "", "prevSize": 32, "name": "lock-open" }, { - "order": 356, + "order": 565, "ligatures": "", "prevSize": 32, "name": "magnifier" }, { - "order": 357, + "order": 566, "ligatures": "", "prevSize": 32, "name": "magnifier-add" }, { - "order": 358, + "order": 567, "ligatures": "", "prevSize": 32, "name": "magnifier-remove" }, { - "order": 359, + "order": 568, "ligatures": "", "prevSize": 32, "name": "paper-clip" }, { - "order": 360, + "order": 569, "ligatures": "", "prevSize": 32, "name": "paper-plane" }, { - "order": 361, + "order": 570, "ligatures": "", "prevSize": 32, "name": "plus" }, { - "order": 362, + "order": 571, "ligatures": "", "prevSize": 32, "name": "location-pin" }, { - "order": 363, + "order": 572, "ligatures": "", "prevSize": 32, "name": "power" }, { - "order": 364, + "order": 573, "ligatures": "", "prevSize": 32, "name": "refresh" }, { - "order": 365, + "order": 574, "ligatures": "", "prevSize": 32, "name": "reload" }, { - "order": 366, + "order": 575, "ligatures": "", "prevSize": 32, "name": "settings" }, { - "order": 367, + "order": 576, "ligatures": "", "prevSize": 32, "name": "star" }, { - "order": 368, + "order": 577, "ligatures": "", "prevSize": 32, "name": "symble-female" }, { - "order": 369, + "order": 578, "ligatures": "", "prevSize": 32, "name": "symbol-male" }, { - "order": 370, + "order": 579, "ligatures": "", "prevSize": 32, "name": "target" }, { - "order": 371, + "order": 580, "ligatures": "", "prevSize": 32, "name": "volume-1" }, { - "order": 372, + "order": 581, "ligatures": "", "prevSize": 32, "name": "volume-2" }, { - "order": 373, + "order": 582, "ligatures": "", "prevSize": 32, "name": "volume-off" }, { - "order": 374, + "order": 583, "ligatures": "", "prevSize": 32, "name": "phone" }, { - "order": 375, + "order": 584, "ligatures": "", "prevSize": 32, "name": "menu" }, { - "order": 376, + "order": 585, "ligatures": "", "prevSize": 32, "name": "options-vertical" }, { - "order": 377, + "order": 586, "ligatures": "", "prevSize": 32, "name": "options" }, { - "order": 378, + "order": 587, "ligatures": "", "prevSize": 32, "name": "arrow-down" }, { - "order": 379, + "order": 588, "ligatures": "", "prevSize": 32, "name": "arrow-left" }, { - "order": 380, + "order": 589, "ligatures": "", "prevSize": 32, "name": "arrow-right" }, { - "order": 381, + "order": 590, "ligatures": "", "prevSize": 32, "name": "arrow-up" }, { - "order": 382, + "order": 591, "ligatures": "", "prevSize": 32, "name": "paypal" }, { - "order": 383, + "order": 592, "ligatures": "", "prevSize": 32, "name": "social-instagram" }, { - "order": 384, + "order": 593, "ligatures": "", "prevSize": 32, "name": "social-linkedin" }, { - "order": 385, + "order": 594, "ligatures": "", "prevSize": 32, "name": "social-pintarest" }, { - "order": 386, + "order": 595, "ligatures": "", "prevSize": 32, "name": "social-github" }, { - "order": 387, + "order": 596, "ligatures": "", "prevSize": 32, "name": "social-google" }, { - "order": 388, + "order": 597, "ligatures": "", "prevSize": 32, "name": "social-reddit" }, { - "order": 389, + "order": 598, "ligatures": "", "prevSize": 32, "name": "social-skype" }, { - "order": 390, + "order": 599, "ligatures": "", "prevSize": 32, "name": "social-behance" }, { - "order": 391, + "order": 600, "ligatures": "", "prevSize": 32, "name": "social-foursqare" }, { - "order": 392, + "order": 601, "ligatures": "", "prevSize": 32, "name": "social-soundcloud" }, { - "order": 393, + "order": 602, "ligatures": "", "prevSize": 32, "name": "social-spotify" }, { - "order": 394, + "order": 603, "ligatures": "", "prevSize": 32, "name": "social-stumbleupon" }, { - "order": 395, + "order": 604, "ligatures": "", "prevSize": 32, "name": "minus" }, { - "order": 396, + "order": 605, "ligatures": "", "prevSize": 32, "name": "organization" }, { - "order": 397, + "order": 606, "ligatures": "", "prevSize": 32, "name": "exclamation" }, { - "order": 398, + "order": 607, "ligatures": "", "prevSize": 32, "name": "lang" }, { - "order": 399, + "order": 608, "ligatures": "", "prevSize": 32, "name": "event" }, { - "order": 400, + "order": 609, "ligatures": "", "prevSize": 32, "name": "social-steam" }, { - "order": 401, + "order": 610, "name": "bulletlist", "prevSize": 32 }, { - "order": 402, + "order": 611, "prevSize": 32, "name": "numberedlist" }, { - "order": 403, + "order": 612, "name": "listindent", "prevSize": 32 }, { - "order": 404, + "order": 613, "name": "listoutdent", "prevSize": 32 }, { - "order": 405, + "order": 614, "name": "filter", "prevSize": 32 }, { - "order": 413, + "order": 615, "name": "columnselection", "prevSize": 32 }, { - "order": 406, + "order": 616, "name": "enlarge", "prevSize": 32 }, { - "order": 407, + "order": 617, "name": "preview", "prevSize": 32 }, { - "order": 408, + "order": 618, "name": "ListView", "prevSize": 32 }, { - "order": 409, + "order": 619, "name": "TileView", "prevSize": 32 }, { - "order": 410, + "order": 620, "name": "reset", "prevSize": 32 }, { - "order": 411, + "order": 621, "name": "sort", "prevSize": 32 }, { - "order": 412, + "order": 622, "name": "apply", "prevSize": 32 }, { - "order": 211, + "order": 623, "name": "drag-drop-handle", "prevSize": 32 + }, + { + "order": 624, + "name": "presenter", + "prevSize": 32 + }, + { + "order": 625, + "name": "owner", + "prevSize": 32 } ], "metadata": { @@ -1211,7 +1221,7 @@ "width": 32, "height": 32 }, - "iconsHash": 796613830 + "iconsHash": 1602063542 }, "height": 1024, "prevSize": 32, @@ -2394,7 +2404,12 @@ }, { "paths": [ - "M960 95.888l-256.224 0.001v-63.776c0-17.68-14.32-32-32-32s-32 14.32-32 32v63.76h-256v-63.76c0-17.68-14.32-32-32-32s-32 14.32-32 32v63.76h-255.776c-35.344 0-64 28.656-64 64v800c0 35.344 28.656 64 64 64h896c35.344 0 64-28.656 64-64v-800c0-35.328-28.656-63.984-64-63.984zM960 959.873l-896-0.001v-800h255.776v32.24c0 17.68 14.32 32 32 32s32-14.32 32-32v-32.224h256v32.24c0 17.68 14.32 32 32 32s32-14.32 32-32v-32.24h256.224v799.984zM736 511.888h64c17.664 0 32-14.336 32-32v-64c0-17.664-14.336-32-32-32h-64c-17.664 0-32 14.336-32 32v64c0 17.664 14.336 32 32 32zM736 767.872h64c17.664 0 32-14.32 32-32v-64c0-17.664-14.336-32-32-32h-64c-17.664 0-32 14.336-32 32v64c0 17.696 14.336 32 32 32zM544 639.872h-64c-17.664 0-32 14.336-32 32v64c0 17.68 14.336 32 32 32h64c17.664 0 32-14.32 32-32v-64c0-17.648-14.336-32-32-32zM544 383.888h-64c-17.664 0-32 14.336-32 32v64c0 17.664 14.336 32 32 32h64c17.664 0 32-14.336 32-32v-64c0-17.68-14.336-32-32-32zM288 383.888h-64c-17.664 0-32 14.336-32 32v64c0 17.664 14.336 32 32 32h64c17.664 0 32-14.336 32-32v-64c0-17.68-14.336-32-32-32zM288 639.872h-64c-17.664 0-32 14.336-32 32v64c0 17.68 14.336 32 32 32h64c17.664 0 32-14.32 32-32v-64c0-17.648-14.336-32-32-32z" + "M155.187-2.125c-0.037-0-0.081-0-0.125-0-17.629 0-31.929 14.256-32 31.868l-0 0.007v101.125h-43c-43.804 0-80.062 36.009-80.062 79.812v163.25c-0 0.037-0 0.081-0 0.125s0 0.088 0 0.132l-0-0.007v568.562c0 43.804 36.259 80.062 80.062 80.062h863.875c43.804-0 80.062-36.259 80.062-80.062v-568.562c0-0.037 0-0.081 0-0.125s-0-0.088-0-0.132l0 0.007v-163.25c0-43.804-36.259-79.812-80.062-79.812h-42.5v-99c-0.071-17.597-14.335-31.84-31.934-31.875l-0.003-0c-0.037-0-0.081-0-0.125-0-17.629 0-31.929 14.256-32 31.868l-0 0.007v99h-650.312v-101.125c-0.071-17.576-14.299-31.804-31.868-31.875l-0.007-0zM80.062 194.875h863.875c9.216 0 16.062 6.597 16.062 15.812v131.375h-896v-131.375c0-9.216 6.847-15.812 16.062-15.812zM64 406.062h896v536.687c0 9.216-6.847 16.063-16.062 16.063h-863.875c-9.216 0-16.062-6.847-16.062-16.063v-536.687zM277.812 449.312c-17.646 0.035-31.938 14.349-31.938 32 0 0.044 0 0.088 0 0.132l-0-0.007v75.312h-86.187c-0.037-0-0.081-0-0.125-0-17.651 0-31.964 14.291-32 31.934l-0 0.003c-0 0.037-0 0.081-0 0.125 0 17.673 14.327 32 32 32 0.044 0 0.088-0 0.132-0l-0.007 0h86.187v126.375h-86.187c-0.037-0-0.081-0-0.125-0-17.629 0-31.929 14.256-32 31.869l-0 0.007c-0 0.037-0 0.081-0 0.125 0 17.673 14.327 32 32 32 0.044 0 0.088-0 0.132-0l-0.007 0h86.187v71.125c0.071 17.597 14.335 31.84 31.934 31.875l0.003 0c0.037 0 0.081 0 0.125 0 17.629 0 31.929-14.256 32-31.868l0-0.007v-71.125h167.687v71.125c0.071 17.619 14.371 31.875 32 31.875 0.044 0 0.088-0 0.132-0l-0.007 0c17.576-0.071 31.804-14.299 31.875-31.868l0-0.007v-71.125h172.5v71.125c0.071 17.619 14.371 31.875 32 31.875 0.044 0 0.088-0 0.132-0l-0.007 0c17.576-0.071 31.804-14.299 31.875-31.868l0-0.007v-71.125h86.187c0.037 0 0.081 0 0.125 0 17.673 0 32-14.327 32-32 0-0.044-0-0.088-0-0.132l0 0.007c-0.071-17.619-14.371-31.875-32-31.875-0.044 0-0.088 0-0.132 0l0.007-0h-86.187v-126.375h86.187c0.037 0 0.081 0 0.125 0 17.673 0 32-14.327 32-32 0-0.044-0-0.088-0-0.132l0 0.007c-0.035-17.646-14.349-31.938-32-31.938-0.044 0-0.088 0-0.132 0l0.007-0h-86.187v-75.312c0-0.037 0-0.081 0-0.125 0-17.629-14.256-31.929-31.868-32l-0.007-0c-0.037-0-0.081-0-0.125-0-17.673 0-32 14.327-32 32 0 0.044 0 0.088 0 0.132l-0-0.007v75.312h-172.5v-75.312c0-0.037 0-0.081 0-0.125 0-17.629-14.256-31.929-31.868-32l-0.007-0c-0.037-0-0.081-0-0.125-0-17.673 0-32 14.327-32 32 0 0.044 0 0.088 0 0.132l-0-0.007v75.312h-167.687v-75.312c0-0.037 0-0.081 0-0.125 0-17.673-14.327-32-32-32-0.044 0-0.088 0-0.132 0l0.007-0zM309.937 620.812h167.687v126.375h-167.687v-126.375zM541.625 620.812h172.5v126.375h-172.5v-126.375z" + ], + "attrs": [ + { + "opacity": 0.96 + } ], "tags": [ "calender" @@ -2724,7 +2739,7 @@ }, { "paths": [ - "M515.664-0.368c-209.904 0-387.664 178.768-387.664 390.544 0 221.76 206.032 448.544 344.624 607.936 0.528 0.64 22.929 25.519 50.528 25.519h2.448c27.6 0 49.84-24.88 50.399-25.519 130.064-149.52 320-396.048 320-607.936 0-211.776-138.656-390.544-380.336-390.544zM528.496 955.184c-1.12 1.12-2.753 2.369-4.193 3.409-1.472-1.008-3.071-2.288-4.255-3.408l-16.736-19.248c-131.392-150.736-311.312-357.152-311.312-545.761 0-177.008 148.224-326.56 323.664-326.56 218.528 0 316.336 164 316.336 326.56 0 143.184-102.128 333.296-303.504 565.008zM513.119 193.408c-106.032 0-192 85.968-192 192s85.968 192 192 192 192-85.968 192-192-85.968-192-192-192zM513.119 513.408c-70.576 0-129.473-58.816-129.473-129.408 0-70.576 57.424-128 128-128 70.624 0 128 57.424 128 128 0.032 70.592-55.903 129.408-126.527 129.408z" + "M511.89 3.307c-210.486 0-380.787 176.348-380.787 392.126 0 118.146 91.777 264.668 180.236 389.764s176.929 224.882 176.929 224.882c5.849 6.545 14.316 10.646 23.74 10.646s17.891-4.101 23.713-10.615l0.027-0.031c0 0 88.234-99.786 176.693-224.882s180.472-271.618 180.472-389.764c0-215.778-170.537-392.126-381.024-392.126zM511.89 66.85c175.014 0 317.48 146.103 317.48 328.583 0 80.983-82.528 231.343-168.661 353.15-74.239 104.986-129.46 166.974-148.583 188.976-19.067-21.937-74.535-83.927-148.819-188.976-86.133-121.807-168.661-272.167-168.661-353.15 0-182.48 142.23-328.583 317.244-328.583zM511.89 204.094c-83.916 0-153.78 66.476-153.78 149.055s69.864 148.819 153.78 148.819c83.916 0 154.016-66.24 154.016-148.819s-70.1-149.055-154.016-149.055zM511.89 267.638c50.869 0 90.472 38.908 90.472 85.512s-39.603 85.276-90.472 85.276c-50.869 0-90.236-38.672-90.236-85.276s39.367-85.512 90.236-85.512z" ], "tags": [ "location-pin" @@ -3094,7 +3109,12 @@ }, { "paths": [ - "M676 862c-16 0-28-13-28-29v-142c0-16 12-28 28-28h142c16 0 29 12 29 28v142c0 16-13 29-29 29h-142zM818 691h-142v142h142v-142zM960 96c35 0 64 29 64 64v800c0 35-29 64-64 64h-896c-35 0-64-29-64-64v-800c0-35 29-64 64-64h256v-64c0-18 14-32 32-32s32 14 32 32v64h256v-64c0-18 14-32 32-32s32 14 32 32v64h256zM64 960h896v-800h-256v32c0 18-14 32-32 32s-32-14-32-32v-32h-256v32c0 18-14 32-32 32s-32-14-32-32v-32h-256v800z" + "M155.187-2.125c-0.037-0-0.081-0-0.125-0-17.629 0-31.929 14.256-32 31.868l-0 0.007v101.125h-43c-43.804 0-80.062 36.009-80.062 79.812v163.25c-0 0.037-0 0.081-0 0.125s0 0.088 0 0.132l-0-0.007v568.562c0 43.804 36.259 80.062 80.062 80.062h863.875c43.804-0 80.062-36.259 80.062-80.062v-568.562c0-0.037 0-0.081 0-0.125s-0-0.088-0-0.132l0 0.007v-163.25c0-43.804-36.259-79.812-80.062-79.812h-42.5v-99c-0.071-17.597-14.335-31.84-31.934-31.875l-0.003-0c-0.037-0-0.081-0-0.125-0-17.629 0-31.929 14.256-32 31.868l-0 0.007v99h-650.312v-101.125c-0.071-17.576-14.299-31.804-31.868-31.875l-0.007-0zM80.062 194.875h863.875c9.216 0 16.062 6.597 16.062 15.812v131.375h-896v-131.375c0-9.216 6.847-15.812 16.062-15.812zM64 406.062h896v536.687c0 9.216-6.847 16.063-16.062 16.063h-863.875c-9.216 0-16.062-6.847-16.062-16.063v-536.687zM221.812 465.812c-0.036-0-0.079-0-0.122-0-17.63 0-31.93 14.255-32.003 31.868l-0 0.007v150c-0 0.036-0 0.079-0 0.122 0 17.675 14.328 32.003 32.003 32.003 0.043 0 0.086-0 0.129-0l-0.007 0h152.625c17.62-0.073 31.875-14.373 31.875-32.003 0-0.043-0-0.086-0-0.129l0 0.007v-150c-0.073-17.575-14.3-31.802-31.868-31.875l-0.007-0h-152.625z" + ], + "attrs": [ + { + "opacity": 0.96 + } ], "tags": [ "event" @@ -3283,11 +3303,31 @@ "M822.581 513.242c0 68.612-55.621 124.233-124.233 124.233h-0c-68.612 0-124.233-55.621-124.233-124.233l0 0c-0-68.612 55.621-124.233 124.233-124.233h0c68.612 0 124.233 55.621 124.233 124.233h-0z", "M825.066 885.94c0 68.612-55.621 124.233-124.233 124.233h-0c-68.612 0-124.233-55.621-124.233-124.233h0c-0-68.612 55.621-124.233 124.233-124.233h0c68.612 0 124.233 55.621 124.233 124.233l-0-0z" ], - "grid": 0, "tags": [ "dndhandle" ], - "defaultCode": 59661 + "defaultCode": 59661, + "grid": 0 + }, + { + "paths": [ + "M857.875 142.438c-0.283-0.008-0.615-0.013-0.949-0.013-7.96 0-15.316 2.584-21.277 6.958l0.1-0.070-120.25 87.375c-9.059 6.619-14.877 17.205-14.877 29.151 0 7.954 2.58 15.305 6.948 21.263l-0.071-0.101c6.617 9.083 17.217 14.918 29.18 14.918 7.941 0 15.281-2.571 21.234-6.926l-0.101 0.071 120.25-87.438c9.059-6.619 14.877-17.205 14.877-29.151 0-7.954-2.579-15.305-6.948-21.263l0.070 0.101c-6.431-8.809-16.607-14.553-28.138-14.874l-0.050-0.001zM392.375 153.313c-79.224 2.093-140.484 39.963-176.25 92.562s-48.406 117.918-43 180c7.736 88.837 62.195 139.371 112.25 170.375-2.691 4.45-3.526 11.816-8.313 15.062-9.427 6.394-25.096 11.224-42 15.875-34.358 9.453-96.801 9.707-146 59.063-30.025 30.12-63.894 71.968-82.187 178.812-0.327 1.824-0.515 3.923-0.515 6.065 0 17.768 12.872 32.529 29.8 35.466l0.215 0.031c1.82 0.326 3.916 0.513 6.055 0.513 17.789 0 32.565-12.904 35.477-29.862l0.030-0.214c16.71-97.596 33.48-111.326 62.125-140.062 26.661-26.746 65.533-27.005 114.125-40.375 16.23-4.466 40.175-10.058 63.313-25.75s43.636-44.74 47.437-82.187c0.12-1.103 0.188-2.381 0.188-3.676 0-14.419-8.476-26.858-20.718-32.606l-0.22-0.093c-39.498-17.944-92.741-58.069-99.25-132.813-4.156-47.729 6.455-97.457 30.75-133.187s59.939-59.388 118.562-60.938c54.465-1.439 92.722 18.13 120 50.313s42.445 78.504 41.313 129.188c-1.92 85.908-10.438 123.165-87.125 182.375-8.602 6.646-14.088 16.964-14.088 28.564 0 13.087 6.983 24.543 17.426 30.846l0.162 0.090c69.821 41.712 136.525 49.51 175.063 69.687 3.14 1.644 15.231 19.645 24.312 51.75s16.787 73.375 31 112.437c5.172 13.948 18.364 23.709 33.835 23.709 4.457 0 8.724-0.81 12.663-2.29l-0.248 0.082c13.916-5.188 23.648-18.364 23.648-33.813 0-4.395-0.787-8.605-2.229-12.499l0.081 0.249c-11.314-31.095-19.105-70.75-29.5-107.5s-21.603-75.64-60.25-95.875c-43.872-22.971-88.278-34.628-131.813-52.187 51.923-57.491 77.445-118.787 79.125-193.937 1.476-66.048-18.12-129.725-58.562-177.437s-102.63-77.769-176.688-75.812zM985.25 337.813c-0.128-0.002-0.279-0.003-0.431-0.003-1.5 0-2.979 0.092-4.431 0.27l0.174-0.017-205.5 24.312c-17.938 2.228-31.683 17.378-31.683 35.738 0 1.48 0.089 2.939 0.263 4.372l-0.017-0.173c2.142 18.024 17.334 31.868 35.76 31.868 1.472 0 2.923-0.088 4.349-0.26l-0.172 0.017 205.5-24.312c17.938-2.228 31.683-17.378 31.683-35.738 0-1.48-0.089-2.939-0.263-4.372l0.017 0.173c-2.116-17.855-17.037-31.608-35.223-31.875l-0.027-0zM745.188 484.375c-11.585 0.271-21.784 5.973-28.18 14.651l-0.070 0.099c-4.337 5.874-6.942 13.259-6.942 21.251 0 11.892 5.766 22.437 14.656 28.992l0.099 0.070 120 87.875c5.874 4.337 13.259 6.942 21.251 6.942 11.892 0 22.437-5.766 28.992-14.656l0.070-0.099c4.337-5.874 6.942-13.259 6.942-21.251 0-11.892-5.766-22.437-14.656-28.992l-0.099-0.070-120-87.875c-5.876-4.34-13.262-6.947-21.257-6.947-0.283 0-0.566 0.003-0.847 0.010l0.042-0.001z" + ], + "grid": 0, + "tags": [ + "glyph_presenter" + ], + "defaultCode": 59662 + }, + { + "paths": [ + "M342.947 0.080c-70.426 1.861-124.831 35.679-156.625 82.437s-43.056 104.75-38.25 159.937c6.871 78.902 55.223 123.798 99.688 151.375-2.39 3.943-3.065 10.619-7.312 13.5-8.38 5.684-22.098 10.053-37.125 14.187-30.542 8.403-86.203 8.563-129.938 52.438-26.69 26.775-56.676 63.959-72.937 158.938-0.284 1.602-0.447 3.446-0.447 5.328 0 15.778 11.418 28.888 26.442 31.519l0.192 0.028c1.599 0.283 3.439 0.445 5.318 0.445 15.799 0 28.924-11.45 31.53-26.504l0.027-0.191c14.854-86.757 29.786-98.892 55.25-124.438 23.7-23.776 58.18-24.052 101.375-35.938 14.428-3.97 35.62-8.925 56.187-22.875s38.933-39.711 42.313-73c0.109-0.993 0.172-2.144 0.172-3.309 0-12.816-7.533-23.872-18.413-28.983l-0.196-0.083c-35.112-15.952-82.589-51.682-88.375-118.125-3.695-42.428 5.84-86.55 27.437-118.312s53.199-52.998 105.313-54.375c48.416-1.279 82.564 16.267 106.812 44.875s37.82 69.758 36.813 114.812c-1.707 76.368-9.267 109.428-77.438 162.063-7.684 5.906-12.587 15.101-12.587 25.441 0 15.224 10.63 27.965 24.873 31.206l0.215 0.041c57.197 12.836 85.062 22.871 109.625 30.938 26.548 8.718 40.89 18.79 47.688 28.375 5.872 8.197 15.366 13.475 26.093 13.475 6.949 0 13.381-2.215 18.628-5.978l-0.096 0.066c8.214-5.87 13.505-15.374 13.505-26.114 0-6.967-2.227-13.415-6.007-18.669l0.065 0.095c-18.294-25.796-46.629-40.959-80.062-51.938-13.531-4.443-44.018-12.38-67.563-19.125 43.312-50.023 65.671-103.384 67.125-168.437 1.312-58.713-16.299-115.149-52.25-157.562s-91.229-69.302-157.062-67.562zM428.197 584.517c-87.963 0-159.438 72.802-159.438 161.312s71.475 161.312 159.438 161.312c77.127 0 141.602-55.978 156.313-129.437h240.812v57.875c-0 0.037-0 0.081-0 0.125 0 17.629 14.256 31.929 31.868 32l0.007 0c0.037 0 0.081 0 0.125 0 17.673 0 32-14.327 32-32 0-0.044-0-0.088-0-0.132l0 0.007v-57.875h70.625v105.125c0.071 17.576 14.299 31.804 31.868 31.875l0.007 0c0.037 0 0.081 0 0.125 0 17.629 0 31.929-14.256 32-31.868l0-0.007v-137c0-0.037 0-0.081 0-0.125 0-17.673-14.327-32-32-32-0.044 0-0.088 0-0.132 0l0.007-0h-407.375c-14.802-73.343-79.206-129.187-156.25-129.187zM428.197 648.267c52.787 0 95.587 43.026 95.688 97.375-0 0.028-0 0.061-0 0.094s0 0.066 0 0.099l-0-0.005c0 54.44-42.838 97.312-95.688 97.312s-95.437-42.872-95.437-97.312c0-54.44 42.588-97.562 95.437-97.562z" + ], + "grid": 0, + "tags": [ + "glyph_owner" + ], + "defaultCode": 59663 } ], "colorThemes": [], @@ -3300,14 +3340,14 @@ "fontPref": { "prefix": "icon-", "metadata": { - "fontFamily": "icomoon", + "fontFamily": "il-icons", "majorVersion": 1, "minorVersion": 0 }, "metrics": { "emSize": 1024, - "baseline": 6.25, - "whitespace": 50 + "baseline": 20, + "whitespace": 0 }, "embed": false }, @@ -3317,13 +3357,11 @@ "useClassSelector": true, "color": 0, "bgColor": 16777215, - "classSelector": ".icon", - "name": "icomoon" + "classSelector": ".icon" }, "historySize": 50, "showCodes": true, - "gridSize": 16, - "showLiga": false + "gridSize": 16 }, "IcoMoonType": "icon-set" } \ No newline at end of file diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.svg b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.svg index 5e6554fa0ef3..f1d461911262 100644 --- a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.svg +++ b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.svg @@ -3,210 +3,213 @@ Generated by IcoMoon - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.ttf b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.ttf index 423fbec01dd699187d62bca4cf7371067fb51ef4..235968ee1dbb3051a3dcf447f9c0c6949c863f94 100644 GIT binary patch delta 7455 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 SfI*6VIOzGS!Oh=0K>r&7qg3+% delta 6220 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 diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff index 77563534f8fee835700cbc8bd8aa316e1c3f11be..73cfacd14d7c61997d80ff77d8f81397762f5164 100644 GIT binary patch delta 7622 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 diff --git a/components/ILIAS/UI/src/Component/Symbol/Glyph/Factory.php b/components/ILIAS/UI/src/Component/Symbol/Glyph/Factory.php index c96af2dd1ef4..65068931e610 100755 --- a/components/ILIAS/UI/src/Component/Symbol/Glyph/Factory.php +++ b/components/ILIAS/UI/src/Component/Symbol/Glyph/Factory.php @@ -31,7 +31,8 @@ interface Factory * purpose: > * The Settings Glyph triggers the opening of a dropdown that allows to edit settings of the displayed block. * composition: > - * The Settings Glyph uses the glyphicon-cog. + * The Settings Glyph uses the CSS class glyphicon-cog. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Upon clicking, a settings Dropdown is opened. * @@ -43,8 +44,8 @@ interface Factory * 1: > * The aria-label MUST be “Settings”. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function settings(string $action = null): Glyph; @@ -56,6 +57,8 @@ public function settings(string $action = null): Glyph; * some neighbouring Container Collection such as a the content of a Dropdown or an Accordion currently shown. * composition: > * The Collapse Glyph is composed of a triangle pointing to the bottom indicating that content is currently shown. + * It uses the CSS class glyphicon-triangle-bottom. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the Collapse Glyph hides the display of some Container Collection. * rivals: @@ -71,8 +74,8 @@ public function settings(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Collapse Content'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function collapse(string $action = null): Glyph; @@ -84,6 +87,8 @@ public function collapse(string $action = null): Glyph; * some neighbouring Container Collection such as a the content of a Dropdown or an Accordion currently shown. * composition: > * The Expand Glyph is composed of a triangle pointing to the right indicating that content is currently collapsed. + * It uses the CSS class glyphicon-triangle-up. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the Expand Glyph displays some Container Collection. * rivals: @@ -99,8 +104,8 @@ public function collapse(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Expand Content'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function expand(string $action = null): Glyph; @@ -111,7 +116,8 @@ public function expand(string $action = null): Glyph; * The Add Glyph serves as a replacement for the respective textual * button in very crowded screens. It allows adding a new item. * composition: > - * The Add Glyph uses the glyphicon-plus-sign. + * The Add Glyph uses the CSS class glyphicon-plus-sign. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking on the Add Glyph adds a new input to a form or an event to the calendar. * @@ -135,8 +141,8 @@ public function expand(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Add'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function add(string $action = null): Glyph; @@ -147,7 +153,8 @@ public function add(string $action = null): Glyph; * The Remove Glyph serves as a replacement for the respective textual * button in very crowded screens. It allows removing an item. * composition: > - * The Remove Glyph uses the glyphicon-minus-sign. + * The Remove Glyph uses the CSS class glyphicon-minus-sign. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking on the Remove Glyph deletes an existing input from a form. * @@ -169,8 +176,8 @@ public function add(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Remove'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function remove(string $action = null): Glyph; @@ -181,8 +188,10 @@ public function remove(string $action = null): Glyph; * The Up Glyph allows for manually arranging rows in tables embedded in forms. * It allows moving an item up. * composition: > - * The Up Glyph uses the glyphicon-circle-arrow-up. The Up Glyph - * can be combined with the Add/Remove Glyph. + * The Up Glyph uses the CSS class glyphicon-circle-arrow-up. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). + * The Up Glyph can be combined with the Add/Remove Glyph. * effect: > * Clicking on the Up Glyph moves an item up. * @@ -206,8 +215,8 @@ public function remove(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Up'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function up(string $action = null): Glyph; @@ -218,7 +227,9 @@ public function up(string $action = null): Glyph; * The Down Glyph allows for manually arranging rows in tables embedded in forms. * It allows moving an item down. * composition: > - * The Down Glyph uses the glyphicon-circle-arrow-down. The Down Glyph + * The Down Glyph uses the CSS class glyphicon-circle-arrow-down. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). The Down Glyph * can be combined with the Add/Remove Glyph. * effect: > * Clicking on the Down Glyph moves an item down. @@ -243,8 +254,8 @@ public function up(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Down'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function down(string $action = null): Glyph; @@ -254,7 +265,9 @@ public function down(string $action = null): Glyph; * purpose: > * The Back Glyph indicates a possible change of the view. The view change leads back to some previous view. * composition: > - * The chevron-left glyphicon is used. + * The Back Glyph uses the CSS class glyphicon-chevron-left. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * The click on a Back Glyph leads back to a previous view. * @@ -274,8 +287,8 @@ public function down(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Back'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function back(string $action = null): Glyph; @@ -285,7 +298,9 @@ public function back(string $action = null): Glyph; * purpose: > * The Next Glyph indicates a possible change of the view. The view change leads back to some previous view. * composition: > - * The chevron-right glyphicon is used. + * The Next Glyph uses the css-class glyphicon-chevron-right. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * The click on a Next Glyph opens a new view. * context: @@ -304,8 +319,8 @@ public function back(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Next'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function next(string $action = null): Glyph; @@ -317,6 +332,8 @@ public function next(string $action = null): Glyph; * Only one Glyph is shown at a time. Clicking on the glyph will reverse the sorting direction. * composition: > * The Sort Ascending Glyph uses glyphicon-arrow-up. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Sort Ascending Glyph reverses the direction of ordering in a table. * @@ -325,8 +342,8 @@ public function next(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Sort Ascending'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function sortAscending(string $action = null): Glyph; @@ -337,7 +354,9 @@ public function sortAscending(string $action = null): Glyph; * The Sorting Glyphs indicate the current sorting direction of a column in a table as ascending (up) or descending (down). * Only one Glyph is shown at a time. Clicking on the glyph will reverse the sorting direction. * composition: > - * The Sort Descending Glyph uses glyphicon-arrow-descending. + * The Sort Descending Glyph uses the CSS class glyphicon-arrow-descending. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Sort Descending Glyph reverses the direction of ordering in a table. * @@ -346,8 +365,8 @@ public function sortAscending(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Sort Descending'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function sortDescending(string $action = null): Glyph; @@ -357,7 +376,8 @@ public function sortDescending(string $action = null): Glyph; * purpose: > * The Briefcase Glyph symbolizes some ongoing work that is done. It was introduced for the background tasks. * composition: > - * The Briefcase Glyph uses glyphicon-briefcase. + * The Briefcase Glyph uses the CSS class glyphicon-briefcase. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * A click on the Briefcase Glyph opens a popup that shows the background tasks. * @@ -366,8 +386,8 @@ public function sortDescending(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Background Tasks'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function briefcase(string $action = null): Glyph; @@ -378,7 +398,8 @@ public function briefcase(string $action = null): Glyph; * The User Glyph triggers the “Who is online?” Popover in the Top Navigation. * The User Glyph indicates the number of pending contact requests and users online via the the Novelty Counter and Status Counter respectively. * composition: > - * The User Glyph uses the glyphicon-user. + * The User Glyph uses the CSS class glyphicon-user. + * The glyph's design is rendered using the il-icons font which was based on the simplelineicons font. * effect: > * Clicking the User Glyph opens the “Who is online?” Popover. * @@ -388,8 +409,8 @@ public function briefcase(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Show who is online'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function user(string $action = null): Glyph; @@ -399,7 +420,8 @@ public function user(string $action = null): Glyph; * purpose: > * The Mail Glyph provides a shortcut to the mail service. The Mail Glyph indicates the number of new mails received. * composition: > - * The Mail Glyph uses the glyphicon-envelope. + * The Mail Glyph uses the CSS class glyphicon-envelope. + * The glyph's design is rendered using the il-icons font which was based on the simplelineicons font. * effect: > * Upon clicking on the Mail Glyph the user is transferred to the full-screen mail service. * rivals: @@ -410,8 +432,8 @@ public function user(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Mail'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function mail(string $action = null): Glyph; @@ -425,14 +447,16 @@ public function mail(string $action = null): Glyph; * composition: > * If used to toggle the notifications at an individual object, the Notification Glyph uses link-color to * indicate inactivity and the brand-warning color to indicate activity. + * It uses the CSS class glyphicon-bell. + * The glyph's design is rendered using the il-icons font which was based on the simplelineicons font. * * rules: * accessibility: * 2: > * The aria-label MUST be "Notifications". * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function notification(string $action = null): Glyph; @@ -442,7 +466,9 @@ public function notification(string $action = null): Glyph; * purpose: > * The Tag Glyph is used to indicate the possibility of adding tags to an object. * composition: > - * The Tag Glyph uses the glyphicon-tag. + * The Tag Glyph uses the CSS class glyphicon-tag. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Upon clicking the Round Trip Modal to add new Tags is opened. * @@ -454,8 +480,8 @@ public function notification(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Tags'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function tag(string $action = null): Glyph; @@ -465,7 +491,9 @@ public function tag(string $action = null): Glyph; * purpose: > * The Note Glyph is used to indicate the possibility of adding notes to an object. * composition: > - * The Note Glyph uses the glyphicon-pushpin. + * The Note Glyph uses the CSS class glyphicon-pushpin. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Upon clicking the Round Trip Modal to add new notes is opened * @@ -477,8 +505,8 @@ public function tag(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Notes'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function note(string $action = null): Glyph; @@ -488,7 +516,9 @@ public function note(string $action = null): Glyph; * purpose: > * The Comment Glyph is used to indicate the possibility of adding comments to an object. * composition: > - * The Comment Glyph uses the glyphicon-comment. + * The Comment Glyph uses the CSS class glyphicon-comment. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Upon clicking the Round Trip Modal to add new comments is opened. * @@ -500,8 +530,8 @@ public function note(string $action = null): Glyph; * 1: > * The aria-label MUST be ‘Comments'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function comment(string $action = null): Glyph; @@ -512,6 +542,7 @@ public function comment(string $action = null): Glyph; * Clicking the Like Glyph indicates a user approves an item, e.g. a posting. * composition: > * The Like Glyph uses the "thumbs up" unicode emoji U+1F44D, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The glyph rendered is from the Open Sans Emoji font. * effect: > * Upon clicking, the Like Glyph acts as a toggle: A first click adds a Like to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Like away, which is also reflected in colour and counter. * @@ -526,8 +557,8 @@ public function comment(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Like'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function like(string $action = null): Glyph; @@ -538,6 +569,7 @@ public function like(string $action = null): Glyph; * Clicking the Love Glyph indicates a user adores an item, e.g. a posting. * composition: > * The Love Glyph uses the "red heart" unicode emoji U+2764, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The glyph rendered is from the Open Sans Emoji font. * effect: > * Upon clicking, the Love Glyph acts as a toggle: A first click adds a Love to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Love away, which is also reflected in colour and counter. * @@ -552,8 +584,8 @@ public function like(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Love'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function love(string $action = null): Glyph; @@ -564,6 +596,7 @@ public function love(string $action = null): Glyph; * Clicking the Dislike Glyph indicates a user disapproves an item, e.g. a posting. * composition: > * The Dislike Glyph uses the "thumbs down" unicode emoji U+1F44E, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The glyph rendered is from the Open Sans Emoji font. * effect: > * Upon clicking, the Dislike Glyph acts as a toggle: A first click adds a Dislike to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Dislike away, which is also reflected in colour and counter. * @@ -578,8 +611,8 @@ public function love(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Dislike'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function dislike(string $action = null): Glyph; @@ -590,6 +623,7 @@ public function dislike(string $action = null): Glyph; * Clicking the Laugh Glyph indicates a user finds an item hilarious, e.g. a posting. * composition: > * The Laugh Glyph uses the "grinning face with smiling eyes" unicode emoji U+1F604, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The glyph rendered is from the Open Sans Emoji font. * effect: > * Upon clicking, the Laugh Glyph acts as a toggle: A first click adds a Laugh to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Laugh away, which is also reflected in colour and counter. * @@ -604,8 +638,8 @@ public function dislike(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Laugh'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function laugh(string $action = null): Glyph; @@ -616,6 +650,7 @@ public function laugh(string $action = null): Glyph; * Clicking the Astounded Glyph indicates a user finds an item surprising, e.g. a posting. * composition: > * The Astounded Glyph uses the "face with open mouth" unicode emoji U+1F62E, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The design rendered is from the Open Sans Emoji font. * effect: > * Upon clicking, the Astounded Glyph acts as a toggle: A first click adds an Astounded to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Astounded away, which is also reflected in colour and counter. * @@ -630,8 +665,8 @@ public function laugh(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Astounded'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function astounded(string $action = null): Glyph; @@ -642,6 +677,7 @@ public function astounded(string $action = null): Glyph; * 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. + * The design presented is through the Open Sans Emoji font. * 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. * @@ -656,8 +692,8 @@ public function astounded(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Sad'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function sad(string $action = null): Glyph; @@ -668,6 +704,7 @@ public function sad(string $action = null): Glyph; * Clicking the Angry Glyph indicates a user finds an item outraging, e.g. a posting. * composition: > * The Angry Glyph uses the "angry face" unicode emoji U+1F620, see https://unicode.org/emoji/charts/full-emoji-list.html. + * The design presented is through the Open Sans Emoji font. * effect: > * Upon clicking, the Angry Glyph acts as a toggle: A first click adds an Angry to the respective item, which is reflected in the colour of the Glyph and in the counter. A second click takes the Angry away, which is also reflected in colour and counter. * @@ -682,8 +719,8 @@ public function sad(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Angry'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function angry(string $action = null): Glyph; @@ -695,7 +732,9 @@ public function angry(string $action = null): Glyph; * The Eye Closed Glyph is used to toggle the revelation-mode of password fields. * With the Eye Closed Glyph shown, the field is currently unmasked. * composition: > - * The Eye Closed Glyph uses the glyphicon-eye-close. + * The Eye Closed Glyph uses the CSS class glyphicon-eye-close. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * When clicked, the password-field is masked, thus hiding the input. * @@ -710,8 +749,8 @@ public function angry(string $action = null): Glyph; * 1: > * The aria-label MUST be "Eye Closed - Click to hide the input's contents". * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function eyeclosed(string $action = null): Glyph; @@ -722,7 +761,9 @@ public function eyeclosed(string $action = null): Glyph; * The Eye Open Glyph is used to toggle the revelation-mode of password fields. * With the Eye Open Glyph shown, the field is currently masked. * composition: > - * The Eye Open Glyph uses the glyphicon-eye-open. + * The Eye Open Glyph uses the CSS class glyphicon-eye-open. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * When clicked, the password-field is unmasked, thus revealing the input. * @@ -737,8 +778,8 @@ public function eyeclosed(string $action = null): Glyph; * 1: > * The aria-label MUST be "Eye Opened - Click to reveal the input's contents". * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function eyeopen(string $action = null): Glyph; @@ -748,7 +789,8 @@ public function eyeopen(string $action = null): Glyph; * purpose: > * The Attachment Glyph indicates that a file is attached or can be attached to an object or entity. * composition: > - * The Attachment Glyph uses the glyphicon-paperclip. + * The Attachment Glyph uses the CSS class glyphicon-paperclip. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking executes an action which delivers these attachments to the actor OR initiates a process to add new attachments. * context: @@ -762,7 +804,7 @@ public function eyeopen(string $action = null): Glyph; * The aria-label MUST be 'Attachment'. * --- * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function attachment(string $action = null): Glyph; @@ -773,7 +815,8 @@ public function attachment(string $action = null): Glyph; * The Reset Glyph is used to indicate the possibilty of resetting changes made by the user * within a control back to a previous state. * composition: > - * The Reset Glyph uses the glyphicon-repeat. + * The Reset Glyph uses the CSS class glyphicon-repeat. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Upon clicking, the related control is reloaded immediately and goes back to state * before the user changes. @@ -795,8 +838,8 @@ public function attachment(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Reset'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function reset(string $action = null): Glyph; @@ -807,7 +850,8 @@ public function reset(string $action = null): Glyph; * The Apply Glyph is used to indicate the possibilty of applying changes which the user has made * within a control, i.e. a filter. * composition: > - * The Apply Glyph uses the glyphicon-ok. + * The Apply Glyph uses the CSS class glyphicon-ok. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Upon clicking, the page is reloaded immediately with the updated content reflected in the control. In case of * a filter, it means that the entries in a table change in accordance with the filter values set by the user. @@ -829,8 +873,8 @@ public function reset(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Apply'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function apply(string $action = null): Glyph; @@ -840,7 +884,8 @@ public function apply(string $action = null): Glyph; * purpose: > * The Search Glyph is used to trigger a search dialog. * composition: > - * The Search Glyph uses the glyphicon-search. + * The Search Glyph uses the CSS class glyphicon-search. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking this glyph will open a search dialog. * Since the context for the Search Glyph primarily is the Meta Bar, @@ -854,8 +899,8 @@ public function apply(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Search'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function search(string $action = null): Glyph; @@ -865,7 +910,8 @@ public function search(string $action = null): Glyph; * purpose: > * The Help Glyph opens a context-sensitive help screen. * composition: > - * The Help Glyph uses the glyphicon-question-sign. + * The Help Glyph uses the CSS class glyphicon-question-sign. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * When clicked, the user is provided with explanations or * instructions for the usage of the current context. @@ -880,8 +926,8 @@ public function search(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Help'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function help(string $action = null): Glyph; @@ -891,7 +937,8 @@ public function help(string $action = null): Glyph; * purpose: > * The Calendar glyph is used to symbolize date-related actions or alerts. * composition: > - * The Calendar Glyph uses the glyphicon-calendar. + * The Calendar Glyph uses the CSS class glyphicon-calendar. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking the calendar Glyph will usually open a date-picker. * @@ -903,8 +950,8 @@ public function help(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Calendar'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function calendar(string $action = null): Glyph; @@ -912,9 +959,11 @@ public function calendar(string $action = null): Glyph; * --- * description: * purpose: > - * The Time Glyph is used to symbolize time-related actions or alerts. + * The Time Glyph is used to symbolize time-related actions or alerts. * composition: > - * The Time Glyph uses the glyphicon-time. + * The Time Glyph uses the CSS class glyphicon-time. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Time Glyph will usually open a time-picker. * @@ -926,8 +975,8 @@ public function calendar(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Time'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function time(string $action = null): Glyph; @@ -938,7 +987,8 @@ public function time(string $action = null): Glyph; * The Close Glyph is used to symbolize an action that closes something * or leaves a previously initiated context. * composition: > - * The Close Glyph uses the glyphicon-remove. + * The Close Glyph uses the CSS class glyphicon-remove. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the Close Glyph will close an overlay or change the view. * @@ -947,8 +997,8 @@ public function time(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Close'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function close(string $action = null): Glyph; @@ -961,12 +1011,13 @@ public function close(string $action = null): Glyph; * The More glyph offers viewing the rest of the shortened set of * entries so that the entire set becomes visible. * composition: > - * The More Glyph uses the glyphicon-option-horizontal. + * The More Glyph uses the CSS class glyphicon-option-horizontal. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the More Glyph shows the rest of the set of entries. * rivals: * Disclosure Glyph: > - * The Disclosure Glyph hides the complete set of entries, wherear the + * The Disclosure Glyph hides the complete set of entries, whereas the * More Glyph only hides parts of it. * Mini Action Dropdown: > * The Dropdown in the ListGUI without text is used to offer a @@ -1005,8 +1056,8 @@ public function close(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Show More'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function more(string $action = null): Glyph; @@ -1018,7 +1069,8 @@ public function more(string $action = null): Glyph; * are too long to be presented fully or would be overwhelming. * The Disclosure Glyphs offers viewing the entirety of the hidden set of entries. * composition: > - * The Disclosure Glyph uses the glyphicon-option-vertical. + * The Disclosure Glyph uses the CSS class glyphicon-option-vertical. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the Disclose Glyph shows the entire set of entries. * rivals: @@ -1061,8 +1113,8 @@ public function more(string $action = null): Glyph; * 1: > * The aria-label MUST be „Disclose“. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function disclosure(string $action = null): Glyph; @@ -1073,7 +1125,8 @@ public function disclosure(string $action = null): Glyph; * The Language Glyph is used to indicate the option to switch languages * by some shorthand workflow without navigating to the personal settings. * composition: > - * The Language Glyph uses the glyphicon-lang from the il-icons set. + * The Language Glyph uses the CSS class glyphicon-lang. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * When clicked, the user is shown a set of active languages to choose from. * rivals: @@ -1092,8 +1145,8 @@ public function disclosure(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Switch Language'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function language(?string $action = null): Glyph; @@ -1104,7 +1157,8 @@ public function language(?string $action = null): Glyph; * The Login Glyph is used to trigger the login interaction. * It is displayed in the Meta Bar of the user is not yet logged in. * composition: > - * The Login Glyph uses the login glyph from the il-icons font. + * The Login Glyph uses the CSS class glyphicon-login. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this Glyph will trigger the interaction to authenticate and login. * rivals: @@ -1122,8 +1176,8 @@ public function language(?string $action = null): Glyph; * 1: > * The aria-label MUST be 'Login'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function login(string $action = null): Glyph; @@ -1134,7 +1188,8 @@ public function login(string $action = null): Glyph; * The Logout Glyph is used to trigger the logout interaction. * It is displayed in the Slate triggered by clicking on the User Avatar in the Meta Bar. * composition: > - * The Logout Glyph uses the logout glyph from the il-icons font. + * The Logout Glyph uses the CSS class glyphicon-logout. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this Glyph will trigger the interaction to logout. * rivals: @@ -1150,8 +1205,8 @@ public function login(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Logout'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function logout(string $action = null): Glyph; @@ -1162,7 +1217,8 @@ public function logout(string $action = null): Glyph; * The Bullet List Glyph is used to indicate the possibility to group related content together * and organize vertically, when you don’t need to convey a specific order for list items. * composition: > - * The Bullet List Glyph uses the glyphicon-listbullet. + * The Bullet List Glyph uses the CSS class glyphicon-listbullet. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this glyph will group a list of entries with bullet points. * rivals: @@ -1176,8 +1232,8 @@ public function logout(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Bullet Point List'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function bulletlist(string $action = null): Glyph; @@ -1189,7 +1245,8 @@ public function bulletlist(string $action = null): Glyph; * and organize vertically, where you need to convey a priority, hierarchy, * or sequence between list items. * composition: > - * The Numbered List Glyph uses the glyphicon-listnumbered. + * The Numbered List Glyph uses the CSS class glyphicon-listnumbered. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this glyph will group a list of entries with enumeration number. * rivals: @@ -1205,8 +1262,8 @@ public function bulletlist(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Numbered List'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function numberedlist(string $action = null): Glyph; @@ -1218,7 +1275,8 @@ public function numberedlist(string $action = null): Glyph; * It leads to an increased indentation and thus gives the impression of a * subordinate level. * composition: > - * The Indent List Glyph uses the glyphicon-listindent. + * The Indent List Glyph uses the CSS class glyphicon-listindent. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this glyph will intend the content to the next subordinate level of the list. * rivals: @@ -1232,8 +1290,8 @@ public function numberedlist(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Increase Indent'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function listindent(string $action = null): Glyph; @@ -1244,7 +1302,8 @@ public function listindent(string $action = null): Glyph; * The Outdent Glyph is used to define the gradation of a structured list. * It leads to a decreased indentation and thus gives the impression of a superordinate level. * composition: > - * The Outdent List Glyph uses the glyphicon-listoutdent. + * The Outdent List Glyph uses the CSS class glyphicon-listoutdent. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this glyph will outdent the content to the next superordinate level of the list. * rivals: @@ -1258,8 +1317,8 @@ public function listindent(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Decrease Indent'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function listoutdent(string $action = null): Glyph; @@ -1269,7 +1328,8 @@ public function listoutdent(string $action = null): Glyph; * purpose: > * The Filter Glyph is used to trigger a filter action. * composition: > - * The Filter Glyph uses the glyphicon-filter. + * The Filter Glyph uses the CSS class glyphicon-filter. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking this glyph will filter a list of entries. * rivals: @@ -1283,8 +1343,8 @@ public function listoutdent(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Filter'. * --- - * @param string|null $action - * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function filter(string $action = null): Glyph; @@ -1299,6 +1359,7 @@ public function filter(string $action = null): Glyph; * indicated by a left-triangle than by a down-triangle. * composition: > * The Collapse Horizontal Glyph is composed of a triangle pointing to the left. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * Clicking the Collapse Horizontal Glyph hides the display of some Container Collection. * It might simultaneously trigger the display of another Container Collection. @@ -1329,6 +1390,8 @@ public function collapseHorizontal(string $action = null): Glyph; * transforms some text from or into a heading. * composition: > * The Heading Glyph is composed of the letter H. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Heading Glyph may insert or transform some text into a heading. * rivals: @@ -1357,6 +1420,8 @@ public function header(string $action = null): Glyph; * transforms some text from or into cursive one. * composition: > * The Italic Glyph is composed of the letter I. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Italic Glyph may insert or transform some text into cursive one. * rivals: @@ -1385,6 +1450,8 @@ public function italic(string $action = null): Glyph; * transforms some text from or into bold one. * composition: > * The Bold Glyph is composed of the letter B. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Bold Glyph may insert or transform some text into bold one. * rivals: @@ -1414,6 +1481,9 @@ public function bold(string $action = null): Glyph; * composition: > * The Link Glyph is composed out of two linked chain-pieces that ilustrate the official * URL symbol. + * It uses the CSS class glyphicon-link. + * The glyph's design is rendered using the Glyphicons-Halflings font which + * originated from Bootstrap 3 (deprecated symbol source). * effect: > * Clicking the Link Glyph may insert or transform some text into bold one. * rivals: @@ -1442,7 +1512,8 @@ public function link(string $action = null): Glyph; * The Launch Glyph indicates a process to start, e.g. subscribing to a * Course or triggering a SCORM Module. * composition: > - * The Launch Glyph uses the glyphicon plane. + * The Launch Glyph uses the CSS-class glyphicon-plane. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking the Launch Glyph will immediately start or continue the process; this * may manifest as a Modal to open or the redirection to the appropriate Page. @@ -1456,7 +1527,7 @@ public function link(string $action = null): Glyph; * 1: The LAUNCH Glyph MUST NOT be used for mere navigation; focus is on * a process to start, which means altering a user's relation to some object. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function launch(string $action = null): Glyph; @@ -1467,7 +1538,8 @@ public function launch(string $action = null): Glyph; * purpose: > * The Enlarge glyph indicates the possibility of enlarging the content to see more details or to improve the display. * composition: > - * The Enlarge Glyph uses the glyphicon-enlarge. + * The Enlarge Glyph uses the CSS class glyphicon-enlarge. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * A click on the Enlarge glyph triggers an interaction that displays an enlarged version of the content just seen. * This can be a modal with an enlarged display of an image. @@ -1482,7 +1554,7 @@ public function launch(string $action = null): Glyph; * The aria-label MUST be 'Enlarge'. * usage: * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function enlarge(string $action = null): Glyph; @@ -1494,7 +1566,8 @@ public function enlarge(string $action = null): Glyph; * The List View Glyph displays data stacked on top of each other in a list. * The glyph is suitable for views that are read from top to bottom and where the focus is on text. * composition: > - * The List View Glyph uses the glyphicon-ListView. + * The List View Glyph uses the CSS class glyphicon-listView. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * Clicking on the List View glyph displays the collection of data as a list. * rivals: @@ -1507,7 +1580,7 @@ public function enlarge(string $action = null): Glyph; * usage: * 1: The List View Glyph SHOULD not come without a Tile View Glyph and vice versa. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function listView(string $action = null): Glyph; @@ -1519,7 +1592,8 @@ public function listView(string $action = null): Glyph; * The Preview Glyph indicates the possibility to display a preview or a short preview of a * content before the user performs a final action. * composition: > - * The Preview Glyph uses the glyphicon-preview. + * The Preview Glyph uses the CSS class glyphicon-preview. + * The glyph's design is rendered using the il-icons font and is based on the simplelineicons font. * effect: > * When a user clicks on the "Preview" icon, a preview of the content is displayed without a permanent * change or a larger display. This can be a modal with several pages of a file preview. @@ -1533,7 +1607,7 @@ public function listView(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Preview'. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function preview(string $action = null): Glyph; @@ -1544,7 +1618,8 @@ public function preview(string $action = null): Glyph; * purpose: > * The Sort Glyph indicates the possibility of changing the order of elements within a list, table or other structured data. * composition: > - * The Sort Glyph uses the glyphicon-sort. + * The Sort Glyph uses the CSS class glyphicon-sort. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * When a user clicks on the "Sort" icon, all possible sorting options are displayed. * The elements will be reordered based on a specific criterion, such as alphabet, date or size. @@ -1557,7 +1632,7 @@ public function preview(string $action = null): Glyph; * usage: * 1: The Sort Glyph SHOULD NOT be used to display the selected sort option. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function sort(string $action = null): Glyph; @@ -1569,7 +1644,8 @@ public function sort(string $action = null): Glyph; * purpose: > * The Column Selection Glyph shows the option of displaying or hiding columns in a table. * composition: > - * The Column Selection Glyph uses the glyphicon-columnselection. + * The Column Selection Glyph uses the CSS class glyphicon-columnselection. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * If a user clicks on the Colum Selection symbol, an overview is displayed showing which columns are * already visible and which are hidden. @@ -1580,7 +1656,7 @@ public function sort(string $action = null): Glyph; * 1: > * The aria-label MUST be 'Column Selection'. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function columnSelection(string $action = null): Glyph; @@ -1593,7 +1669,8 @@ public function columnSelection(string $action = null): Glyph; * The Tile View Glyph displays data in cells arrayed in vertical and horizontal layouts. * The glyph works well for collections that are read from side-to-side and where images are the main focus. * composition: > - * The Tile View Glyph uses the glyphicon-TileView. + * The Tile View Glyph uses the CSS class glyphicon-TileView. + * The glyph's design is rendered using the il-icons font and was created by the community. * effect: > * When you click on the glyph, the displayed data is shown in a grid view. * rivals: @@ -1608,7 +1685,7 @@ public function columnSelection(string $action = null): Glyph; * usage: * 1: The Tile View Glyph SHOULD not come without a ListView Glyph and vice versa. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function tileView(string $action = null): Glyph; @@ -1623,6 +1700,8 @@ public function tileView(string $action = null): Glyph; * The glyph works best when there is a background or border indicating the dimension of the element that is * draggable. * composition: > + * The Drag Handle Glyph uses the CSS class glyphicon-dragHandle. + * The glyph's design is rendered using the il-icons font and was created by the community. * The cells of the Ordering Table use this glyph. * effect: > * When you click and hold on the glyph, the item it is on can be dragged and dropped. @@ -1630,7 +1709,7 @@ public function tileView(string $action = null): Glyph; * No glyph: > * In some instances the design and context of an element might already sufficiently indicate that it can * be dragged. However, if an element could be confused with a non-draggable counterpart or is draggable - * only some of the time, you SHOULD use the glyph to indicate when it is draggable or otherwise change the + * only some of the time, you SHOULD use the glyph to indicate when it is draggable. or otherwise change the * appearance to communicate the drag and drop functionality. * context: * - The Drag Glyph communicates the drag and drop feature on the Ordering Table cells. @@ -1641,8 +1720,128 @@ public function tileView(string $action = null): Glyph; * usage: * 1: The Drag Glyph SHOULD be positioned near the corners of a draggable element. * --- - * @param string|null $action + * @param string|null $action * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph */ public function dragHandle(string $action = null): Glyph; + + /** + * --- + * description: + * purpose: > + * The presenter glyph represents the individual or organization hosting or offering + * a piece of content. On a button, it indicates that the name of one or more + * presenters can be edited, or it can set a corresponding role for a user. + * As a link it may lead to the list of all content featuring this presenter. + * composition: > + * The presenter glyph uses the CSS class glyphicon-presenter. + * The glyph's design is rendered using the il-icons font and was created by the community. + * effect: > + * As part of a button, it opens an input to define the user who is presenting some content. + * It can also be used to apply the presenter role to a user or filter for a specific presenter. + * rivals: + * User: > + * If the referenced entity is not clearly a person or institution tasked with presenting, + * hosting or creating content, you might want to use the more general user glyph instead. + * Owner: > + * Consider choosing the owner glyph to represent entities and roles managing an object + * instead of being the creators or face of a piece of content + * context: + * - The presenter glyph MAY appear with other object actions or metadata properties. + * - It also MAY be one of multiple options for the role of a user. + * rules: + * accessibility: + * 1: > + * The aria-label MUST be 'Presenter'. + * --- + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + */ + public function presenter(string $action = null): Glyph; + + /** + * --- + * description: + * purpose: > + * The owner glyph represents the individual responsible for managing a piece of content. + * On a button, it indicates that the name of one or more owners can be edited, or it can set + * a corresponding role for a user. + * composition: > + * The owner glyph uses the CSS class glyphicon-owner. + * The glyph's design is rendered using the il-icons font and was created by the community. + * effect: > + * As part of a button, it opens an input to define the owner of some content. + * It can also be used to set the owner of an object or other access roles. + * rivals: + * User: > + * If the referenced entity is not clearly a person or institution managing or being in some + * other way responsible for it, you might want to use the more general user glyph instead. + * context: + * - The owner glyph MAY appear with other object actions or metadata properties. + * - It also may be one of multiple options for the role of a user. + * rules: + * accessibility: + * 1: > + * The aria-label MUST be 'Owner'. + * --- + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + */ + public function owner(string $action = null): Glyph; + + /** + * --- + * description: + * purpose: > + * The date glyph indicates a single specific date e.g. on a button opening a date picker + * or switching a view to the current date. + * composition: > + * The date glyph uses the CSS class glyphicon-date. + * The glyph's design is rendered using the il-icons font and was created by the community. + * effect: > + * In a form, it opens a date picker. In a calendar view it switches to the current day. + * rivals: + * Calendar: > + * There is a calendar glyph more suitable for symbolizing a calendar view. + * context: + * - The date glyph may be part of a date picker + * - As part of some View Controls, it switches to the current date. + * rules: + * usage: + * 1: > + * The date glyph MUST always refer to a single date, not a range. + * accessibility: + * 1: > + * The aria-label MUST be 'Date'. + * --- + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + */ + public function date(string $action = null): Glyph; + + /** + * --- + * description: + * purpose: > + * The location glyph indicates postal addresses, specific buildings, rooms, or geo-coordinates. + * composition: > + * The location glyph uses the CSS class glyphicon-owner. + * The glyph's design is rendered using the il-icons font and was created by the community. + * effect: > + * As part of a button, it opens a dropdown of preset locations or modal with a searchable map. + * It can also be used in filters or meta-data properties to filter for a specific location. + * rivals: + * Mail: > + * Use the mail glyph when referring to digital addresses in connection to the Mail Service + * context: + * - It may appear in combination with maps, location booking and similar services + * rules: + * accessibility: + * 1: > + * The aria-label MUST be 'Location'. + * --- + * @param string|null $action + * @return \ILIAS\UI\Component\Symbol\Glyph\Glyph + */ + public function location(string $action = null): Glyph; } diff --git a/components/ILIAS/UI/src/Component/Symbol/Glyph/Glyph.php b/components/ILIAS/UI/src/Component/Symbol/Glyph/Glyph.php index 1f285bb0116c..dec8a47d476a 100755 --- a/components/ILIAS/UI/src/Component/Symbol/Glyph/Glyph.php +++ b/components/ILIAS/UI/src/Component/Symbol/Glyph/Glyph.php @@ -86,6 +86,10 @@ interface Glyph extends Symbol, Clickable public const COLUMN_SELECTION = "columnSelection"; public const TILE_VIEW = "tileView"; public const DRAG_HANDLE = "dragHandle"; + public const PRESENTER = "presenter"; + public const OWNER = "owner"; + public const DATE = "date"; + public const LOCATION = "location"; /** * Get the type of the glyph. diff --git a/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Factory.php b/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Factory.php index e898dc34fb27..640daab878ea 100755 --- a/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Factory.php +++ b/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Factory.php @@ -313,4 +313,24 @@ public function dragHandle(string $action = null): G\Glyph { return new Glyph(G\Glyph::DRAG_HANDLE, "drag_handle", $action); } + + public function presenter(string $action = null): G\Glyph + { + return new Glyph(G\Glyph::PRESENTER, "presenter", $action); + } + + public function owner(string $action = null): G\Glyph + { + return new Glyph(G\Glyph::OWNER, "owner", $action); + } + + public function date(string $action = null): G\Glyph + { + return new Glyph(G\Glyph::DATE, "date", $action); + } + + public function location(string $action = null): G\Glyph + { + return new Glyph(G\Glyph::LOCATION, "location", $action); + } } diff --git a/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Glyph.php b/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Glyph.php index 7dcbbaf4a019..beb61bfdbe28 100755 --- a/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Glyph.php +++ b/components/ILIAS/UI/src/Implementation/Component/Symbol/Glyph/Glyph.php @@ -92,6 +92,10 @@ class Glyph implements C\Symbol\Glyph\Glyph self::COLUMN_SELECTION, self::TILE_VIEW, self::DRAG_HANDLE, + self::PRESENTER, + self::OWNER, + self::DATE, + self::LOCATION, ]; private string $type; diff --git a/components/ILIAS/UI/src/examples/Symbol/Glyph/Date/date.php b/components/ILIAS/UI/src/examples/Symbol/Glyph/Date/date.php new file mode 100644 index 000000000000..a9e5f1cef695 --- /dev/null +++ b/components/ILIAS/UI/src/examples/Symbol/Glyph/Date/date.php @@ -0,0 +1,41 @@ + + * Example for rendering a Date Glyph. + * + * expected output: > + * Active: + * ILIAS shows a monochrome symbol on a grey background. If you move your cursor onto the symbol it's + * color darkens a little bit. Additionaly the cursor symbol changes it's form and indicates a linking. + * + * Inactive: + * ILIAS shows the same symbol. But it's greyed out. Moving the cursor above the symbol will not change the presentation. + * + * Highlighted: + * ILIAS shows the same symbol. But it's highlighted particularly. The presentation will darken if you move your cursor + * above the symbol. Additionally the cursor symbol will change it's form and indicates a linking. + * --- + */ +function date() +{ + global $DIC; + $f = $DIC->ui()->factory(); + $renderer = $DIC->ui()->renderer(); + + $glyph = $f->symbol()->glyph()->date("#"); + + //Showcase the various states of this Glyph + $list = $f->listing()->descriptive([ + "Active" => $glyph, + "Inactive" => $glyph->withUnavailableAction(), + "Highlighted" => $glyph->withHighlight() + ]); + + return $renderer->render($list); +} diff --git a/components/ILIAS/UI/src/examples/Symbol/Glyph/Location/location.php b/components/ILIAS/UI/src/examples/Symbol/Glyph/Location/location.php new file mode 100644 index 000000000000..af4c49b8929b --- /dev/null +++ b/components/ILIAS/UI/src/examples/Symbol/Glyph/Location/location.php @@ -0,0 +1,41 @@ + + * Example for rendering a Owner Glyph. + * + * expected output: > + * Active: + * ILIAS shows a monochrome symbol on a grey background. If you move your cursor onto the symbol it's + * color darkens a little bit. Additionaly the cursor symbol changes it's form and indicates a linking. + * + * Inactive: + * ILIAS shows the same symbol. But it's greyed out. Moving the cursor above the symbol will not change the presentation. + * + * Highlighted: + * ILIAS shows the same symbol. But it's highlighted particularly. The presentation will darken if you move your cursor + * above the symbol. Additionally the cursor symbol will change it's form and indicates a linking. + * --- + */ +function location() +{ + global $DIC; + $f = $DIC->ui()->factory(); + $renderer = $DIC->ui()->renderer(); + + $glyph = $f->symbol()->glyph()->location("#"); + + //Showcase the various states of this Glyph + $list = $f->listing()->descriptive([ + "Active" => $glyph, + "Inactive" => $glyph->withUnavailableAction(), + "Highlighted" => $glyph->withHighlight() + ]); + + return $renderer->render($list); +} diff --git a/components/ILIAS/UI/src/examples/Symbol/Glyph/Owner/owner.php b/components/ILIAS/UI/src/examples/Symbol/Glyph/Owner/owner.php new file mode 100644 index 000000000000..d444a6e90a0a --- /dev/null +++ b/components/ILIAS/UI/src/examples/Symbol/Glyph/Owner/owner.php @@ -0,0 +1,41 @@ + + * Example for rendering a Owner Glyph. + * + * expected output: > + * Active: + * ILIAS shows a monochrome symbol on a grey background. If you move your cursor onto the symbol it's + * color darkens a little bit. Additionaly the cursor symbol changes it's form and indicates a linking. + * + * Inactive: + * ILIAS shows the same symbol. But it's greyed out. Moving the cursor above the symbol will not change the presentation. + * + * Highlighted: + * ILIAS shows the same symbol. But it's highlighted particularly. The presentation will darken if you move your cursor + * above the symbol. Additionally the cursor symbol will change it's form and indicates a linking. + * --- + */ +function owner() +{ + global $DIC; + $f = $DIC->ui()->factory(); + $renderer = $DIC->ui()->renderer(); + + $glyph = $f->symbol()->glyph()->owner("#"); + + //Showcase the various states of this Glyph + $list = $f->listing()->descriptive([ + "Active" => $glyph, + "Inactive" => $glyph->withUnavailableAction(), + "Highlighted" => $glyph->withHighlight() + ]); + + return $renderer->render($list); +} diff --git a/components/ILIAS/UI/src/examples/Symbol/Glyph/Presenter/presenter.php b/components/ILIAS/UI/src/examples/Symbol/Glyph/Presenter/presenter.php new file mode 100644 index 000000000000..82adf42bc9a8 --- /dev/null +++ b/components/ILIAS/UI/src/examples/Symbol/Glyph/Presenter/presenter.php @@ -0,0 +1,41 @@ + + * Example for rendering a Presenter Glyph. + * + * expected output: > + * Active: + * ILIAS shows a monochrome symbol on a grey background. If you move your cursor onto the symbol it's + * color darkens a little bit. Additionaly the cursor symbol changes it's form and indicates a linking. + * + * Inactive: + * ILIAS shows the same symbol. But it's greyed out. Moving the cursor above the symbol will not change the presentation. + * + * Highlighted: + * ILIAS shows the same symbol. But it's highlighted particularly. The presentation will darken if you move your cursor + * above the symbol. Additionally the cursor symbol will change it's form and indicates a linking. + * --- + */ +function presenter() +{ + global $DIC; + $f = $DIC->ui()->factory(); + $renderer = $DIC->ui()->renderer(); + + $glyph = $f->symbol()->glyph()->presenter("#"); + + //Showcase the various states of this Glyph + $list = $f->listing()->descriptive([ + "Active" => $glyph, + "Inactive" => $glyph->withUnavailableAction(), + "Highlighted" => $glyph->withHighlight() + ]); + + return $renderer->render($list); +} diff --git a/components/ILIAS/UI/src/templates/default/Symbol/tpl.glyph.html b/components/ILIAS/UI/src/templates/default/Symbol/tpl.glyph.html index 3bd1a3beab0a..ccd4ded44453 100755 --- a/components/ILIAS/UI/src/templates/default/Symbol/tpl.glyph.html +++ b/components/ILIAS/UI/src/templates/default/Symbol/tpl.glyph.html @@ -57,6 +57,10 @@ glyphicon-columnSelection glyphicon-tileView glyphicon-dragHandle + glyphicon-owner + glyphicon-presenter + glyphicon-date + glyphicon-location " aria-hidden="true"> diff --git a/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphFactoryTest.php b/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphFactoryTest.php index f6f0e0c35f62..e29354ef62c7 100755 --- a/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphFactoryTest.php +++ b/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphFactoryTest.php @@ -39,7 +39,11 @@ class GlyphFactoryTest extends AbstractFactoryTestCase "close" => ["context" => false], "settings" => ["context" => false], "sort" => ["context" => false], - "listView" => ["context" => false] + "listView" => ["context" => false], + "presenter" => ["context" => false], + "owner" => ["context" => false], + "date" => ["context" => false], + "location" => ["context" => false], ]; public static string $factory_title = 'ILIAS\\UI\\Component\\Symbol\\Glyph\\Factory'; diff --git a/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphTest.php b/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphTest.php index 561d2c0e5b32..42adf7aff394 100755 --- a/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphTest.php +++ b/components/ILIAS/UI/tests/Component/Symbol/Glyph/GlyphTest.php @@ -103,6 +103,10 @@ public function getCounterFactory(): C\Factory G\Glyph::COLUMN_SELECTION => "glyphicon glyphicon-columnSelection", G\Glyph::TILE_VIEW => "glyphicon glyphicon-tileView", G\Glyph::DRAG_HANDLE => "glyphicon glyphicon-dragHandle", + G\Glyph::PRESENTER => "glyphicon glyphicon-presenter", + G\Glyph::OWNER => "glyphicon glyphicon-owner", + G\Glyph::DATE => "glyphicon glyphicon-date", + G\Glyph::LOCATION => "glyphicon glyphicon-location", ); public static array $aria_labels = array( @@ -164,6 +168,10 @@ public function getCounterFactory(): C\Factory G\Glyph::COLUMN_SELECTION => "column_selection", G\Glyph::TILE_VIEW => "tile_view", G\Glyph::DRAG_HANDLE => "drag_handle", + G\Glyph::PRESENTER => "presenter", + G\Glyph::OWNER => "owner", + G\Glyph::DATE => "date", + G\Glyph::LOCATION => "location", ); /** diff --git a/lang/ilias_de.lang b/lang/ilias_de.lang index 09582a490fbe..a7ce38096773 100644 --- a/lang/ilias_de.lang +++ b/lang/ilias_de.lang @@ -5372,6 +5372,7 @@ common#:#preconditions_optional_hint#:#Bitte erfüllen Sie mindestens %s common#:#predefined_template#:#Vordefinierte Rollenvorlage common#:#preferences#:#Benutzerdefinierte Einstellungen common#:#presentation_table_more#:#Mehr anzeigen +common#:#presenter#:#Präsentiert von common#:#preview#:#Vorschau common#:#preview_create#:#Vorschau erstellen common#:#preview_delete#:#Vorschau löschen diff --git a/lang/ilias_en.lang b/lang/ilias_en.lang index dfa2471cd505..60ce8bf9484e 100755 --- a/lang/ilias_en.lang +++ b/lang/ilias_en.lang @@ -5373,6 +5373,7 @@ common#:#preconditions_optional_hint#:#You have to fulfill %s of the foll common#:#predefined_template#:#Predefined role template common#:#preferences#:#Preferences common#:#presentation_table_more#:#Show More +common#:#presenter#:#Presenter common#:#preview#:#Preview common#:#preview_create#:#Create Preview common#:#preview_delete#:#Delete Preview @@ -8657,7 +8658,7 @@ dcl#:#dcl_detailed_view#:#Detailed View dcl#:#dcl_display_action_menu#:#Copy dcl#:#dcl_display_action_menu_desc#:#The object can be copied from the entry. dcl#:#dcl_display_record_alt#:#Display this entry -dcl#:#dcl_duplicate_non_unique_entries_exist#:#Some of the existing values for this field are identical. Please make sure that all existing entries are unique in order to change this setting. +dcl#:#dcl_duplicate_non_unique_entries_exist#:#Some of the existing values for this field are identical. Please make sure that all existing entries are unique in order to change this setting. dcl#:#dcl_edit#:#Settings for This Data Collection dcl#:#dcl_edit_entry_rules#:#Entry Editing dcl#:#dcl_edit_field#:#Edit Field diff --git a/templates/default/070-components/UI-framework/Symbol/_ui-component_glyph.scss b/templates/default/070-components/UI-framework/Symbol/_ui-component_glyph.scss index 9e45431bbdd8..c7f8fa5d860e 100644 --- a/templates/default/070-components/UI-framework/Symbol/_ui-component_glyph.scss +++ b/templates/default/070-components/UI-framework/Symbol/_ui-component_glyph.scss @@ -154,7 +154,6 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default; .glyphicon-eye-close { &:before { content: "\e106"; } } .glyphicon-warning-sign { &:before { content: "\e107"; } } .glyphicon-plane { &:before { content: "\e108"; } } - .glyphicon-calendar { &:before { content: "\e109"; } } .glyphicon-random { &:before { content: "\e110"; } } .glyphicon-comment { &:before { content: "\e111"; } } .glyphicon-magnet { &:before { content: "\e112"; } } @@ -528,3 +527,23 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default; content: "\e90d"; cursor: grab; } +.glyphicon-presenter:before { + font-family: il-icons; + content: "\e90e"; +} +.glyphicon-owner:before { + font-family: il-icons; + content: "\e90f"; +} +.glyphicon-date:before { + font-family: il-icons; + content: "\e619"; +} +.glyphicon-calendar:before { + font-family: il-icons; + content: "\e075"; +} +.glyphicon-location:before { + font-family: il-icons; + content: "\e096"; +}