definicao de layout
This commit is contained in:
281
public/assets/pug/pages/template/internationalization.pug
Normal file
281
public/assets/pug/pages/template/internationalization.pug
Normal file
@@ -0,0 +1,281 @@
|
||||
- var theme_customizer = true;
|
||||
- var internationalization = true;
|
||||
doctype html
|
||||
html(lang='en')
|
||||
include ../../components/header-files
|
||||
body
|
||||
include ../../components/loader
|
||||
// page-wrapper Start
|
||||
#pageWrapper.page-wrapper
|
||||
include ../../components/header
|
||||
// Page Body Start
|
||||
.page-body-wrapper.horizontal-menu
|
||||
include ../../components/sidebar
|
||||
.page-body
|
||||
.container-fluid
|
||||
.page-header
|
||||
.row
|
||||
.col-sm-6
|
||||
h3
|
||||
| Internationalization
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item.active Internationalization
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
.row
|
||||
.col-lg-12
|
||||
.site
|
||||
.site-bd
|
||||
.wrapper
|
||||
.card
|
||||
.card-header.language-header.pb-0
|
||||
h5 Internationalization
|
||||
.main(role='main')
|
||||
select.langChoice.js-languageSelect
|
||||
option English
|
||||
option German
|
||||
option Russian
|
||||
option Arabic
|
||||
.card-body.row
|
||||
.col-sm-6
|
||||
h5.hdg.hdg_main.js-languagePageHdg Static Sub Nav
|
||||
.masthead(role='banner')
|
||||
ul.icon-lists.border.navs-icon.hList.hList_loose.masthead-nav.js-languageList
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span Base
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span Advance
|
||||
ul.hList.hList_loose.masthead-nav.js-languageList
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Scrollable
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Tree View
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Rating
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span(data-mlr-text='') Forms
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span(data-mlr-text='') Tables
|
||||
.col-sm-6.language-xs
|
||||
h5.hdg.hdg_main.js-languagePageHdg Static Sub Nav
|
||||
.masthead(role='banner')
|
||||
ul.icon-lists.border.navs-icon.hList.hList_loose.masthead-nav.js-languageList
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span Base
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span Advance
|
||||
ul.hList.hList_loose.masthead-nav.js-languageList
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Scrollable
|
||||
span.pull-right.badge.badge-primary New
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Tree View
|
||||
span.pull-right.badge.badge-primary Find
|
||||
li.pl-navs-inline
|
||||
a(href='javascript:void(0)')
|
||||
span Rating
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span(data-mlr-text='') Forms
|
||||
li
|
||||
a(href='javascript:void(0)')
|
||||
span(data-mlr-text='') Tables
|
||||
.col-lg-12
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 How to use it
|
||||
span
|
||||
| Add a class
|
||||
code .hdg, .hdg_main, .js-languagePageHdg, .hList, .hList_loose, .masthead-nav., js-languageList, .langChoice, .js-languageSelect
|
||||
| class to any tag for language translate
|
||||
.card-body
|
||||
.language
|
||||
p Add a
|
||||
b language-picker
|
||||
| plugin js
|
||||
p
|
||||
b HTML code
|
||||
pre.mb-0 <div class="site"><br /> <div class="site-bd"><br /> <div class="wrapper"><br /> <div class="card"><br /> <div class="card-header"><br /> <h5 class="hdg hdg_main js-languagePageHdg">Internationalization</h5><br /> </div><br /> <div class="main" role="main"><br /> <select class="langChoice js-languageSelect"><br /> <option val="0">English</option><br /> <option val="1">German</option><br /> <option val="2">Russian</option><br /> <option val="3">Arabic</option><br /> </select><br /> </div><br /> <div class="card-body row"><br /> <div class="col-lg-6"><br /> <h5 class="hdg hdg_main js-languagePageHdg">Static Sub Nav</h5><br /> <div class="masthead" role="banner"><br /> <ul class="icon-lists border navs-icon hList hList_loose masthead-nav js-languageList"><br /> <li><br /> <a href="javascript:void(0)"><span> Base</span></a><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span> Advance</span></a><br /> <ul class="hList hList_loose masthead-nav js-languageList"><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Scrollable</span></a></li><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Tree View</span></a></li><br /> <li class="pl-navs-inline"><a href="javascript:void(0)"><span>Rating</span></a></li><br /> </ul><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span data-mlr-text> Forms</span></a><br /> </li><br /> <li><br /> <a href="javascript:void(0)"><span data-mlr-text> Tables</span></a><br /> </li><br /> </ul><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div><br /> </div>
|
||||
.col-lg-12
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 How to add language
|
||||
span
|
||||
| you can also add other language according to below in js and add lanuage type in langChoice
|
||||
.card-body
|
||||
.language
|
||||
span.font-danger var
|
||||
| LANGUAGES = {
|
||||
br
|
||||
| "English": {
|
||||
br
|
||||
| "columns": [
|
||||
br
|
||||
| "Base",
|
||||
br
|
||||
| "Advance",
|
||||
br
|
||||
| "scrollable",
|
||||
br
|
||||
| "Tree View",
|
||||
br
|
||||
| "Rating",
|
||||
br
|
||||
| "News",
|
||||
br
|
||||
| "Tables",
|
||||
br
|
||||
| "Base",
|
||||
br
|
||||
| "Advance",
|
||||
br
|
||||
| "scrollable",
|
||||
br
|
||||
| "Tree View",
|
||||
br
|
||||
| "Rating",
|
||||
br
|
||||
| "News",
|
||||
br
|
||||
| "Tables"
|
||||
br
|
||||
| ],
|
||||
br
|
||||
| "heading": "Static Sub Nav",
|
||||
br
|
||||
| },
|
||||
br
|
||||
| "German": {
|
||||
br
|
||||
| "columns": [
|
||||
br
|
||||
| "Basis",
|
||||
br
|
||||
| "Fortschritt",
|
||||
br
|
||||
| "scrollable",
|
||||
br
|
||||
| "Baumansicht",
|
||||
br
|
||||
| "Die Einschaltquote",
|
||||
br
|
||||
| "Nachrichten",
|
||||
br
|
||||
| "Tische",
|
||||
br
|
||||
| "Basis",
|
||||
br
|
||||
| "Fortschritt",
|
||||
br
|
||||
| "scrollable",
|
||||
br
|
||||
| "Baumansicht",
|
||||
br
|
||||
| "Die Einschaltquote",
|
||||
br
|
||||
| "Nachrichten",
|
||||
br
|
||||
| "Tische"
|
||||
br
|
||||
| ],
|
||||
br
|
||||
| "heading": "Statisches U-Boot Nav",
|
||||
br
|
||||
| },
|
||||
br
|
||||
| "Russian": {
|
||||
br
|
||||
| "columns": [
|
||||
br
|
||||
| "Основа",
|
||||
br
|
||||
| "Прогресс",
|
||||
br
|
||||
| "прокручиваемый",
|
||||
br
|
||||
| "Представление Дерева",
|
||||
br
|
||||
| "Оценка",
|
||||
br
|
||||
| "новости",
|
||||
br
|
||||
| "Столы",
|
||||
br
|
||||
| "Основа",
|
||||
br
|
||||
| "Прогресс",
|
||||
br
|
||||
| "прокручиваемый",
|
||||
br
|
||||
| "Представление Дерева",
|
||||
br
|
||||
| "Оценка",
|
||||
br
|
||||
| "новости",
|
||||
br
|
||||
| "Столы"
|
||||
br
|
||||
| ],
|
||||
br
|
||||
| "heading": "Статический Sub Военно - морской",
|
||||
br
|
||||
| },
|
||||
br
|
||||
| "Arabic": {
|
||||
br
|
||||
| "columns": [
|
||||
br
|
||||
| "قاعدة",
|
||||
br
|
||||
| "مقدما",
|
||||
br
|
||||
| "التمرير",
|
||||
br
|
||||
| "عرض الشجرة",
|
||||
br
|
||||
| "تصنيف",
|
||||
br
|
||||
| "أخبار",
|
||||
br
|
||||
| "الجداول",
|
||||
br
|
||||
| "قاعدة",
|
||||
br
|
||||
| "مقدما",
|
||||
br
|
||||
| "التمرير",
|
||||
br
|
||||
| "عرض الشجرة",
|
||||
br
|
||||
| "تصنيف",
|
||||
br
|
||||
| "أخبار",
|
||||
br
|
||||
| "الجداول"
|
||||
br
|
||||
| ],
|
||||
br
|
||||
| "heading": "صافي قيمة الأصول شبه الثابتة",
|
||||
br
|
||||
| }
|
||||
br
|
||||
| };
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user