pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[REF] web_editor,website(_*): snippets

Browse Source 
Refactor snippet structure
* new "cover" snippet
* move the title out of col-md-12
* delete snippets (s_quote_slider)
* rename snippets (FAQ Roller -> Accordion)
* ...

Refactor the way the background images are handled so that themes
can customize the defaults ones easily without ugly xpath or ugly
css.
This commit is contained in:
qsm-odoo
2016-07-04 17:24:00 +02:00
parent b309f3ab54
commit c12f2cd5cc
29 changed files with 322 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/js/snippets.options.js
+27 -41
View File
@@ -311,73 +311,56 @@ odoo.define('web_editor.snippets.options', function (require) {
* The background option is designed to change the background image of a snippet.
*/
registry.background = SnippetOption.extend({
start: function ($change_target) {
this.$target = $change_target || this.$target;
this._super.apply(this, arguments);
var src = this.$target.css("background-image").replace(/url\(['"]*|['"]*\)|^none$/g, "");
if (this.$target.hasClass('oe_custom_bg')) {
this.$el.find('li[data-choose_image]').data("background", src).attr("data-background", src);
}
},
background: function (type, value, $li) {
if (value && value.length) {
this.$target.attr("style", 'background-image: url(' + value + '); ' + (this.$target.attr("style") || '').replace(/background-image:[^;]+/, '') );
this.$target.css("background-image", "url(" + value + ")");
this.$target.addClass("oe_img_bg");
} else {
this.$target.css("background-image", "");
this.$target.removeClass("oe_img_bg oe_custom_bg");
}
},
select_class : function (type, value, $li) {
select_class: function (type, value, $li) {
this.background(type, '', $li);
this._super.apply(this, arguments);
},
choose_image: function (type, value, $li) {
if(type !== "click") return;
if(type !== "click") {
return;
}
var self = this;
var $image = $('<img class="hidden"/>');
$image.attr("src", value);
$image.appendTo(self.$target);
// Put fake image in the DOM, edit it and use it as background-image
var $image = $("<img/>", {"class": "hidden", "src": value}).appendTo(this.$target);
var _editor = new widget.MediaDialog(null, {}, null, $image[0]).open();
_editor.$('[href="#editor-media-video"], [href="#editor-media-icon"]').addClass('hidden');
_editor.on('saved', self, function () {
_editor.on('saved', this, function () {
var value = $image.attr("src");
$image.remove();
self.$el.find('li[data-choose_image]').data("background", value).attr("data-background", value);
self.background(type, value,$li);
self.$target.addClass('oe_custom_bg');
self.$target.trigger("snippet-option-change", [self]);
self.set_active();
this.background(type, value, $li);
this.$target.addClass("oe_custom_bg");
this.set_active();
this.$target.trigger("snippet-option-change", [this]);
});
_editor.on('cancel', self, function () {
_editor.on('closed', this, function () {
$image.remove();
});
},
set_active: function () {
var src = this.$target.css("background-image").replace(/url\(['"]*|['"]*\)|^none$/g, "");
this._super.apply(this, arguments);
var src = this.$target.css("background-image").replace(/url\(['"]*|['"]*\)|^none$/g, "");
if (this.$target.hasClass('oe_custom_bg')) {
this.$el.find('li[data-choose_image]').data("background", src).attr("data-background", src);
}
this.$el.find('li[data-background]:not([data-background=""])')
this.$el.find('li[data-background]')
.removeClass("active")
.each(function () {
var background = $(this).data("background") || $(this).attr("data-background");
if ((src.length && background.length && src.indexOf(background) !== -1) || (!src.length && !background.length)) {
$(this).addClass("active");
}
});
if (!this.$el.find('li[data-background].active').size()) {
this.$el.find('li[data-background=""]:not([data-choose_image])').addClass("active");
} else {
this.$el.find('li[data-background=""]:not([data-choose_image])').removeClass("active");
}
.filter(function () {
var bgOption = $(this).data("background");
return (bgOption === "" && src === "" || bgOption !== "" && src.indexOf(bgOption) >= 0);
})
.addClass("active");
}
});
@@ -387,13 +370,16 @@ odoo.define('web_editor.snippets.options', function (require) {
registry.background_position = SnippetOption.extend({
start: function () {
this._super.apply(this, arguments);
this.on_focus();
var self = this;
var $btn = this.$overlay.find('.oe_options');
$btn.on('show.bs.dropdown', function () {
$btn.find('.background_position_li').toggleClass('hidden', self.$target.css('background-image') === 'none');
this.$target.on("snippet-option-change", function () {
self.on_focus();
});
},
on_focus: function () {
this._super.apply(this, arguments);
this.$el.toggleClass('hidden', this.$target.css('background-image') === 'none');
},
background_position: function (type, value, $li) {
if (type != 'click') { return; }
var self = this;
addons/website/data/data.xml
+150
View File
@@ -103,6 +103,7 @@
<!-- base64-encoded on ir.attachment, to allow to load image with the xmlid -->
<record id="website.business_conference" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">business_conference</field>
<field name="datas_fname">business_conference.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -111,6 +112,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">business_stats</field>
<field name="datas_fname">business_stats.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -119,6 +121,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">gears</field>
<field name="datas_fname">gears.png</field>
<field name="res_model">ir.ui.view</field>
@@ -127,6 +130,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">helpdesk</field>
<field name="datas_fname">helpdesk.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -135,6 +139,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">imac</field>
<field name="datas_fname">imac.png</field>
<field name="res_model">ir.ui.view</field>
@@ -143,6 +148,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">lazagne</field>
<field name="datas_fname">lazagne.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -151,6 +157,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">manufacturing</field>
<field name="datas_fname">manufacturing.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -159,6 +166,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">ipad</field>
<field name="datas_fname">ipad.png</field>
<field name="res_model">ir.ui.view</field>
@@ -167,6 +175,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">world</field>
<field name="datas_fname">world.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -175,6 +184,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">vegetables</field>
<field name="datas_fname">vegetables.png</field>
<field name="res_model">ir.ui.view</field>
@@ -183,6 +193,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">ship_sea</field>
<field name="datas_fname">ship_sea.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -191,6 +202,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">flight</field>
<field name="datas_fname">flight.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -199,6 +211,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">engineer</field>
<field name="datas_fname">engineer.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -207,6 +220,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">school_kids</field>
<field name="datas_fname">school_kids.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -215,6 +229,7 @@
</record>
<record model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">business_hands</field>
<field name="datas_fname">business_hands.jpg</field>
<field name="res_model">ir.ui.view</field>
@@ -222,5 +237,140 @@
<field name="url">/website/static/src/img/library/business_hands.jpg</field>
</record>
<!-- Website Builder Images -->
<record id="website.s_background_image_01" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 01</field>
<field name="datas_fname">s_background_image_01.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/aqua.jpg</field>
</record>
<record id="website.s_background_image_02" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 02</field>
<field name="datas_fname">s_background_image_02.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/baby_blue.jpg</field>
</record>
<record id="website.s_background_image_03" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 03</field>
<field name="datas_fname">s_background_image_03.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/black.jpg</field>
</record>
<record id="website.s_background_image_04" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 04</field>
<field name="datas_fname">s_background_image_04.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/business_guy.jpg</field>
</record>
<record id="website.s_background_image_05" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 05</field>
<field name="datas_fname">s_background_image_05.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/color_splash.jpg</field>
</record>
<record id="website.s_background_image_06" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 06</field>
<field name="datas_fname">s_background_image_06.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/flower_field.jpg</field>
</record>
<record id="website.s_background_image_07" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 07</field>
<field name="datas_fname">s_background_image_07.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/flower.jpg</field>
</record>
<record id="website.s_background_image_08" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 08</field>
<field name="datas_fname">s_background_image_08.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/greenfields.jpg</field>
</record>
<record id="website.s_background_image_09" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 09</field>
<field name="datas_fname">s_background_image_09.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/landscape.jpg</field>
</record>
<record id="website.s_background_image_10" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 10</field>
<field name="datas_fname">s_background_image_10.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/mango.jpg</field>
</record>
<record id="website.s_background_image_11" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 11</field>
<field name="datas_fname">s_background_image_11.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/mountains.jpg</field>
</record>
<record id="website.s_background_image_12" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 12</field>
<field name="datas_fname">s_background_image_12.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/orange_red.jpg</field>
</record>
<record id="website.s_background_image_13" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 13</field>
<field name="datas_fname">s_background_image_13.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/parallax_flowers.jpg</field>
</record>
<record id="website.s_background_image_14" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 14</field>
<field name="datas_fname">s_background_image_14.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/parallax_girl.jpg</field>
</record>
<record id="website.s_background_image_15" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 15</field>
<field name="datas_fname">s_background_image_15.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/parallax_quote.png</field>
</record>
<record id="website.s_background_image_16" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 16</field>
<field name="datas_fname">s_background_image_16.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/velour.jpg</field>
</record>
<record id="website.s_background_image_17" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 17</field>
<field name="datas_fname">s_background_image_17.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/wood.jpg</field>
</record>
<record id="website.s_background_image_18" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Website Background Image 18</field>
<field name="datas_fname">s_background_image_18.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/backgrounds/yellow_green.jpg</field>
</record>
<record id="website.s_cover_default_image" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">Cover Snippet - Default Image</field>
<field name="datas_fname">s_cover_default_image.jpg</field>
<field name="type">url</field>
<field name="url">/web/image/website.s_background_image_01</field>
</record>
</data>
</openerp>
addons/website/data/demo.xml
+1 -1
View File
@@ -157,7 +157,7 @@ response = request.render("website.template_partner_comment", values)
<li class="active" data-slide-to="0" data-target="#myCarousel0"/>
</ol>
<div class="carousel-inner">
<div class="item image_text oe_img_bg active" style="background-image: url(http://0.0.0.0:8069/website/static/src/img/banner/mountains.jpg);">
<div class="item image_text oe_img_bg active" style="background-image: url(http://0.0.0.0:8069/web/image/website.s_background_image_11);">
<div class="container">
<div class="row content">
<div class="carousel-content col-md-6 col-sm-12">
addons/website/static/src/img/aqua.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 370 KiB

addons/website/static/src/img/banner/aqua.jpg → addons/website/static/src/img/backgrounds/aqua.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

addons/website/static/src/img/banner/baby_blue.jpg → addons/website/static/src/img/backgrounds/baby_blue.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

addons/website/static/src/img/banner/black.jpg → addons/website/static/src/img/backgrounds/black.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

addons/website/static/src/img/banner/business_guy.jpg → addons/website/static/src/img/backgrounds/business_guy.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

addons/website/static/src/img/banner/color_splash.jpg → addons/website/static/src/img/backgrounds/color_splash.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 45 KiB

addons/website/static/src/img/banner/flower.jpg → addons/website/static/src/img/backgrounds/flower.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

addons/website/static/src/img/banner/flower_field.jpg → addons/website/static/src/img/backgrounds/flower_field.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 199 KiB

After

Width:  |  Height:  |  Size: 199 KiB

addons/website/static/src/img/banner/greenfields.jpg → addons/website/static/src/img/backgrounds/greenfields.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 223 KiB

After

Width:  |  Height:  |  Size: 223 KiB

addons/website/static/src/img/banner/landscape.jpg → addons/website/static/src/img/backgrounds/landscape.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

addons/website/static/src/img/banner/mango.jpg → addons/website/static/src/img/backgrounds/mango.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

addons/website/static/src/img/banner/mountains.jpg → addons/website/static/src/img/backgrounds/mountains.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

addons/website/static/src/img/banner/orange_red.jpg → addons/website/static/src/img/backgrounds/orange_red.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

addons/website/static/src/img/parallax/parallax_bg.jpg → addons/website/static/src/img/backgrounds/parallax_flowers.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 190 KiB

addons/website/static/src/img/parallax/parallax_photo1.jpg → addons/website/static/src/img/backgrounds/parallax_girl.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 125 KiB

addons/website/static/src/img/parallax/quote.png → addons/website/static/src/img/backgrounds/parallax_quote.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

addons/website/static/src/img/banner/velour.jpg → addons/website/static/src/img/backgrounds/velour.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

addons/website/static/src/img/banner/wood.jpg → addons/website/static/src/img/backgrounds/wood.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 166 KiB

After

Width:  |  Height:  |  Size: 166 KiB

addons/website/static/src/img/banner/yellow_green.jpg → addons/website/static/src/img/backgrounds/yellow_green.jpg
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

addons/website/static/src/img/content_here.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 459 B

addons/website/static/src/img/banner/banner_picture.png → addons/website/static/src/img/library/banner_picture.png
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

addons/website/static/src/js/website.snippets.editor.js
+3
View File
@@ -147,7 +147,10 @@ options.registry.carousel = options.registry.slider.extend({
this.$target.on('slid.bs.carousel', function () {
if(self.editor && self.editor.styles.background) {
self.editor.styles.background.$target = self.$target.find(".item.active");
self.editor.styles.background_position.$target = self.editor.styles.background.$target;
self.editor.styles.background.set_active();
self.editor.styles.background_position.set_active();
self.editor.styles.background.$target.trigger("snippet-option-change", [self.editor.styles.background]);
}
self.$target.carousel("pause");
});
addons/website/static/src/less/website.snippets.less
+11
View File
@@ -9,6 +9,17 @@
}
}
// "Cover" snippet
@s_text_block_image_fw-padding: 0 30px;
.s_text_block_image_fw {
.container {
padding: @s_text_block_image_fw-padding;
> .row > div {
padding: 30px;
}
}
}
// Table Snippet
.table_desc {
margin: 0 0 20px 0;
addons/website/views/snippets.xml
+122 -197
View File
@@ -1,24 +1,36 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cover" name="Cover">
<section class="s_text_block_image_fw oe_img_bg oe_custom_bg" style="background-image: url(/web/image/website.s_cover_default_image);">
<div class="container">
<div class="row">
<div class="col-md-6 mt64 mb64 bg-white">
<h2>Headline</h2>
<h4 class="text-primary">With a great subtitle</h4>
<p>Write one or two paragraphs describing your product, services or a specific feature. To be successful your content needs to be useful to your readers.</p>
</div>
</div>
</div>
</section>
</template>
<template id="s_banner" name="Banner">
<div id="myCarousel" class="carousel slide s_banner oe_custom_bg" data-interval="10000" style="height: 320px;">
<div id="myCarousel" class="carousel slide s_banner" data-interval="10000" style="height: 320px;">
<!-- Indicators -->
<ol class="carousel-indicators hidden">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
</ol>
<div class="carousel-inner">
<div class="item oe_img_bg oe_custom_bg active" style="background-image: url('/website/static/src/img/banner/color_splash.jpg')">
<div class="item oe_img_bg oe_custom_bg active" style="background-image: url(/web/image/website.s_background_image_05);">
<div class="container">
<div class="row content">
<div class="carousel-content col-md-6 mt64">
<h2>Your Banner Title</h2>
<h3>Click to customize this text</h3>
<p>
<a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
</p>
<h2>Your Banner Title</h2>
<h3>Click to customize this text</h3>
<p><a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a></p>
</div>
<div class="carousel-img col-md-6 hidden-sm hidden-xs">
<img class="img-responsive" src="/website/static/src/img/banner/banner_picture.png" alt="Banner Odoo Image"/>
<img class="img-responsive" src="/website/static/src/img/library/banner_picture.png" alt="Banner Odoo Image"/>
</div>
</div>
</div>
@@ -94,13 +106,9 @@
<template id="s_text_block" name="Text Block">
<section class="s_text_block">
<div class="container">
<h2 class="text-center">A Great Headline</h2>
<h3 class="text-center text-muted">A good subtitle</h3>
<div class="row">
<div class="col-md-12 text-center mt16 mb32">
<h2>
A Great Headline
</h2>
<h3 class="text-muted">A good subtitle</h3>
</div>
<div class="col-md-12 mb16 mt16">
<p>
A great way to catch your reader's attention is to tell a story.
@@ -127,12 +135,8 @@
<template id="s_title" name="Title">
<section class="s_title">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">Your Website Title</h1>
<h3 class="text-muted text-center">And a great subtitle too</h3>
</div>
</div>
<h1 class="text-center">Your Website Title</h1>
<h3 class="text-center text-muted">And a great subtitle too</h3>
</div>
</section>
</template>
@@ -164,10 +168,8 @@
<template id="s_big_picture" name="Big Picture">
<section class="s_big_picture bg-primary">
<div class="container">
<h2 class="text-center">A Punchy Headline</h2>
<div class="row">
<div class="col-md-12 text-center mt32 mb32">
<h2>A Punchy Headline</h2>
</div>
<div class="col-md-12">
<img class="img img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;" alt="Odoo CMS - a big picture"/>
</div>
@@ -294,101 +296,79 @@
<template id="s_comparisons" name="Comparisons">
<section class="s_comparisons">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mt16 mb32">
<h2>Our Offers</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h3 style="margin: 0">Beginner</h3>
<p style="margin: 0" class="text-muted">
Starter package
</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">35</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Basic sales &amp; marketing for up to 2 users</li>
<li class="list-group-item">Account &amp; Sales management</li>
<li class="list-group-item">No customization</li>
<li class="list-group-item">No support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Instant setup, satisfied or reimbursed.</i>
</p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
</div>
<h2 class="text-center">Our Offers</h2>
<div class="row">
<div class="col-md-4 col-xs-12">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h3 style="margin: 0">Beginner</h3>
<p style="margin: 0" class="text-muted">
Starter package
</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">35</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Basic sales &amp; marketing for up to 2 users</li>
<li class="list-group-item">Account &amp; Sales management</li>
<li class="list-group-item">No customization</li>
<li class="list-group-item">No support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Instant setup, satisfied or reimbursed.</i>
</p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h3 style="margin: 0">Professional</h3>
<p style="margin: 0">Enterprise package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">65</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Complete CRM for any size team</li>
<li class="list-group-item">Get access to all modules</li>
<li class="list-group-item">Limited customization</li>
<li class="list-group-item">Email support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted"><i>Instant setup, satisfied or reimbursed.</i></p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h3 style="margin: 0">Expert</h3>
<p style="margin: 0" class="text-muted">Ultimate package</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">125</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Unlimited CRM power and support</li>
<li class="list-group-item">Get access to all modules and features</li>
<li class="list-group-item">Unlimited customization</li>
<li class="list-group-item">24x7 toll-free support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted"><i>Instant setup, satisfied or reimbursed.</i></p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h3 style="margin: 0">Professional</h3>
<p style="margin: 0">
Enterprise package
</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">65</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Complete CRM for any size team</li>
<li class="list-group-item">Get access to all modules</li>
<li class="list-group-item">Limited customization</li>
<li class="list-group-item">Email support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Instant setup, satisfied or reimbursed.</i>
</p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Order now</a>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12">
<div class="panel panel-info">
<div class="panel-heading text-center">
<h3 style="margin: 0">Expert</h3>
<p style="margin: 0" class="text-muted">
Ultimate package
</p>
</div>
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
<h3 style="margin: 0"><span>$</span><b style="font-size: 60px">125</b><small>.00</small></h3>
<div>user / month (billed annually)</div>
</div>
<ul class="list-group">
<li class="list-group-item active">Unlimited CRM power and support</li>
<li class="list-group-item">Get access to all modules and features</li>
<li class="list-group-item">Unlimited customization</li>
<li class="list-group-item">24x7 toll-free support</li>
</ul>
<div class="panel-footer text-center">
<p class="text-muted">
<i>Instant setup, satisfied or reimbursed.</i>
</p>
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
</div>
</div>
</div>
</div>
</div>
</section>
</template>
@@ -415,7 +395,7 @@
</section>
</template>
<template id="s_faq_collapse" name="FAQ Roller">
<template id="s_faq_collapse" name="Accordion">
<section class="s_faq_collapse">
<div class="container">
<h2 class="page-header">Point of Sale Questions <small>v7</small></h2>
@@ -480,16 +460,9 @@
<template id="s_references" name="References">
<section class="s_references">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center">
Our References
</h1>
<h3 class="text-muted text-center">
More than 500 happy customers.
</h3>
</div>
</div>
<h1 class="text-center">Our References</h1>
<h3 class="text-center text-muted">More than 500 happy customers.</h3>
<div class="row">
<div class="col-md-4 col-xs-12 col-md-offset-1 mt16 mb32">
<blockquote>
@@ -534,55 +507,6 @@
</section>
</template>
<template id="s_quotes_slider" name="Quotes Slider">
<div id="myQuoteCarousel" class="carousel quotecarousel slide s_quotes_slider" data-interval="10000">
<!-- Indicators -->
<ol class="carousel-indicators mb0">
<li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myQuoteCarousel" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="item text_only active">
<div class="container">
<div class="content">
<div class="row">
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
<p>
Write a quote here from one of your customers. Quotes are a
great way to build confidence in your products or services.
</p>
<small>Author of this quote</small>
</blockquote>
</div>
</div>
</div>
</div>
<div class="item text_only">
<div class="container">
<div class="content">
<div class="row">
<blockquote class="mt48 mb16 col-md-4 col-md-offset-4">
<p>
Odoo provides essential platform for our project management.
Things are better organized and more visible with it.
</p>
<small>John Doe, CEO</small>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template id="s_feature_grid" name="Feature Grid">
<section class="s_feature_grid">
<div class="container">
@@ -636,7 +560,7 @@
<template id="s_parallax" name="Parallax">
<section class="parallax s_parallax"
style="background-image: url('/website/static/src/img/banner/mountains.jpg')"
style="background-image: url(/web/image/website.s_background_image_11)"
data-scroll-background-ratio="0.3">
<div><div class="oe_structure"/></div>
</section>
@@ -644,7 +568,7 @@
<template id="s_parallax_slider" name="Parallax Slider">
<section class="parallax s_parallax_slider"
style="background-image: url('/website/static/src/img/parallax/quote.png')"
style="background-image: url(/web/image/website.s_background_image_15);"
data-scroll-background-ratio="0.3">
<div><div><div class="oe_structure">
<div id="myQuoteCarousel" class="carousel quotecarousel slide mb0" data-interval="10000">
@@ -732,7 +656,7 @@
</div>
<div class="o_panel_body">
<t t-snippet="website.s_title" t-thumbnail="/website/static/src/img/blocks/block_title.png"/>
<t t-snippet="website.s_banner" t-thumbnail="/website/static/src/img/blocks/block_banner.png"/>
<t t-snippet="website.s_cover" t-thumbnail="/website/static/src/img/blocks/block_banner.png"/>
<t t-snippet="website.s_text_image" t-thumbnail="/website/static/src/img/blocks/block_text_image.png"/>
<t t-snippet="website.s_image_text" t-thumbnail="/website/static/src/img/blocks/block_image_text.png"/>
<t t-snippet="website.s_big_message" t-thumbnail="/website/static/src/img/blocks/block_jumbotron.png"/>
@@ -740,6 +664,7 @@
<t t-snippet="website.s_features" t-thumbnail="/website/static/src/img/blocks/block_features.png"/>
<t t-snippet="website.s_big_picture" t-thumbnail="/website/static/src/img/blocks/block_big_picture.png"/>
<t t-snippet="website.s_three_columns" t-thumbnail="/website/static/src/img/blocks/block_three_columns.png"/>
<t t-snippet="website.s_banner" t-thumbnail="/website/static/src/img/blocks/block_banner.png"/>
</div>
</div>
@@ -766,7 +691,6 @@
<t t-snippet="website.s_button" t-thumbnail="/website/static/src/img/blocks/block_button.png"/>
<t t-snippet="website.s_references" t-thumbnail="/website/static/src/img/blocks/block_references.png"/>
<t t-snippet="website.s_faq_collapse" t-thumbnail="/website/static/src/img/blocks/block_faq.png"/>
<t t-snippet="website.s_quotes_slider" t-thumbnail="/website/static/src/img/blocks/block_quotes_slider.png"/>
<t t-snippet="website.s_feature_grid" t-thumbnail="/website/static/src/img/blocks/block_three_columns.png"/>
</div>
</div>
@@ -809,23 +733,24 @@
<ul class="dropdown-menu">
<li data-background=""><a>None</a></li>
<li class="divider"></li>
<li data-background="/website/static/src/img/parallax/parallax_bg.jpg"><a>Sunflower</a></li>
<li data-background="/website/static/src/img/banner/business_guy.jpg"><a>Business Guy</a></li>
<li data-background="/website/static/src/img/banner/flower_field.jpg"><a>Flowers Field</a></li>
<li data-background="/website/static/src/img/banner/landscape.jpg"><a>Landscape</a></li>
<li data-background="/website/static/src/img/banner/mountains.jpg"><a>Mountains</a></li>
<li data-background="/website/static/src/img/banner/greenfields.jpg"><a>Greenfields</a></li>
<li data-background="/website/static/src/img/banner/aqua.jpg"><a>Aqua</a></li>
<li data-background="/website/static/src/img/banner/baby_blue.jpg"><a>Baby Blue</a></li>
<li data-background="/website/static/src/img/banner/black.jpg"><a>Black</a></li>
<li data-background="/website/static/src/img/banner/color_splash.jpg"><a>Color Splash</a></li>
<li data-background="/website/static/src/img/banner/mango.jpg"><a>Mango</a></li>
<li data-background="/website/static/src/img/banner/orange_red.jpg"><a>Orange Red</a></li>
<li data-background="/website/static/src/img/banner/flower.jpg"><a>Purple</a></li>
<li data-background="/website/static/src/img/banner/velour.jpg"><a>Velour</a></li>
<li data-background="/website/static/src/img/banner/wood.jpg"><a>Wood</a></li>
<li data-background="/website/static/src/img/banner/yellow_green.jpg"><a>Yellow Green</a></li>
<li data-background="/website/static/src/img/parallax/quote.png"><a>Quote</a></li>
<li data-background="/web/image/website.s_background_image_01"><a>Aqua</a></li>
<li data-background="/web/image/website.s_background_image_02"><a>Baby Blue</a></li>
<li data-background="/web/image/website.s_background_image_03"><a>Black</a></li>
<li data-background="/web/image/website.s_background_image_04"><a>Business Guy</a></li>
<li data-background="/web/image/website.s_background_image_05"><a>Color Splash</a></li>
<li data-background="/web/image/website.s_background_image_06"><a>Flowers Field</a></li>
<li data-background="/web/image/website.s_background_image_07"><a>Purple</a></li>
<li data-background="/web/image/website.s_background_image_08"><a>Greenfields</a></li>
<li data-background="/web/image/website.s_background_image_09"><a>Landscape</a></li>
<li data-background="/web/image/website.s_background_image_10"><a>Mango</a></li>
<li data-background="/web/image/website.s_background_image_11"><a>Mountains</a></li>
<li data-background="/web/image/website.s_background_image_12"><a>Orange Red</a></li>
<li data-background="/web/image/website.s_background_image_13"><a>Sunflower</a></li>
<li data-background="/web/image/website.s_background_image_14"><a>Girl</a></li>
<li data-background="/web/image/website.s_background_image_15"><a>Quote</a></li>
<li data-background="/web/image/website.s_background_image_16"><a>Velour</a></li>
<li data-background="/web/image/website.s_background_image_17"><a>Wood</a></li>
<li data-background="/web/image/website.s_background_image_18"><a>Yellow Green</a></li>
<li class="divider"></li>
<li data-choose_image="choose_image"><a><b>Choose an image...</b></a></li>
</ul>
addons/website_event/data/website_event_demo.xml
+6 -6
View File
@@ -11,11 +11,11 @@
<field name="description"><![CDATA[
<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
<div class="carousel-inner">
<div class="item oe_img_bg active" style="background-image: url(/website/static/src/img/banner/orange_red.jpg);">
<div class="item oe_img_bg active" style="background-image: url(/web/image/website.s_background_image_12);">
<div class="container">
<div class="row content">
<div class="carousel-img hidden-sm hidden-xs mb48 col-md-5 col-md-offset-1 mt16">
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/banner/banner_picture.png" style=""/>
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/library/banner_picture.png" style=""/>
</div>
<div class="carousel-content col-sm-12 col-md-5 mt32" style="text-align: center; color: white;">
<h2>3 Intensive Days</h2>
@@ -177,11 +177,11 @@
<field name="description"><![CDATA[
<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
<div class="carousel-inner">
<div class="item oe_img_bg active" style="background-image: url(/website/static/src/img/banner/orange_red.jpg);">
<div class="item oe_img_bg active" style="background-image: url(/web/image/website.s_background_image_12);">
<div class="container">
<div class="row content">
<div class="carousel-img hidden-sm hidden-xs mb48 col-md-5 col-md-offset-1 mt16">
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/banner/banner_picture.png" style=""/>
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/library/banner_picture.png" style=""/>
</div>
<div class="carousel-content col-sm-12 col-md-5 mt32" style="text-align: center; color: white;">
<h2>5 Intensive Days</h2>
@@ -355,11 +355,11 @@
<field name="description"><![CDATA[
<div class="carousel slide oe_small mb16" data-interval="10000" id="myCarousel3">
<div class="carousel-inner">
<div class="item oe_img_bg active" style="background-image: url(/website/static/src/img/banner/orange_red.jpg);">
<div class="item oe_img_bg active" style="background-image: url(/web/image/website.s_background_image_12);">
<div class="container">
<div class="row content">
<div class="carousel-img hidden-sm hidden-xs mb48 col-md-5 col-md-offset-1 mt16">
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/banner/banner_picture.png" style=""/>
<img alt="Banner Odoo Image" class="img-responsive" src="/website/static/src/img/library/banner_picture.png" style=""/>
</div>
<div class="carousel-content col-sm-12 col-md-5 mt32" style="text-align: center; color: white;">
<h2>5 Intensive Days</h2>
addons/website_hr_recruitment/views/templates.xml
+2 -3
View File
@@ -49,9 +49,8 @@
<h4 class="css_editable_display">No job offer found</h4>
<h4 class="css_editable_hidden">There isn't job offer published now, click <a t-attf-href="/page/website.contactus">here</a> to contact us</h4>
<t groups="base.group_website_publisher">
<t groups="base.group_hr_manager">
<t groups="base.group_hr_manager">
<p>Click on "Content" to define a new job offer or "Help" for more informations.</p>
<img src="/website/static/src/img/content_here.png"/>
</t>
</t>
</div>
@@ -140,7 +139,7 @@
<template id="apply">
<t t-call="website.layout">
<t t-set="additional_title">Apply Job</t>
<div id="wrap" class="container">
<h1 class="text-center">
Job Application Form