Архив: Сделать верстку по готовому дизайну с использованием Angular
Бюджет
По договоренности
Создан: 5 лет назад
Закрыт
- Описание
- Подготовлено несколько дизайн-макетов основных интерфейсов. Это не все макеты, позже будут другие – сейчас в работе. Мне необходимо помочь с версткой.
Проект на платформе ASP.NET Core 2.1 + Postgres Pro.
Клиентские инструменты:
1. Angular 7.0.2 CLI
2. Angular Material 7.0.2
При сборке веб-приложения используем SCSS.
Для Material подключается тема со стилями:
@import '~@angular/material/prebuilt-themes/deeppurpl e-amber.css';
Требуется взять за основу вот эту стандартную тему Material и модифицировать её под требуемый дизайн, т.е. свести к минимуму применение кастомных стилей.
Теперь о дизайн-макетах.
Все они основаны на единой концепции – есть верхнее меню (лента с логотипом, кнопками и управлением пользователем), небольшой блок ниже (с отображением агрегатов, информации или фильтров) и ниже основное тело страницы.
1) Макет "Реестр". Попадаем в этот раздел при нажатии на кнопку "Реестр" из главного меню. Блок с информацией – фильтры. Тело – грид с пагинацией, выгрузкой, печатью и с возможностью добавления новой записи в грид через кнопку "Создать".
2) Макет "Карточка". Попадаем в этот раздел по двойному нажатию на строку из реестра. Блок с информацией – ФИО, класс и уровень (на макете "индикаторы 2" отражена цветовая легенда). Тело – сверху кнопки (Общая информация, индикаторы и т.д.) и отображение информации в табличном виде
3) Макет "Индикаторы 1". Попадаем в этот раздел при нажатии на кнопку "Индикаторы" из тела "Карточка". Блок с информацией – остается как на "Карточка". В теле сохраняются кнопки, ниже отображается таймлайн (он разделен на равные временные отрезки, которые подкрашиваются по легенде, как из блока выше, по нему можно перемещаться влево/вправо и все эти отрезки должны быть кликабельными), а ниже размещен грид (пагинация, выгрузка и т.д.) с информацией. В зависимости от клика на определенный участок таймлайна данные в гриде меняются. Также есть кнопка "Редактировать", которая нам откроет раздел "Индикаторы 2"
4) Макет "Индикаторы 2". Блок с информацией – остается как на "Карточка". Тело – отображается грид с возможностью отметки каждой строки (CheckBox). В столбце "Комментарий" должна быть возможность ввода информации. При нажатии на кнопку "Сохранить" мы возвращаемся в раздел "Индикаторы 1"
5) Макет "Залповый ввод 1". Попадаем в этот раздел при нажатии на кнопку "Массовый ввод" в главном меню. Блок с информацией – отображаются фильтры. В теле – грид, причем в разных режимах (в зависимости от кнопки Редактировать/Сохранить). В данном случае у нас грид с просмотром информации, для удобства должно быть выделение строки и столбца при ведении курсором по гриду. В верхнем левом меню квадратика фикcируется пометка, что там есть комментарий. При наведении на квадратик комментарий должен всплывать. Сверху грида предусмотрен выбор даты, с помощью которой мы отображаем ту или иную информацию в гриде.
6) Макет "Залповый ввод 2". Переходим при нажатии на кнопку "Редактировать" из предыдущего макета 5. Здесь тот же грид, но с добавлением к каждой строке CheckBox для отметки. И добавляется зеленый комментарий на внесенную дату, сверху грида. Также сверху грида появляется кнопка для добавления комментария. При нажатии на нужную ячейку, а затем на кнопку "Комментарий" всплывает popup для ввода комментария.
7) Макет "Залповый ввод 3". Демонстрирует, что все фильтры должны быть с контекстным поиском.
8) Макет "Справочник 02". Попадаем в этот раздел при нажатии на кнопку "Справочники" из Главного меню. Блок с информацией – фильтры. Тело – грид с информацией. Выбор справочника из фильтра осуществляется по ComboBox
- Категория
Похожие проекты
11
0
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 неделя назад
0
1
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 неделя назад
0
0
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 неделя назад
$33
10
0
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 неделя назад
$22
27
0
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
2 недели назад
138
1
Обменник криптовалют ( ТЗ во вложении)....
2 недели назад
498
3
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
2 недели назад
134
3
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
3 недели назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
3 недели назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
3 недели назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
3 недели назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
3 недели назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
3 недели назад
109
1
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
3 недели назад
$250
315
13
Разработка продающего лендинга, ТЗ во вложенных файлах....
4 недели назад
164
5
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
4 недели назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
4 недели назад
228
3
Необходимо доработать WordPress шаблон, настроить интеграцию с 1с, исправить незначительные баги. Технические задачи обсудим вместе с техническими директором заказчика. Условия: Стоимость работ от 14к, в случае быстрого выполнения работы будет премирование, а также предложим постоянное сотрудничество.......
1 месяц назад
$63
147
3
Нужно поднять сайт на базовой теме на связке Ghost + Gatsby + CDN. Саму CMS Ghost надо будет поставить и настроить на хостинге заказав необходимый по параметрам сервер. Что касается CDN думал о G Core Labs, но приму любой совет. Сайт ориентирован 100% на РФ. После того как поднимем сайт, нужно будет......
4 недели назад
Перетащите