Изменение стиля селекта выбора раздела для мобильного разрешения.

• 04.07.2018 — 14:42
• Адаптивная вёрстка

Страницы:
Инфостраницы, верхнее меню (табы):
infopages_contacts.html, infopages_delivery.html, infopages_faq.html, infopages_payment.html, infopages_sale.html

Обновлено:
В блоке <div class="restabs__head"> у ссылки класс btn-primary заменён на btn-default


Страницы профайла, левое меню:
profile-bills.html, profile-bills-2.html, profile-bills-3.html, profile-bills-4.html, profile-contacts.html, profile-data-bank.html, profile-data-company.html, profile-data-contacts.html, profile-data-personal.html, profile-data-personal_errors.html, profile-my-data.html, profile-orders.html, profile-orders-alvadi.html, profile-other.html, profile-settings.html

Обновлено:
В блоке <div class="res-list-group__head"> у кнопки <button class="btn btn-block btn-primary"> класс btn-primary заменён на btn-default

Изменены CSS, images/svg/main-sprite.svg
Актуальные версии в репозитории!

Изменение страницы выбора модели

• 02.07.2018 — 15:45
• Адаптивная вёрстка

Страница: http://dev4.alvadi.ee/sandbox/toyota
Html-версия - http://dev4.alvadi.ee/app/Resources/src/catalog-brand-models.html

Обновлено:
   - html код страницы и twig шаблон symfony
   - .css
   - .js

Изменения:
- В левом меню добавлен второй уровень вложенности
- Изменён заголовок (не забыть поменять в языковых файлах)
Запчасти для Toyota
Выберите модель Toyota из списка:
- Изменён блок поиска, классы, атрибуты, убрано, заменено
- В код добавился блок <div class="scroll-point"></div>
- В код добавились блоки "такой модели не найдено" и "Показать все модели"

И самое ВАЖНОЕ для Дениса, поменялись массивы данных.
1. Модели теперь идут просто общим списком, без делений.
2. Добавилось меню.

Модальное окно в админку (таблица кр. счетов)

• 25.06.2018 — 11:36
• Админ. панель

Страница: http://uxleo.com/projects/alvadi/panel/creditbills/public/00-table.html

Требует обновления:
   - html
   - common.css
   - common.js + inline JS идущий после окна в коде страницы $('#modal-creditbills-send-mail').on('alv.modal.show', function(e){

Обновлен код ссылок вызывающих модальное окно.
Добавлен код модального окна.

После модального окна добавлен inline javascript срабатывающий по триггеру.
Триггер 'alv.modal.show' добавлен в $('.modal-show').click(function(){

Для примера добавлен AJAX.php он возвращает email и message которые помещаются в поля формы.

Вёрстка формы условий возврата в карточку клиента

• 19.06.2018 — 16:45
• Админ. панель

Страница: http://uxleo.com/projects/alvadi/panel/panel/public/client-card--test.html

Требует обновления:
   - html код
   - common.css
   - common.js

Необходимый блок для переноса отмечен метками
ВАЖНО!!! есть блок .box-clone-item с классом .hidden он необходим для клонирования. В нём состояние блока по умолчанию. И там где селект -отличаются классы, это важно.

Правки таблиц с ajax подгрузкой

• 14.06.2018 — 16:16
• Адаптивная вёрстка

Модернизирована структура .tabler на страницах
http://dev4.alvadi.ee/app/Resources/src/profile-data-bank.html
http://dev4.alvadi.ee/app/Resources/src/profile-other.html

Требует обновления:
   - html код
   - css/style.css
   - js/scripts.js

1. Изменена HTML структура таблицы и классы.
    классы вынесены из td (хоть это и не принципиально) и изменяемые элементы обёрнуты в классы стиля tabler-item-name где name маркер блока.
    Строка <tr> в <tfoot> является шаблоном для клонирования. Данные вставлены для примера, можно заменить на пробельный символ.

2. Изменена JS функция tablerConstruct для обработки получаемых данных.

3. Изменена структура серверных данных
Пример

'data' => [
	'0' => [
		'tabler-item-iban' => [
			'html' => '1234567890',
		],
		'tabler-item-name' => [
			'html' => 'Microsoft',
		],
		'tabler-item-trash-link' => [
			'data-params' => 'params001'
		],
	],
	'1' => [
		'tabler-item-iban' => [
			'html' => '0987654321',
		],
		'tabler-item-name' => [
			'html' => 'Times',
		],
		'tabler-item-trash-link' => [
			'data-params' => 'params002'
		],
	],
]

Где tabler-item-iban класс изменяемого блока, html или data-params - тип изменяемых данных.
Теоритически теперь мы можем менять любые атрибуты, class, src и т.п
Полную структура можно посмотреть
http://dev4.alvadi.ee/app/Resources/src/templates/tabler.php - для profile-data-bank.html
http://dev4.alvadi.ee/app/Resources/src/templates/tabler01.php - для profile-other.html

Лендинг фреона

• 13.06.2018 — 18:31
• Адаптивная вёрстка

Страница: http://dev4.alvadi.ee/app/Resources/src/freon-gas-r134a.html

Новая страница

Требует обновления:
   - html код
   - css/style.css
   - js/scripts.js

Обновить иконки в области юзера

• 08.06.2018 — 13:42
• Десктопная вёрстка

Страница: http://uxleo.com/projects/alvadi/alvadi/alv-main/public/profile-settings.html

Требует обновления:
   - html код
   - css/common.scss


Изменён блок <div class="alv-userArea">
1. Заменена первая SVG картинка в блоке.
2. Для .alv-userArea--user добавлены классы "fs-16 fs-bold" из содержимого убрана иконка и span, остался только текст.
3. В списке ссылок (.alv-nav__popup ul) изменена структура ссылок и SVG картинки.

Галочка в корзину + фикс модалок

• 07.06.2018 — 20:48
• Десктопная вёрстка

Страница: http://uxleo.com/projects/alvadi/alvadi/alv-main/public/cart-term.html

Требует обновления:
   - css/common.css

Изменён блок <div class="gdpr-terms-confirm">
Кнопка вынесена из отдельной ячейки таблицы и перенесена в блок <div class="w-200 ml-auto"> под блок .gdpr-terms-confirm

Для того чтоб сбрасывать ошибку на блоке при выделении чекбокса понадобиться слудующий JS

$(function(){
	$('#gdpr-terms-agree').on('change', function(){
		if( $(this).is(':checked') ){
			$(this).closest('.gdpr-terms-confirm').removeClass('has-error');
		}
	});
});

Как и ранее в начале функции cart_submit() должен быть код проверки чекбокса

function cart_submit() {
	if( $('.gdpr-terms-confirm').length && !$('#gdpr-terms-agree').is(':checked') ){
		$('.gdpr-terms-confirm').addClass('has-error');
		return false;
	}
	//далее код функции