1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_tabs" name="Tabs">
<section class="s_tabs pt48 pb48" data-vcss="002" data-vxml="002">
<div class="o_container_small">
<div class="s_tabs_main">
<div class="s_tabs_nav mb-3" data-name="Tab Header">
<ul class="nav nav-underline nav-justified flex-nowrap overflow-y-hidden overflow-x-auto" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="nav_tabs_link_1" data-bs-toggle="tab" href="#nav_tabs_content_1" role="tab" aria-controls="nav_tabs_content_1" aria-selected="true">Home</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="nav_tabs_link_2" data-bs-toggle="tab" href="#nav_tabs_content_2" role="tab" aria-controls="nav_tabs_content_2" aria-selected="false">Profile</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="nav_tabs_link_3" data-bs-toggle="tab" href="#nav_tabs_content_3" role="tab" aria-controls="nav_tabs_content_3" aria-selected="false">Contact</a>
</li>
</ul>
</div>
<div class="s_tabs_content tab-content">
<div class="tab-pane fade show active" id="nav_tabs_content_1" role="tabpanel" aria-labelledby="nav_tabs_link_1">
<div class="oe_structure oe_empty">
<section class="s_text_block" data-snippet="s_text_block">
<div class="container s_allow_columns">
<p>Write one or two paragraphs describing your product or services.</p>
</div>
</section>
</div>
</div>
<div class="tab-pane fade" id="nav_tabs_content_2" role="tabpanel" aria-labelledby="nav_tabs_link_2">
<div class="oe_structure oe_empty">
<section class="s_text_block" data-snippet="s_text_block">
<div class="container s_allow_columns">
<p>To be successful your content needs to be useful to your readers.</p>
</div>
</section>
</div>
</div>
<div class="tab-pane fade" id="nav_tabs_content_3" role="tabpanel" aria-labelledby="nav_tabs_link_3">
<div class="oe_structure oe_empty">
<section class="s_text_block" data-snippet="s_text_block">
<div class="container s_allow_columns">
<p>Start with the customer – find out what they want and give it to them.</p>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="s_tabs_options" inherit_id="website.snippet_options">
<xpath expr="." position="inside">
<div data-js="NavTabs" data-selector="section.s_tabs">
<we-button data-add-item="" data-item=".tab-content:first > .tab-pane.active" data-no-preview="true" class="o_we_text_success ms-0" title="Add Tab" aria-label="Add Tab">
<i class="fa fa-fw fa-plus"/>
</we-button>
<we-button data-remove-item="" data-item=".tab-content:first > .tab-pane.active" data-name="remove_tab_opt" data-no-preview="true" class="o_we_text_danger me-3" title="Remove Tab" aria-label="Remove Tab">
<i class="fa fa-fw fa-minus"/>
</we-button>
</div>
<div data-js="NavTabsStyle" data-selector="section" data-target=".s_tabs_main">
<we-select string="Style">
<we-button data-set-style="nav-underline" data-name="underline_opt">Underline</we-button>
<we-button data-set-style="nav-tabs" data-name="tabs_opt" data-trigger="horizontal_opt">Tabs</we-button>
<we-button data-set-style="nav-buttons" data-name="buttons_opt" data-trigger="horizontal_opt">Buttons</we-button>
<we-button data-set-style="nav-pills" data-name="pills_opt">Pills</we-button>
</we-select>
<we-colorpicker
string="Background"
class="o_we_sublevel_1"
data-apply-to=".s_tabs_nav"
data-select-style="true"
data-css-property="--tabs-bg-color"
data-no-transparency="true"
data-color-prefix="bg-"
data-dependencies="tabs_opt, buttons_opt"
/>
<we-colorpicker
string="Links Color"
class="o_we_sublevel_1"
data-apply-to=".s_tabs_nav .nav-link"
data-select-style="true"
data-css-property="--tabs-link-color"
data-no-transparency="true"
data-color-prefix="text-"
data-dependencies="tabs_opt, buttons_opt"
/>
<we-select string="Direction" data-dependencies="pills_opt, underline_opt">
<we-button data-set-direction="horizontal" data-name="horizontal_opt">Horizontal</we-button>
<we-button data-set-direction="vertical">Vertical</we-button>
</we-select>
<we-select string="Fill and Justify" data-apply-to=".s_tabs_nav:first .nav" data-dependencies="horizontal_opt">
<we-button data-select-class="">Regular</we-button>
<we-button data-select-class="nav-fill">Full Width</we-button>
<we-button data-select-class="nav-justified">Equal Widths</we-button>
</we-select>
<we-select string="Alignment" class="o_we_sublevel_1" data-apply-to=".s_tabs_nav:first .nav" data-name="alignment_opt" data-dependencies="horizontal_opt">
<we-button data-select-class="">Left</we-button>
<we-button data-select-class="justify-content-center mx-auto">Center</we-button>
<we-button data-select-class="justify-content-end ms-auto">Right</we-button>
</we-select>
<we-button-group string="Slide" data-apply-to=".s_tabs_content:first">
<we-button class="fa fa-fw fa-long-arrow-left" title="Slide Left" data-select-class="s_tabs_slide_left"/>
<we-button class="fa fa-fw fa-long-arrow-up" title="Slide Up" data-select-class="s_tabs_slide_up"/>
<we-button class="fa fa-fw fa-long-arrow-down" title="Slide Down" data-select-class="s_tabs_slide_down"/>
<we-button class="fa fa-fw fa-long-arrow-right" title="Slide Right" data-select-class="s_tabs_slide_right"/>
<we-button class="fa fa-fw fa-ban" title="No Slide Effect" data-select-class=""/>
</we-button-group>
<div data-js="TabsNavItems" data-selector=".nav-item"/>
</div>
</xpath>
</template>
<record id="website.s_tabs_001_scss" model="ir.asset">
<field name="name">Tabs 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_tabs/001.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_tabs_002_scss" model="ir.asset">
<field name="name">Tabs 002 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_tabs/002.scss</field>
</record>
</odoo>
|
