diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot index 66f45cde08ea..9d58a9189041 100644 Binary files a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot and b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.eot differ 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 423fbec01dd6..235968ee1dbb 100644 Binary files a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.ttf and b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.ttf differ diff --git a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff index 77563534f8fe..73cfacd14d7c 100644 Binary files a/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff and b/components/ILIAS/UI/resources/fonts/Iconfont/il-icons.woff differ 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"; +}