Разработка шаблона базы данных приложения PAGES с табами и подгрузкой контента AJAX
Рекомендованные сообщения
Сейчас на странице 0
- Нет пользователей, просматривающих эту страницу.
A better way to browse. Learn more.
A full-screen app on your home screen with push notifications, badges and more.
Здравствуйте. Давайте вместе попробуем создать шаблон для БАЗЫ ДАННЫХ pages с табами и подгрузкой контента в них. Идея следующая:
Табы будут в виде категорий.
Контент в виде материала к ним (Название, ссылка в полный материал).
За исходник предлагаю взять шаблон таблицы лидеров:
<div class='ipsPageHeader ipsClearfix ipsSpacer_bottom'> <h1 class='ipsType_pageTitle'>{lang="leaderboard_title"}</h1> </div> {{$icons = array('leaderboard' => 'trophy', 'history' => 'clock-o', 'members' => 'star');}} <div class='ipsTabs ipsTabs_contained ipsTabs_withIcons ipsTabs_large ipsTabs_stretch ipsClearfix' id='elTabBar' data-ipsTabBar data-ipsTabbar-defaultTab="elTab{$activeTab}" data-ipsTabBar-contentArea='#elLeaderboardContent'> <a href='#elTabBar' data-action='expandTabs'><i class='fa fa-caret-down'></i></a> <ul role='tablist'> {{foreach $tabs as $key}} <li role='presentation'> {{$seoTemplate = 'leaderboard_' . $key;}} <a href='{url="app=core&module=discover&controller=popular&tab={$key}" seoTemplate="$seoTemplate"}' role='tab' id='elTab{$key}' class='ipsType_center ipsTabs_item {{if $key == $activeTab}}ipsTabs_activeItem{{endif}}' {{if $key == $activeTab}}aria-selected="true"{{endif}}> <i class='fa fa-{$icons[$key]}'></i> {lang="leaderboard_tabs_{$key}"} </a> </li> {{endforeach}} </ul> </div> <section id='elLeaderboardContent' class="ipsTabs_panels ipsTabs_contained"> <div id='ipsTabs_elTabBar_elTab{$activeTab}_panel' aria-labelledby='elTab{$activeTab}' aria-hidden='false' class='ipsTabs_panel ipsPad'> {$content|raw} </div> </section>С размещением категорий в виде табов проблем нет, какие предложения на счет загрузки контента? Реально это реализовать через шаблонизатор или нужно подключать плагин?