beaver2208/playground

##ТЗ в pdf +

####Обязательная (базовая) функциональность, т.е. необходимый минимум:

1. У нас открыта левая колонка, и все поля пустые. Справа 4 таба с контентом. При переключении табов переключается видимый контент.
2. Левая колонка может как скрываться, так и показываться.
3. Если в левой колонке заполнить поля и нажать кнопку "Add", то появится новый таб. Он займет место в зависимости от индекса. Например 0 - это первая позиция, 1 - вторая и т.д. Табы справа сместятся, соответственно, направо.

####Проверка базовой фукциональности будет следующая:

1. Если хоть одно из полей пустое, то при нажатии на "Add" ничего не добавляется.
2. В левой колонке заполняем поля, нажимаем "Add", появляется новая вкладка на нужном месте. Поля очистилсь.
3. Переключаем табы - контент меняется.
4. Ввели поля, нажали "Collapse" - колонка скрылась. Нажали "Extend" (ту же кнопку) - колонка появилась обратно, поля сохранили свои значения.

####Дополнительно, на получение более высокий оценки:

1. Добавить кнопку "Edit" под "Add". При выделении таба (клик на табе), поля в левой колонке заполняются. Если мы нажимаем "Edit" - таб меняет свой контент и меняет положение. Если нажимаем "Add" - создается новый таб.

2. Добавить кнопку "Reset" под "Edit". При нажатии на "Reset" - поля обнуляются.

3. (*) Добавить еще одно поле с названием "image" в левую колонку. Над контейнером с табами, в зависимости от таба вставляется картинка (аки слайдер) со стрелочками. Слайдер можете подключить плагином, можете написать сами. При переходе на разные табы отражаются соотвествующие им картинки. Навигация по табам может быть реализована как по кликам на табы, так и по кликам на стрелки слайдера.

4. (*) Добавить еще одно поле с названием "datepicker" в левую колонку. Здесь мы будем задавать дату, до которой наш контент актуален. Необходимо подключить datepicker jQuery UI. Введенная дата, после добавления или обновления, отражается под контентом в контейнере "Actual due date:". По умолчанию - сегодняшний день. Валидация / Дизэйбл дат - на ваш выбор. Но по логике, дата не может быть меньше сегодняшнего дня.

5. (*) Ограничение на количество табов, чтобы нельзя было сделать больше, чем одну строку над контентом. Выводить информацию о том, что больше нет свободного места. Кнопка "Add", соответственно, работать не будет.