Разработать web-страницу с производственным календарем для 5-дневной и 6-дневной рабочей недели

Разработать web-страницы с производственным календарем для 5-днейвной и 6-дневной рабочей недели на C#, либо JavaScript.

Исходники и листинг кода обязательны.

ПОДРОБНОЕ ОПИСАНИЕ - ВО ВЛОЖЕНИИ.

ЕСЛИ ЕСТЬ СВОИ ВАРИАНТЫ - ПРЕДЛОЖЕНИЯ ПРИНИМАЮТСЯ.

НЕОБХОДИМО РАЗРАБОТАТЬ ПРОИЗВОДСТВЕННЫЙ КАЛЕНДАРЬ КАК МОДУЛЬ СУЩЕСТВУЮЩЕГО ВЕБ-САЙТА.

Желательно повторить интерфейс сайта https://... с указанием несуществующего адреса сайта https://test-/...

1.1.Окно авторизации

1.2.Все ссылки сделать для https://test-... но с переадресацией на аналогичные страницы https://...

1.3.При авторизации добавить вкладку «Персонал» с переходом по ссылке «Табель учета рабочего времени»

1.4. под учетной записью admin во вкладке «Персонал» при выборе ссылки «Табель учета рабочего времени» происходит переход на страницу https://test.../Time/Index

На странице https://test.../Time/Index при выборе следующих вкладок открываются пустые страницы (для них уже разработан функционал), либо возможно убрать данные вкладки, но вкладку «Производственный календарь» оставить ближе к правой стороне страницы:

·       Табель

·       График работы

·       Распределение по офисам

·       Распределение по часам

·       Свод распределения по часам за месяц

·       Графики рабочего времени

При выборе вкладки «Производственный календарь» открывается страница с подсвеченной кнопкой «5-дневная рабочая неделя».

При нажатии на кнопку «6-дневная рабочая неделя» происходит смена производственного календаря с 5-дневной рабочей недели на 6-дневную рабочую неделю.

Для 5-дневной и 6-днейвной рабочей недели разработать возможность загрузки производственного календаря через форму по кнопке «Добавить» с возможностью сохранить или удалить производственный календарь, например, через файл holidays.txt – для 5-дневной рабочей недели и через файл holidays6.txt – для 6-дневной рабочей недели.

При этом, содержимое файла может быть следующим (на примере 2023 года).

holidays.txt – для 5-дневной рабочей недели:

weekends=0,6

2023.01.02

2023.02.22$

Где, weekends=0 – это день недели, который в календаре будет всегда выходным днем (для 6-дневной рабочей недели weekends=0)

0-воскресенье

6-суббота

5-пятница

4-четверг

3-среда

2-вторник

1-понедельник

Где добавленные в файл holidays6.txt дни без символов – это тоже выходные или праздничные дни в календаре.

Где $ - сокращенные на 1 час рабочий день.

Также может быть символ @ - это исключение из числа выходных дней, когда день должен быть выходным, н-р, воскресенье, но это рабочий день, н-р, 2022.03.05@

Также могут быть два символа @$ - это исключение, рабочий день вместо выходного, еще и сокращенный рабочий день на 1 час, н-р, 2022.03.05@$

При загрузке данного файла система автоматически составляет производственный календарь для 5-дневной и 6-дневной рабочей недели.

Для каждого года необходимо загружать свой файл, либо общим файлом с разными годами, указанными подряд.

При выборе года происходит смена производственного календаря для выбранного года.

 На странице возможно вносить, редактировать, сохранять и удалять пояснения к календарю.

Также для 5-дневной и 6-днейвной рабочей недели строятся таблицы.

Где норма рабочего времени в каждом месяце года составит:

при 40-часовой рабочей неделе - _ ч (8 ч x количество рабочих дней дней);

при 39-часовой рабочей неделе - _ ч (7,8 ч x количество рабочих дней);

при 36-часовой рабочей неделе - _ ч (7,2 ч x количество рабочих дней);

при 35-часовой рабочей неделе - _ ч (7 ч x количество рабочих дней);

при 33-часовой рабочей неделе - _ ч (6,6 ч x количество рабочих дней);

при 30-часовой рабочей неделе - _ ч (6 ч x количество рабочих дней);

при 24-часовой рабочей неделе - _ ч (4,8 ч x количество рабочих дней);

при 20-часовой рабочей неделе - _ ч (4 ч x количество рабочих дней);

при 18-часовой рабочей неделе - _ ч (3,6 ч x количество рабочих дней).

1.5 Под учетной записью user@... (пароль) во вкладке «Персонал» при выборе ссылки «Табель учета рабочего времени» происходит переход на страницу https://...test-.../Time/Index

При этом пользователь может только просматривать.

Шрифт и цвет Ubuntu, как на сайте https://...