Task #2187 Редизайн таблицы оценок (верстка).

Новый дизайн таблицы оценок
В 15 px ниже блока с информацией о задаче разместить форму фильтрации по названию параметра:
Поле ввода названия параметра должно иметь динамическую ширину, которая зависит от размера окна. По умолчанию в поле отображается текст "Параметр" цвета 999999, который пропадает при фокусе на поле. При вводе текста в поле и нажатии на кнопку "Найти" фильтрует таблицу по наличию данного текста в названии параметра.
Добавить кнопку "Найти" шириной 70 px, при нажатии на которую обрабатываются введенные данные.
В 15 px под формой фильтрации находится оценочная таблица. Таблица преобразуется к стандартному форматированию. Содержание таблицы:
Столбец без заголовка, содержит иконку красного круга. Показывается только экспертам А и Б. Иконка отображается когда в параметре есть неоцененный критерий.
Столбец без заголовка, содержит иконку желтого конверта. Показывается только экспертам А и Б. Иконка отображается когда в параметре есть неотвеченный комментарий.
"Код" содержит код параметра, по умолчанию сортировка осуществляется по этому столбцу. Выравнивание в столбце по правому краю.
"Параметр" содержит название параметра.
Столбец без заголовка, содержит иконку карандаша. Показывается только экспертам А, всегда.
"Нал" содержит оценку по критерию "Наличие". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Полн" содержит оценку по критерию "Полнота". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Акт" содержит оценку по критерию "Актуальность". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Нд" содержит оценку по критерию "Навигационная доступность". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"HTML" содержит оценку по критерию "HTML доступность". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Фд" содержит оценку по критерию "Файловая доступность". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Гд" содержит оценку по критерию "Графическая доступность". Выравнивание в столбце по центру. Показывается только экспертам А и Б.
"Оценка" содержит вычисленную оценку открытости по одному данному параметру. Открытость по параметру есть произведение коэффициентов оценок данного параметра по всем релевантным в данный момент критериям этого параметра, умноженное на 100%. Выравнивание в столбце по правому краю.
"Изменение" содержит разность между оценкой открытости параметра, высчитанной из текущих оценок по критериям, и оценкой открытости параметра, высчитанной из первичных оценок по критериям (если ревизия оценки только одна, то изменение = 0%). Выравнивание в столбце по правому краю.
"Значимость" содержит коэффициент социальной значимости параметра. Выравнивание в столбце по правому краю. Показывается только экспертам А и Б.
"Тип" содержит тестовое обозначение типа параметра. Если в цикле мониторинга нет деления по типам - не отображается.
Замыкает таблицу строка связанная только со столбцами "Оценка" и "Изменение":
С выравниванием по левому краю таблицы расположен заголовок строки "Общая оценка открытости", полужирное выделение;
В столбце "Оценка" отображается общая оценка по задаче;
В столбце "Изменение" отображается общее изменение по задаче.
Ширина таблицы и столбцов
Для всех пользователей, кроме экспертов, минимальная ширина таблицы 800px, максимальная 920px.
Для экспертов ширина таблицы динамическая, и зависит от ширины столбца "Параметр".
Ширина столбца не может быть меньше чем ширина заголовка столбца.
"Код" - ширина столбца зависит от длины кода.
"Параметр" - динамическая ширина столбца, он увеличивается пока таблица помещается на экран.
Каждый из столбцов критериев имеет ширину 45px.
"Оценка" - ширина столбца 65px.
"Изменение" - ширина столбца 90px.
"КСЗ" - ширина столбца 30px.
"Тип" - ширина столбца 125px.
Ширина служебных столбцов с индикацией равна ширине контента +2px отступа слева и справа.
Оформление оценок:
Если оценка по параметру не существует, то в столбцах оценок по критериям, Оценка и Изменение ничего не отображается.
Когда оценка по параметру существует, в столбце нерелевантных критериев отображается среднее тире цвета AEAEAE.
Когда оценка по параметру существует, а оценка по некому релевантному параметру не существует (он был добавлен после создания оценки или found=0), то оценка по данному критерию отображается в виде среднего тире с оформлением, соответствующим пониженной оценке.
Критерий с максимальной оценкой отображается стандартным текстом.
Критерии с пониженной оценкой имеют цвет CD0200. В 1 px под значением критерия с пониженной оценкой находится плашка шириной 20 px и высотой 3 px, цвета CD0200.
Оценка параметра содержит саму оценку и знак процента без отбивки пробелом. Формат числа определяется выбранной локалью, округление до одного знака после дробного разделителя (целое число отображается без дробной части). Цвет текста для оценки ниже 100% — CD0200, для оценки 100% — стандартный. Если оценка параметра не максимальная, то в 1 px под значением критерия с пониженной оценкой находится плашка шириной 60 px и высотой 3 px, границы в 1 px цвета CD0200. Плашка внутри имеет динамическую заливку: при оценке параметра 0, плашка полностью залита цветом CD0200, при увеличении открытости заливка сдвигается вправо уступая место прозрачной заливке. Процентное соотношение прозрачной и красной заливки равно проценту открытости параметра.
Изменение имеет форматирование аналогичное столбцу "Изменение" из рейтинга, округляется до 1 знака после запятой, целые числа не имеют дробной части.
Первичные оценки по критериям отображаются в скобках через пробел от текущей оценки. Размер первичной оценки 10 px, цвет - стандартный.
Верстка контейнера
Для представителя (анонима и обычного пользователя) мы делаем страницу фиксированной ширины с центрированием, аналогично странице. Центрируется только контент, шапка и подвал остаются как есть.
Ширина контента фиксируется в пределах 920 px, но только таблицы и линии сообщений выравниваются в пределах 920 px. Остальной контент выравнивается в пределах 910 px, т.е. имеет отступ в 5 px слева и справа, по сравнению с таблицей.
С отступом 15px от левой и правой границы контейнера, от шапки до подвала, линия шириной в 1px цветом D7D7D7.
Фон за пределами ограниченного линиями контейнера залит цветом F8F8F8.
Для экспертов используется блок меню по задаче, аналогичный блоку меню по циклу мониторинга. По этой причине у эксперта контейнер с контентом прижат к левой стороне, с отступом 15px от меню. Ширина содержания динамическая, зависит от ширины содержимого таблицы, но не больше размеров экрана.
Таблица без контента
Если в результате фильтрации в таблице не осталось элементов, то отображаются заголовки столбцов.
Если релевантные параметры отсутствуют в принципе, то таблица не отображается.
Таблица оценок для представителей, обычных пользователей и анонимов:
http://myscreenshot.info/i/0004/763711400844717925052002835035.png
Таблица оценок для экспертов Б:
http://myscreenshot.info/i/0004/902911400771082759135824222018.png
Таблица оценок для экспертов А:
http://myscreenshot.info/i/0004/785411400771124400538015609008.png