Задание с картинками в прикрепленном файле
1) Маски и формат полей
Сделать маски для полей
Нужно сделать маски форматирования денег на angularjs
а. 1 000 000,00 (с разделителями разрядов, два числа после запятой)
не допуская других значений, типа слов «руб» букв, пробелов
сейчас можно ввести все:
Изображение
б. В датах нужно добавить возможность указать часы
в. Сделать маску русский формат телефона +7(ХХХ)ХХХ-ХХ-ХХ
г. Маска для фото в эскизике
д. Маска для файлов (список из названий файлов в виде ссылок на каждый из них с возможностью добавления/удаления)
2) Фильтры
Добавить блок «фильтр» вверху таблиц. Блок разделен как видите на 2 части(голубая и белая).
дизайн элементов взять отсюда
(точно взять отсюда цвета, размеры и пропорции)
Поля, которые отображаются в блоке фильтр должны задаваться следующим образом:
Есть список полей, которые вообще имеются (массив Fields) у каждого поля есть свойство IsShownInFilter и свойство Type. В фильтре нужно показывать поля у которых IsShownInFilter ==true и в зависимости от типа:
Если тип Date то показывается 2 datepicker «дата с» и «дата по»
Если тип Number или Money то показывается 2 числовых поля «с» и «по»
Если тип YesNo то показывается галочка
Если тип List – то нужно сделать выпадающее окошко с вариантами и возможностью указать несколько вариантов
Изображение
Для всех остальных типов – текстовое поле
Блок фильтра нужно поставить по стрелке :
Изображение
Вид свернутого блока
Изображение
Примерный вид развернутого блока
Изображение
P/S При этом надо что бы фон под фильтрами был серым.
3) Загрузка файлов на angularjs
К формам редактирования записей нужно добавить возможность загружать файлы.
Нужно чтобы можно было добавить несколько файлов, и отображался процесс их загрузки с возможностью отмены.
4) Сделать так, чтобы подписи в формах стояли на одном уровне с полями ввода
Сейчас элементы располагаются так:
Изображение
Нужно расположить следующим образом(в одну строку название и поле, без изменения остального дизайна):
Изображение