Самостоятелни задачи

Задача 1: Разширяване на примерната задача (Изтриване и стилизиране на “Danger Button”)

Надградете примерната задача за “Система за управление на ИТ екип”, като добавите функционалност за премахване на вече въведен служител.

• В FXML файла (team-view.fxml) добавете нов бутон с текст “Премахни избран” под таблицата (или до бутона за добавяне). Задайте му id="delete-btn".
• В контролера (DeveloperController.java) реализирайте метод, който взима маркирания ред от таблицата чрез SelectionModel и го изтрива от колекцията developersData.
• В styles.css добавете стилове за #delete-btn, така че да изглежда като бутон за “опасно” действие:
  • Фонът да бъде червен (напр. -fx-background-color: #e74c3c;).
  • Текстът да е бял (-fx-text-fill: white;) и удебелен (-fx-font-weight: bold;).
  • При позициониране на курсора на мишката (#delete-btn:hover) цветът да става по-тъмно червен (напр. -fx-background-color: #c0392b;).

Задача 2: Специфично оформяне на елементи (Button Group)

Тази задача упражнява детайлното управление на CSS свойствата за граници и заобляне на ъгли, често използвано при създаване на навигационни менюта.

• Създайте графичен елемент HBox (с нулево разстояние между елементите spacing="0"), който съдържа три бутона: “Начало”, “Галерия”, “Контакти”.
• Стилизирайте ги чрез CSS класове така, че да изглеждат като един цялостен компонент:
  • Само левият бутон да има заоблени ъгли отляво (използвайте свойството -fx-background-radius, което приема четири стойности по часовниковата стрелка: горе-ляво, горе-дясно, долу-дясно, долу-ляво. Напр. -fx-background-radius: 5 0 0 5;).
  • Само десният бутон да има заоблени ъгли отдясно (напр. -fx-background-radius: 0 5 5 0;).
  • Средният бутон да остане с прави ъгли (-fx-background-radius: 0;).
• Добавете тънка граница (-fx-border-color: #cccccc;) и премахнете стандартния радиус на границата (-fx-border-radius: 0;), за да се слеят перфектно бутоните.