[MERGE] Merged trunk-website-al
bzr revid: psa@tinyerp.com-20130919052029-gjkcfiwwii0e8nww
This commit is contained in:
Paramjit Singh Sahota
@@ -17,5 +17,6 @@ OpenERP Website CMS
|
||||
'views/res_config.xml',
|
||||
'website_data.xml',
|
||||
'website_view.xml',
|
||||
'security/ir.model.access.csv',
|
||||
],
|
||||
}
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
|
||||
access_website_public,website,website.model_website,base.group_public,1,0,0,0
|
||||
access_website,website,website.model_website,base.group_user,1,0,0,0
|
||||
|
@@ -8,6 +8,19 @@
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.navbar.navbar-inverse .cke_toolbar {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
.navbar.navbar-inverse .cke_combo_button {
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
.navbar.navbar-inverse .cke_button {
|
||||
padding-top: 7px;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.navbar.navbar-inverse .cke_top {
|
||||
background: transparent;
|
||||
border: none;
|
||||
@@ -87,6 +100,9 @@ table.editorbar-panel {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
}
|
||||
table.editorbar-panel td {
|
||||
border: 1px solid #aaaaaa;
|
||||
}
|
||||
table.editorbar-panel td.selected {
|
||||
background-color: #b1c9d9;
|
||||
}
|
||||
@@ -100,104 +116,144 @@ table.editorbar-panel td.selected {
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
.modal .existing-attachments a.thumbnail {
|
||||
position: relative;
|
||||
}
|
||||
.modal .existing-attachments a.thumbnail.selected:before {
|
||||
text-decoration: none;
|
||||
font-size: 150%;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
color: #21dc0f;
|
||||
content: "✔";
|
||||
height: 2em;
|
||||
width: 2em;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
border-radius: 4px 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.modal .image-preview {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
/* ---- SNIPPET EDITOR ---- */
|
||||
#oe_snippets {
|
||||
position: fixed;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
max-height: 280px;
|
||||
min-height: 140px;
|
||||
top: 50px;
|
||||
background: #282828;
|
||||
box-shadow: 0px 10px 10px -10px black inset;
|
||||
z-index: 1010;
|
||||
overflow: hidden;
|
||||
}
|
||||
#oe_snippets .scroll {
|
||||
white-space: nowrap;
|
||||
overflow-y: auto;
|
||||
z-index: 20000;
|
||||
}
|
||||
#oe_snippets .nav-pills {
|
||||
padding: 3px 8px;
|
||||
#oe_snippets .nav {
|
||||
padding: 3px 15px;
|
||||
width: 162px;
|
||||
background: #444444;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
height: 108px;
|
||||
}
|
||||
#oe_snippets .nav-pills > li > a {
|
||||
#oe_snippets .nav > li {
|
||||
display: block;
|
||||
float: none;
|
||||
}
|
||||
#oe_snippets .nav > li > a {
|
||||
padding: 2px 10px !important;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
#oe_snippets .pill-content {
|
||||
height: 140px;
|
||||
display: inline-block;
|
||||
height: 110px;
|
||||
white-space: nowrap;
|
||||
padding-left: 166px;
|
||||
}
|
||||
#oe_snippets .pill-content > div {
|
||||
display: inline-block;
|
||||
}
|
||||
#oe_snippets .pill-content > div label {
|
||||
width: 44px;
|
||||
height: 100%;
|
||||
color: white;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#oe_snippets .pill-content > div label div {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
-webkit-transform: translate(-39px, 44px) rotate(-90deg);
|
||||
-moz-transform: translate(-39px, 44px) rotate(-90deg);
|
||||
-o-transform: translate(-39px, 44px) rotate(-90deg);
|
||||
transform: translate(-39px, 44px) rotate(-90deg);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-o-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
.oe_snippet {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
background: white;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
width: 108px;
|
||||
height: 108px;
|
||||
border-radius: 3px;
|
||||
margin: 10px;
|
||||
margin-right: 0px;
|
||||
margin: 1px;
|
||||
margin-top: 0px;
|
||||
position: relative;
|
||||
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: move;
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail.oe_label {
|
||||
text-align: center;
|
||||
background: #747474;
|
||||
background-image: radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
|
||||
height: 100%;
|
||||
line-height: 120px;
|
||||
color: white;
|
||||
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.95);
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.07) inset;
|
||||
}
|
||||
.oe_snippet .oe_snippet_body {
|
||||
display: none;
|
||||
}
|
||||
.oe_snippet > * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.oe_snippet > :not(.oe_snippet_body):not(.oe_snippet_thumbnail) {
|
||||
.oe_snippet .oe_snippet_thumbnail {
|
||||
pointer-events: auto;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
color: white;
|
||||
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.95);
|
||||
position: relative;
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail span, .oe_snippet .oe_snippet_thumbnail div {
|
||||
line-height: 18px;
|
||||
}
|
||||
.oe_snippet > :not(.oe_snippet_thumbnail) {
|
||||
display: none !important;
|
||||
}
|
||||
.oe_snippet > *:first-child:not(.oe_snippet_thumbnail) {
|
||||
display: block;
|
||||
-webkit-transform-origin-x: 5px;
|
||||
-webkit-transform-origin-y: 10px;
|
||||
-webkit-transform: scale(0.095);
|
||||
|
||||
#oe_snippets .oe_snippet_thumbnail {
|
||||
background: #747474;
|
||||
background-image: radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.07) inset;
|
||||
}
|
||||
|
||||
/* ---- SNIPPETS DROP ZONES ---- */
|
||||
.oe_drop_zone.oe_insert {
|
||||
display: block;
|
||||
height: 32px;
|
||||
margin: -16px 0px;
|
||||
height: 48px;
|
||||
margin: 0px;
|
||||
margin-bottom: -48px;
|
||||
-webkit-transition: margin 250ms linear;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
background: rgba(153, 0, 255, 0.17);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:first-child:not(:last-child) {
|
||||
margin-top: -8px;
|
||||
margin-bottom: -24px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:last-child:not(:first-child) {
|
||||
margin-top: -24px;
|
||||
margin-bottom: -8px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:before {
|
||||
content: "";
|
||||
display: block;
|
||||
border-top: dashed 2px rgba(209, 178, 255, 0.72);
|
||||
position: relative;
|
||||
top: 16px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:first-child:not(:last-child):before {
|
||||
top: 8px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:last-child:not(:first-child):before {
|
||||
top: 24px;
|
||||
top: 0px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_hover:before {
|
||||
border-top: dashed 2px rgba(116, 255, 161, 0.72);
|
||||
@@ -208,6 +264,10 @@ table.editorbar-panel td.selected {
|
||||
position: absolute;
|
||||
margin: 0px !important;
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_overlay {
|
||||
background: rgba(153, 0, 255, 0.17);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.oe_drop_zone {
|
||||
background: rgba(153, 0, 255, 0.17);
|
||||
@@ -235,7 +295,6 @@ table.editorbar-panel td.selected {
|
||||
}
|
||||
.oe_overlay.oe_selected, .oe_overlay.oe_active {
|
||||
opacity: 1;
|
||||
background: transparent;
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
|
||||
@@ -253,6 +312,39 @@ table.editorbar-panel td.selected {
|
||||
display: block !important;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle:before {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: block;
|
||||
background: white;
|
||||
border: solid 1px #9900ff;
|
||||
border-radius: 8px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -8px;
|
||||
padding-left: 1px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: #9900ff;
|
||||
-webkit-transition: background 100ms linear;
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle:hover:before {
|
||||
background: #9900ff;
|
||||
color: white;
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle.e:before {
|
||||
content: "⇨";
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle.s:before {
|
||||
content: "⇩";
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle.w:before {
|
||||
content: "⇦";
|
||||
}
|
||||
.oe_overlay.oe_active .oe_handle.n:before {
|
||||
content: "⇧";
|
||||
}
|
||||
.oe_overlay .icon.btn {
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -285,6 +377,9 @@ table.editorbar-panel td.selected {
|
||||
.oe_overlay .oe_overlay_options .oe_move .js_box_move {
|
||||
margin-left: -50%;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input {
|
||||
display: block;
|
||||
}
|
||||
.oe_overlay.oe_active .oe_overlay_options {
|
||||
display: block;
|
||||
}
|
||||
@@ -412,6 +507,10 @@ table.editorbar-panel td.selected {
|
||||
/* ---- ACE EDITOR ---- */
|
||||
.oe_ace_view_editor {
|
||||
transition: all 0.2s ease-in;
|
||||
-webkit-transition: all 0.2s ease-in;
|
||||
-ms-transition: all 0.2s ease-in;
|
||||
-o-transition: all 0.2s ease-in;
|
||||
-moz-transition: all 0.2s ease-in;
|
||||
opacity: 0.3;
|
||||
position: fixed;
|
||||
top: 51px;
|
||||
|
||||
@@ -8,6 +8,17 @@
|
||||
.navbar.navbar-inverse .cke_inner
|
||||
background: transparent
|
||||
|
||||
.navbar.navbar-inverse
|
||||
.cke_toolbar
|
||||
position: relative
|
||||
top: 1px
|
||||
.cke_combo_button
|
||||
padding-top: 3px
|
||||
padding-bottom: 3px
|
||||
.cke_button
|
||||
padding-top: 7px
|
||||
padding-bottom: 7px
|
||||
|
||||
.navbar.navbar-inverse .cke_top
|
||||
background: transparent
|
||||
border: none
|
||||
@@ -77,6 +88,8 @@
|
||||
table.editorbar-panel
|
||||
cursor: pointer
|
||||
width: 100%
|
||||
td
|
||||
border: 1px solid #aaa
|
||||
td.selected
|
||||
background-color: #b1c9d9
|
||||
|
||||
@@ -91,93 +104,134 @@ table.editorbar-panel
|
||||
-o-user-select: auto
|
||||
user-select: auto
|
||||
|
||||
.modal .existing-attachments a.thumbnail
|
||||
position: relative
|
||||
|
||||
&.selected:before
|
||||
text-decoration: none
|
||||
font-size: 150%
|
||||
background-color: rgba(0, 0, 0, 0.3)
|
||||
color: #21dc0f
|
||||
content: "✔"
|
||||
|
||||
height: 2em
|
||||
width: 2em
|
||||
text-align: center
|
||||
padding: 5px
|
||||
border-radius: 4px 0
|
||||
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
|
||||
.modal .image-preview
|
||||
margin-bottom: 0.5em
|
||||
|
||||
/* ---- SNIPPET EDITOR ---- */
|
||||
|
||||
|
||||
#oe_snippets
|
||||
position: fixed
|
||||
left: 0px
|
||||
right: 0px
|
||||
bottom: 0px
|
||||
max-height: 280px
|
||||
min-height: 140px
|
||||
top: 50px
|
||||
background: rgb(40,40,40)
|
||||
box-shadow: 0px 10px 10px -10px black inset
|
||||
overflow-y: auto
|
||||
z-index: 20000
|
||||
.nav-pills
|
||||
padding: 3px 8px
|
||||
z-index: 1010
|
||||
overflow: hidden
|
||||
.scroll
|
||||
white-space: nowrap
|
||||
overflow-y: auto
|
||||
.nav
|
||||
padding: 3px 15px
|
||||
width: 162px
|
||||
background: #444444
|
||||
> li > a
|
||||
padding: 2px 10px !important
|
||||
> li
|
||||
display: block
|
||||
float: none
|
||||
> a
|
||||
padding: 2px 10px !important
|
||||
width: 100%
|
||||
display: block
|
||||
position: fixed
|
||||
z-index: 1
|
||||
height: 108px
|
||||
.pill-content
|
||||
height: 140px
|
||||
display: inline-block
|
||||
height: 110px
|
||||
white-space: nowrap
|
||||
padding-left: 166px
|
||||
> div
|
||||
display: inline-block
|
||||
label
|
||||
width: 44px
|
||||
height: 100%
|
||||
color: #fff
|
||||
padding-left: 10px
|
||||
div
|
||||
width: 100px
|
||||
text-align: center
|
||||
-webkit-transform: translate(-39px, 44px) rotate(-90deg)
|
||||
-moz-transform: translate(-39px, 44px) rotate(-90deg)
|
||||
-o-transform: translate(-39px, 44px) rotate(-90deg)
|
||||
transform: translate(-39px, 44px) rotate(-90deg)
|
||||
-webkit-transform-origin: 50% 50%
|
||||
-moz-transform-origin: 50% 50%
|
||||
-ms-transform-origin: 50% 50%
|
||||
-o-transform-origin: 50% 50%
|
||||
transform-origin: 50% 50%
|
||||
|
||||
.oe_snippet
|
||||
display: inline-block
|
||||
vertical-align: top
|
||||
background: white
|
||||
width: 120px
|
||||
height: 120px
|
||||
width: 108px
|
||||
height: 108px
|
||||
border-radius: 3px
|
||||
margin: 10px
|
||||
margin-right: 0px
|
||||
margin: 1px
|
||||
margin-top: 0px
|
||||
position: relative
|
||||
box-shadow: 0px 3px 10px rgba(0,0,0,0.2)
|
||||
overflow: hidden
|
||||
-webkit-user-select: none
|
||||
user-select: none
|
||||
cursor: move
|
||||
pointer-events: none
|
||||
|
||||
.oe_snippet_thumbnail.oe_label
|
||||
.oe_snippet_thumbnail
|
||||
pointer-events: auto
|
||||
text-align: center
|
||||
background: rgb(116, 116, 116)
|
||||
background-image: radial-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.4))
|
||||
height: 100%
|
||||
line-height: 120px
|
||||
background: transparent
|
||||
color: white
|
||||
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.95)
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.07) inset
|
||||
|
||||
.oe_snippet_body
|
||||
display: none
|
||||
& > *
|
||||
pointer-events: none
|
||||
& > :not(.oe_snippet_body):not(.oe_snippet_thumbnail)
|
||||
position: relative
|
||||
span, div
|
||||
line-height: 18px
|
||||
& > :not(.oe_snippet_thumbnail)
|
||||
display: none !important
|
||||
|
||||
& > *:first-child:not(.oe_snippet_thumbnail)
|
||||
display: block
|
||||
-webkit-transform-origin-x: 5px
|
||||
-webkit-transform-origin-y: 10px
|
||||
-webkit-transform: scale(0.095)
|
||||
|
||||
#oe_snippets .oe_snippet_thumbnail
|
||||
background: rgb(116, 116, 116)
|
||||
background-image: radial-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.4))
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.07) inset
|
||||
|
||||
/* ---- SNIPPETS DROP ZONES ---- */
|
||||
|
||||
|
||||
.oe_drop_zone.oe_insert
|
||||
display: block
|
||||
height: 32px
|
||||
margin: -16px 0px
|
||||
height: 48px
|
||||
margin: 0px
|
||||
margin-bottom: -48px
|
||||
-webkit-transition: margin 250ms linear
|
||||
width: 100%
|
||||
position: absolute
|
||||
z-index: 1000
|
||||
&:first-child:not(:last-child)
|
||||
margin-top: -8px
|
||||
margin-bottom: -24px
|
||||
&:last-child:not(:first-child)
|
||||
margin-top: -24px
|
||||
margin-bottom: -8px
|
||||
&:before
|
||||
content: ""
|
||||
display: block
|
||||
border-top: dashed 2px rgba(209, 178, 255, 0.72)
|
||||
position: relative
|
||||
top: 16px
|
||||
&:first-child:not(:last-child):before
|
||||
top: 8px
|
||||
&:last-child:not(:first-child):before
|
||||
top: 24px
|
||||
top: 0px
|
||||
&.oe_hover:before
|
||||
border-top: dashed 2px rgba(116, 255, 161, 0.72)
|
||||
&.oe_vertical
|
||||
@@ -186,9 +240,8 @@ table.editorbar-panel
|
||||
position: absolute
|
||||
margin: 0px !important
|
||||
&.oe_overlay
|
||||
position: absolute
|
||||
background: rgba(153, 0, 255, 0.17)
|
||||
border-radius: 3px
|
||||
background: rgba(153, 0, 255, 0.17)
|
||||
border-radius: 3px
|
||||
|
||||
.oe_drop_zone
|
||||
background: rgba(153, 0, 255, 0.17)
|
||||
@@ -202,7 +255,7 @@ table.editorbar-panel
|
||||
.oe_overlay
|
||||
display: block
|
||||
position: absolute
|
||||
background: transparent //rgba(153, 0, 255, 0.05)
|
||||
background: transparent
|
||||
border-radius: 3px
|
||||
opacity: 0
|
||||
transition: opacity 100ms linear
|
||||
@@ -213,7 +266,6 @@ table.editorbar-panel
|
||||
cursor: pointer
|
||||
&.oe_selected, &.oe_active
|
||||
opacity: 1
|
||||
background: transparent
|
||||
border-style: dashed
|
||||
border-width: 1px
|
||||
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3), 0px 0px 0px 1px rgba(255,255,255,0.3) inset
|
||||
@@ -226,6 +278,34 @@ table.editorbar-panel
|
||||
.oe_handle
|
||||
display: block !important
|
||||
pointer-events: auto
|
||||
&:before
|
||||
position: relative
|
||||
top: 50%
|
||||
left: 50%
|
||||
display: block
|
||||
background: rgba(255, 255, 255, 1)
|
||||
border: solid 1px rgba(153, 0, 255, 1)
|
||||
border-radius: 8px
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin: -8px
|
||||
padding-left: 1px
|
||||
font-size: 14px
|
||||
line-height: 14px
|
||||
color: rgba(153, 0, 255, 1)
|
||||
-webkit-transition: background 100ms linear
|
||||
&:hover:before
|
||||
background: rgba(153, 0, 255, 1)
|
||||
color: #fff
|
||||
.oe_handle.e:before
|
||||
content: "⇨"
|
||||
.oe_handle.s:before
|
||||
content: "⇩"
|
||||
.oe_handle.w:before
|
||||
content: "⇦"
|
||||
.oe_handle.n:before
|
||||
content: "⇧"
|
||||
|
||||
.icon.btn
|
||||
display: inline-block
|
||||
|
||||
@@ -252,6 +332,8 @@ table.editorbar-panel
|
||||
left: 50%
|
||||
.js_box_move
|
||||
margin-left: -50%
|
||||
.dropdown-menu select,.dropdown-menu input
|
||||
display: block
|
||||
&.oe_active .oe_overlay_options
|
||||
display: block
|
||||
|
||||
@@ -365,6 +447,10 @@ $navbar_height: 51px
|
||||
|
||||
.oe_ace_view_editor
|
||||
transition: all 0.2s ease-in
|
||||
-webkit-transition: all 0.2s ease-in
|
||||
-ms-transition: all 0.2s ease-in
|
||||
-o-transition: all 0.2s ease-in
|
||||
-moz-transition: all 0.2s ease-in
|
||||
opacity: 0.3
|
||||
position: fixed
|
||||
top: $navbar_height
|
||||
|
||||
@@ -206,4 +206,16 @@
|
||||
[data-snippet-id] {
|
||||
min-height: 10px;
|
||||
min-width: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Custom CSS for snippets */
|
||||
.carousel.oe_small .carousel-inner {
|
||||
height: 200px;
|
||||
}
|
||||
.carousel.oe_medium .carousel-inner {
|
||||
height: 300px;
|
||||
}
|
||||
.carousel.oe_big .carousel-inner {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
@@ -79,6 +79,78 @@
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.pt128 {
|
||||
padding-top: 128px !important;
|
||||
}
|
||||
|
||||
.pt92 {
|
||||
padding-top: 92px !important;
|
||||
}
|
||||
|
||||
.pt64 {
|
||||
padding-top: 64px !important;
|
||||
}
|
||||
|
||||
.pt48 {
|
||||
padding-top: 48px !important;
|
||||
}
|
||||
|
||||
.pt32 {
|
||||
padding-top: 32px !important;
|
||||
}
|
||||
|
||||
.pt16 {
|
||||
padding-top: 16px !important;
|
||||
}
|
||||
|
||||
.pt8 {
|
||||
padding-top: 8px !important;
|
||||
}
|
||||
|
||||
.pt4 {
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
|
||||
.pt0 {
|
||||
padding-top: 0px !important;
|
||||
}
|
||||
|
||||
.pb128 {
|
||||
padding-bottom: 128px !important;
|
||||
}
|
||||
|
||||
.pb92 {
|
||||
padding-bottom: 92px !important;
|
||||
}
|
||||
|
||||
.pb64 {
|
||||
padding-bottom: 64px !important;
|
||||
}
|
||||
|
||||
.pb48 {
|
||||
padding-bottom: 48px !important;
|
||||
}
|
||||
|
||||
.pb32 {
|
||||
padding-bottom: 32px !important;
|
||||
}
|
||||
|
||||
.pb16 {
|
||||
padding-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.pb8 {
|
||||
padding-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.pb4 {
|
||||
padding-bottom: 4px !important;
|
||||
}
|
||||
|
||||
.pb0 {
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
/* Grid of unequally tall elements */
|
||||
.grid > [class*="col-md"] {
|
||||
display: inline-block;
|
||||
@@ -96,6 +168,29 @@
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
/* Extra Styles */
|
||||
img.shadow {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h1.text-muted, h2.text-muted, h3.text-muted {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
||||
div#wrap > .carousel:first-child, div#wrap > .jumbotron:first-child {
|
||||
top: -20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
||||
html, body {
|
||||
box-sizing: border-box;
|
||||
@@ -122,19 +217,87 @@ footer {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
.oe_structure:empty, [data-oe-type=html]:empty, .oe_structure > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
|
||||
background-image: url("/website/static/src/img/drag_here.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center top;
|
||||
height: 200px !important;
|
||||
}
|
||||
|
||||
.oe_structure > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.oe_structure:empty:before, [data-oe-type=html]:empty:before, .oe_structure > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before {
|
||||
content: "Drag Building Blocks Here";
|
||||
text-align: center;
|
||||
display: block;
|
||||
padding-top: 100px;
|
||||
padding-bottom: 50px;
|
||||
color: grey;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
.navbar .nav > li > p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.carousel .item {
|
||||
color: white;
|
||||
.carousel-inner .item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.carousel .carousel-image {
|
||||
right: 10%;
|
||||
left: 50%;
|
||||
top: 5%;
|
||||
bottom: 5%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
}
|
||||
.carousel .carousel-image img {
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.carousel .item.text_image .carousel-caption {
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: 10%;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.carousel .item.text_only .carousel-image {
|
||||
display: none;
|
||||
}
|
||||
.carousel .item.text_only .carousel-caption {
|
||||
left: 10%;
|
||||
right: 10%;
|
||||
top: 10%;
|
||||
text-align: center;
|
||||
}
|
||||
.carousel .item.image_text .carousel-caption {
|
||||
left: auto;
|
||||
text-align: left;
|
||||
right: 10%;
|
||||
bottom: 10%;
|
||||
padding: 20px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
.carousel .item.image_text .carousel-image {
|
||||
right: 50%;
|
||||
left: 10%;
|
||||
}
|
||||
|
||||
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
|
||||
.dark {
|
||||
background: #eff8f8;
|
||||
background: rgba(100, 200, 200, 0.1);
|
||||
background: rgba(100, 200, 200, 0.14);
|
||||
-webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
||||
-moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
||||
box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
|
||||
@@ -144,8 +307,8 @@ footer {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
div#wrap .carousel {
|
||||
top: -20px;
|
||||
#themes-list .well {
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
|
||||
/* -- Hack for removing double scrollbar from mobile preview -- */
|
||||
|
||||
@@ -49,6 +49,44 @@
|
||||
.mb0
|
||||
margin-bottom: 0px !important
|
||||
|
||||
.pt128
|
||||
padding-top: 128px !important
|
||||
.pt92
|
||||
padding-top: 92px !important
|
||||
.pt64
|
||||
padding-top: 64px !important
|
||||
.pt48
|
||||
padding-top: 48px !important
|
||||
.pt32
|
||||
padding-top: 32px !important
|
||||
.pt16
|
||||
padding-top: 16px !important
|
||||
.pt8
|
||||
padding-top: 8px !important
|
||||
.pt4
|
||||
padding-top: 4px !important
|
||||
.pt0
|
||||
padding-top: 0px !important
|
||||
|
||||
.pb128
|
||||
padding-bottom: 128px !important
|
||||
.pb92
|
||||
padding-bottom: 92px !important
|
||||
.pb64
|
||||
padding-bottom: 64px !important
|
||||
.pb48
|
||||
padding-bottom: 48px !important
|
||||
.pb32
|
||||
padding-bottom: 32px !important
|
||||
.pb16
|
||||
padding-bottom: 16px !important
|
||||
.pb8
|
||||
padding-bottom: 8px !important
|
||||
.pb4
|
||||
padding-bottom: 4px !important
|
||||
.pb0
|
||||
padding-bottom: 0px !important
|
||||
|
||||
/* Grid of unequally tall elements */
|
||||
.grid > [class*="col-md"]
|
||||
display: inline-block
|
||||
@@ -62,6 +100,29 @@
|
||||
&.grid-align-bottom > [class*="col-md"]
|
||||
vertical-align: bottom
|
||||
|
||||
/* Extra Styles */
|
||||
|
||||
img.shadow
|
||||
-webkit-border-radius: 3px
|
||||
-moz-border-radius: 3px
|
||||
-ms-border-radius: 3px
|
||||
-o-border-radius: 3px
|
||||
border-radius: 3px
|
||||
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
|
||||
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
|
||||
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
|
||||
margin: 0 auto
|
||||
|
||||
h1.text-muted, h2.text-muted, h3.text-muted
|
||||
margin-top: 10px
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
||||
|
||||
div#wrap
|
||||
> .carousel:first-child, > .jumbotron:first-child
|
||||
top: -20px
|
||||
position: relative
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
||||
|
||||
html,body
|
||||
@@ -86,6 +147,26 @@ footer
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
|
||||
.oe_structure:empty, [data-oe-type=html]:empty, .oe_structure > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
||||
background-image: url('/website/static/src/img/drag_here.png')
|
||||
background-repeat: no-repeat
|
||||
background-position: center top
|
||||
height: 200px !important
|
||||
|
||||
.oe_structure > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
||||
position: static
|
||||
|
||||
.oe_structure:empty:before, [data-oe-type=html]:empty:before, .oe_structure > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
|
||||
content: 'Drag Building Blocks Here'
|
||||
text-align: center
|
||||
display: block
|
||||
padding-top: 100px
|
||||
padding-bottom: 50px
|
||||
color: grey
|
||||
font-size: 24px
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
|
||||
.navbar .nav > li > p
|
||||
margin-bottom: 0px
|
||||
|
||||
@@ -95,14 +176,57 @@ footer
|
||||
// .nav > li a
|
||||
// display: block
|
||||
|
||||
.carousel .item
|
||||
color: white
|
||||
.carousel-inner .item
|
||||
height: 100%
|
||||
|
||||
.carousel
|
||||
.carousel-caption
|
||||
h1, h2, h3
|
||||
margin-top: 10px
|
||||
margin-bottom: 10px
|
||||
.carousel-image
|
||||
right: 10%
|
||||
left: 50%
|
||||
top: 5%
|
||||
bottom: 5%
|
||||
position: absolute
|
||||
text-align: center
|
||||
img
|
||||
height: 100%
|
||||
margin: 0 auto
|
||||
.item.text_image
|
||||
.carousel-caption
|
||||
left: auto
|
||||
right: auto
|
||||
bottom: 10%
|
||||
text-align: left
|
||||
padding: 20px
|
||||
background: rgba(0, 0, 0, 0.4)
|
||||
.item.text_only
|
||||
.carousel-image
|
||||
display: none
|
||||
.carousel-caption
|
||||
left: 10%
|
||||
right: 10%
|
||||
top: 10%
|
||||
text-align: center
|
||||
.item.image_text
|
||||
.carousel-caption
|
||||
left: auto
|
||||
text-align: left
|
||||
right: 10%
|
||||
bottom: 10%
|
||||
padding: 20px
|
||||
background: rgba(0, 0, 0, 0.4)
|
||||
.carousel-image
|
||||
right: 50%
|
||||
left: 10%
|
||||
|
||||
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
|
||||
|
||||
.dark
|
||||
background: #eff8f8
|
||||
background: rgba(100, 200, 200, 0.1)
|
||||
background: rgba(100, 200, 200, 0.14)
|
||||
-webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
|
||||
-moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
|
||||
box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
|
||||
@@ -110,9 +234,9 @@ footer
|
||||
.nav-hierarchy
|
||||
padding-left: 16px
|
||||
|
||||
div#wrap
|
||||
.carousel
|
||||
top: -20px
|
||||
#themes-list
|
||||
.well
|
||||
padding: 0 0 20px 0
|
||||
|
||||
/* -- Hack for removing double scrollbar from mobile preview -- */
|
||||
div#mobile-preview.modal
|
||||
@@ -157,4 +281,4 @@ a[data-publish]
|
||||
top: -10px
|
||||
display: none
|
||||
/*&:hover > [data-publish]*/
|
||||
/* display: block*/
|
||||
/* display: block*/
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 370 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 160 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 178 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 825 KiB |
|
Before Width: | Height: | Size: 584 KiB After Width: | Height: | Size: 584 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 348 KiB After Width: | Height: | Size: 348 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 237 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 732 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 225 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
@@ -3,20 +3,33 @@
|
||||
|
||||
var globalEditor;
|
||||
|
||||
var hash = "#advanced-view-editor";
|
||||
|
||||
var website = openerp.website;
|
||||
website.templates.push('/website/static/src/xml/website.ace.xml');
|
||||
|
||||
website.ready().then(function () {
|
||||
if (window.location.hash.indexOf(hash) >= 0) {
|
||||
launch();
|
||||
}
|
||||
});
|
||||
|
||||
function launch () {
|
||||
if (globalEditor) {
|
||||
globalEditor.open();
|
||||
} else {
|
||||
globalEditor = new website.ace.ViewEditor(this);
|
||||
globalEditor.appendTo($(document.body));
|
||||
}
|
||||
}
|
||||
|
||||
website.EditorBar.include({
|
||||
events: _.extend({}, website.EditorBar.prototype.events, {
|
||||
'click a[data-action=ace]': 'launchAce',
|
||||
'click a[data-action=ace]': 'launch',
|
||||
}),
|
||||
launchAce: function () {
|
||||
if (globalEditor) {
|
||||
globalEditor.open();
|
||||
} else {
|
||||
globalEditor = new website.ace.ViewEditor(this);
|
||||
globalEditor.appendTo($(document.body));
|
||||
}
|
||||
launch: function (e) {
|
||||
e.preventDefault();
|
||||
launch();
|
||||
},
|
||||
});
|
||||
|
||||
@@ -55,88 +68,142 @@
|
||||
website.ace.ViewEditor = openerp.Widget.extend({
|
||||
template: 'website.ace_view_editor',
|
||||
events: {
|
||||
'change #ace-view-list': 'displayView',
|
||||
'click button[data-action=save]': 'saveView',
|
||||
'change #ace-view-list': 'displaySelectedView',
|
||||
'click button[data-action=save]': 'saveViews',
|
||||
'click button[data-action=format]': 'formatXml',
|
||||
'click button[data-action=close]': 'close',
|
||||
},
|
||||
init: function (parent) {
|
||||
this.buffers = {};
|
||||
this._super(parent);
|
||||
},
|
||||
start: function () {
|
||||
var self = this;
|
||||
self.aceEditor = ace.edit(self.$('#ace-view-editor')[0]);
|
||||
self.aceEditor.setTheme("ace/theme/monokai");
|
||||
var viewId = $(document.documentElement).data('view-xmlid');
|
||||
openerp.jsonRpc('/website/customize_template_get', 'call', {
|
||||
'xml_id': viewId,
|
||||
'optional': false,
|
||||
}).then(function (views) {
|
||||
self.loadViewList.call(self, views);
|
||||
self.loadViews.call(self, views);
|
||||
self.open.call(self);
|
||||
});
|
||||
},
|
||||
loadViews: function (views) {
|
||||
var self = this;
|
||||
var activeViews = _.filter(views, function (view) {
|
||||
return view.active;
|
||||
});
|
||||
var $viewList = self.$('#ace-view-list');
|
||||
_.each(activeViews, function (view) {
|
||||
if (view.id) {
|
||||
new website.ace.ViewOption(self, view).appendTo($viewList);
|
||||
self.loadView(view.id);
|
||||
}
|
||||
});
|
||||
},
|
||||
loadView: function (id) {
|
||||
var viewId = parseInt(id, 10);
|
||||
var self = this;
|
||||
openerp.jsonRpc('/web/dataset/call', 'call', {
|
||||
model: 'ir.ui.view',
|
||||
method: 'read',
|
||||
args: [[viewId], ['arch'], website.get_context()],
|
||||
}).then(function(result) {
|
||||
var editingSession = self.buffers[viewId] = new ace.EditSession(result[0].arch);;
|
||||
editingSession.setMode("ace/mode/xml");
|
||||
editingSession.setUndoManager(new ace.UndoManager());
|
||||
editingSession.on("change", function () {
|
||||
setTimeout(function () {
|
||||
var $option = self.$('#ace-view-list').find('[value='+viewId+']');
|
||||
var bufferName = $option.text();
|
||||
var dirtyMarker = " (unsaved changes)";
|
||||
var isDirty = editingSession.getUndoManager().hasUndo();
|
||||
if (isDirty && bufferName.indexOf(dirtyMarker) < 0) {
|
||||
$option.text(bufferName + dirtyMarker);
|
||||
} else if (!isDirty && bufferName.indexOf(dirtyMarker) > 0) {
|
||||
$option.text(bufferName.substring(0, bufferName.indexOf(dirtyMarker)));
|
||||
}
|
||||
}, 1);
|
||||
});
|
||||
if (viewId === self.selectedViewId()) {
|
||||
self.displayView.call(self, viewId);
|
||||
}
|
||||
});
|
||||
this.$el.hover();
|
||||
},
|
||||
selectedViewId: function () {
|
||||
return parseInt(this.$('#ace-view-list').val(), 10);
|
||||
},
|
||||
loadViewList: function (views) {
|
||||
var activeViews = _.filter(views, function (view) {
|
||||
return view.active;
|
||||
});
|
||||
var $viewList = this.$('#ace-view-list');
|
||||
_.each(activeViews, function (view) {
|
||||
if (view.id) {
|
||||
new website.ace.ViewOption(this, view).appendTo($viewList);
|
||||
}
|
||||
});
|
||||
var editor = ace.edit(this.$('#ace-view-editor')[0]);
|
||||
editor.setTheme("ace/theme/monokai");
|
||||
this.aceEditor = editor;
|
||||
this.open();
|
||||
displayView: function (id) {
|
||||
var viewId = parseInt(id, 10);
|
||||
var editingSession = this.buffers[viewId];
|
||||
if (editingSession) {
|
||||
this.aceEditor.setSession(editingSession);
|
||||
}
|
||||
},
|
||||
displayView: function () {
|
||||
var editor = this.aceEditor;
|
||||
openerp.jsonRpc('/web/dataset/call', 'call', {
|
||||
model: 'ir.ui.view',
|
||||
method: 'read',
|
||||
args: [[this.selectedViewId()], ['arch'], website.get_context()],
|
||||
}).then(function(result) {
|
||||
var xml = new website.ace.XmlDocument(result[0].arch);
|
||||
var editingSession = new ace.EditSession(xml.xml);
|
||||
editingSession.setMode("ace/mode/xml");
|
||||
editingSession.setUndoManager(new ace.UndoManager());
|
||||
editor.setSession(editingSession);
|
||||
});
|
||||
displaySelectedView: function () {
|
||||
this.displayView(this.selectedViewId());
|
||||
this.updateHash();
|
||||
},
|
||||
formatXml: function () {
|
||||
var xml = new website.ace.XmlDocument(this.aceEditor.getValue());
|
||||
this.aceEditor.setValue(xml.format());
|
||||
},
|
||||
saveView: function () {
|
||||
saveViews: function () {
|
||||
var self = this;
|
||||
var xml = new website.ace.XmlDocument(this.aceEditor.getValue());
|
||||
var toSave = _.filter(_.map(self.buffers, function (editingSession, viewId) {
|
||||
return {
|
||||
id: parseInt(viewId, 10),
|
||||
isDirty: editingSession.getUndoManager().hasUndo(),
|
||||
text: editingSession.getValue(),
|
||||
};
|
||||
}), function (session) {
|
||||
return session.isDirty;
|
||||
});
|
||||
var requests = _.map(toSave, self.saveView);
|
||||
$.when.apply($, requests).then(function () {
|
||||
self.reloadPage.call(self);
|
||||
}).fail(function () {
|
||||
self.displayError.call(self);
|
||||
});
|
||||
},
|
||||
saveView: function (session) {
|
||||
var xml = new website.ace.XmlDocument(session.text);
|
||||
if (xml.isWellFormed()) {
|
||||
openerp.jsonRpc('/web/dataset/call', 'call', {
|
||||
return openerp.jsonRpc('/web/dataset/call', 'call', {
|
||||
model: 'ir.ui.view',
|
||||
method: 'write',
|
||||
args: [[this.selectedViewId()], { 'arch': xml.xml }, website.get_context()],
|
||||
}).then(function(result) {
|
||||
self.reloadPage();
|
||||
}).fail(function (error) {
|
||||
self.displayError(error);
|
||||
args: [[session.id], { 'arch': xml.xml }, website.get_context()],
|
||||
});
|
||||
} else {
|
||||
self.displayError();
|
||||
return $.Deferred().fail("Malformed XML document");
|
||||
}
|
||||
},
|
||||
updateHash: function () {
|
||||
window.location.hash = hash + "?view=" + this.selectedViewId();
|
||||
},
|
||||
reloadPage: function () {
|
||||
// TODO Reload { header + div#wrap + footer } only
|
||||
this.updateHash();
|
||||
window.location.reload();
|
||||
},
|
||||
displayError: function (error) {
|
||||
// TODO Improve feedback (e.g. update 'Save' button + tooltip)
|
||||
alert("Malformed XML document");
|
||||
alert(error);
|
||||
},
|
||||
open: function () {
|
||||
this.$el.removeClass('oe_ace_closed').addClass('oe_ace_open');
|
||||
this.displayView();
|
||||
var curentHash = window.location.hash;
|
||||
var indexOfView = curentHash.indexOf("?view=");
|
||||
if (indexOfView >= 0) {
|
||||
var viewId = parseInt(curentHash.substring(indexOfView + 6, curentHash.length), 10);
|
||||
this.$('#ace-view-list').val(viewId).change();
|
||||
} else {
|
||||
window.location.hash = hash;
|
||||
}
|
||||
},
|
||||
close: function () {
|
||||
window.location.hash = "";
|
||||
var self = this;
|
||||
this.$el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function () {
|
||||
globalEditor = null;
|
||||
|
||||
@@ -184,10 +184,17 @@
|
||||
|
||||
this.rte = new website.RTE(this);
|
||||
this.rte.on('change', this, this.proxy('rte_changed'));
|
||||
var instanceReady = false;
|
||||
this.rte.on('instanceReady', this, function () {
|
||||
clearTimeout(instanceReady);
|
||||
instanceReady = setTimeout(function () {
|
||||
self.trigger('rte:ready');
|
||||
}, 0);
|
||||
});
|
||||
|
||||
return $.when(
|
||||
this._super.apply(this, arguments),
|
||||
this.rte.prependTo(this.$('#website-top-edit .nav.pull-right'))
|
||||
this.rte.appendTo(this.$('#website-top-edit .nav.pull-right'))
|
||||
);
|
||||
},
|
||||
edit: function () {
|
||||
@@ -315,6 +322,8 @@
|
||||
'magicline'
|
||||
];
|
||||
return {
|
||||
// FIXME
|
||||
language: 'en',
|
||||
// Disable auto-generated titles
|
||||
// FIXME: accessibility, need to generate user-sensible title, used for @title and @aria-label
|
||||
title: false,
|
||||
@@ -589,23 +598,34 @@
|
||||
},
|
||||
'change input[type=file]': 'file_selection',
|
||||
'change input.url': 'preview_image',
|
||||
'click .existing-attachments a': 'select_existing',
|
||||
'click a[href=#existing]': 'browse_existing',
|
||||
'change select.image-style': 'preview_image',
|
||||
}),
|
||||
start: function () {
|
||||
var selection = this.editor.getSelection();
|
||||
var el = selection && selection.getSelectedElement();
|
||||
this.element = null;
|
||||
|
||||
var $select = this.$('.image-style');
|
||||
var $options = $select.children();
|
||||
this.image_styles = $options.map(function () { return this.value; }).get();
|
||||
|
||||
if (el && el.is('img')) {
|
||||
this.element = el;
|
||||
_(this.image_styles).each(function (style) {
|
||||
if (el.hasClass(style)) {
|
||||
$select.val(style);
|
||||
}
|
||||
});
|
||||
// set_image must follow setup of image style
|
||||
this.set_image(el.getAttribute('src'));
|
||||
}
|
||||
|
||||
return $.when(
|
||||
this._super(),
|
||||
this.fetch_existing().then(this.proxy('fetched_existing')));
|
||||
return this._super();
|
||||
},
|
||||
save: function () {
|
||||
var url = this.$('input.url').val();
|
||||
var style = this.$('.image-style').val();
|
||||
var element, editor = this.editor;
|
||||
if (!(element = this.element)) {
|
||||
element = editor.document.createElement('img');
|
||||
@@ -619,7 +639,10 @@
|
||||
}, 0);
|
||||
}
|
||||
element.setAttribute('src', url);
|
||||
this._super();
|
||||
$(element.$).removeClass(this.image_styles.join(' '));
|
||||
if (style) { element.addClass(style); }
|
||||
|
||||
return this._super();
|
||||
},
|
||||
|
||||
/**
|
||||
@@ -657,11 +680,48 @@
|
||||
var image = this.$('input.url').val();
|
||||
if (!image) { return; }
|
||||
|
||||
this.$('img.image-preview').attr('src', image);
|
||||
this.$('img.image-preview')
|
||||
.attr('src', image)
|
||||
.removeClass(this.image_styles.join(' '))
|
||||
.addClass(this.$('select.image-style').val());
|
||||
},
|
||||
|
||||
browse_existing: function (e) {
|
||||
e.preventDefault();
|
||||
new website.editor.ExistingImageDialog(this).appendTo(document.body);
|
||||
},
|
||||
});
|
||||
|
||||
var IMAGES_PER_ROW = 3;
|
||||
var IMAGES_ROWS = 3;
|
||||
website.editor.ExistingImageDialog = website.editor.Dialog.extend({
|
||||
template: 'website.editor.dialog.image.existing',
|
||||
events: _.extend({}, website.editor.Dialog.prototype.events, {
|
||||
'click .existing-attachments a': 'select_existing',
|
||||
'click .pager > li': function (e) {
|
||||
e.preventDefault();
|
||||
var $target = $(e.currentTarget);
|
||||
if ($target.hasClass('disabled')) {
|
||||
return;
|
||||
}
|
||||
this.page += $target.hasClass('previous') ? -1 : 1;
|
||||
this.display_attachments();
|
||||
},
|
||||
}),
|
||||
init: function (parent) {
|
||||
this.image = null;
|
||||
this.page = 0;
|
||||
this.parent = parent;
|
||||
this._super(parent.editor);
|
||||
},
|
||||
|
||||
start: function () {
|
||||
return $.when(
|
||||
this._super(),
|
||||
this.fetch_existing().then(this.proxy('fetched_existing')));
|
||||
},
|
||||
|
||||
fetch_existing: function () {
|
||||
// FIXME: lazy load attachments?
|
||||
return openerp.jsonRpc('/web/dataset/call_kw', 'call', {
|
||||
model: 'ir.attachment',
|
||||
method: 'search_read',
|
||||
@@ -675,17 +735,42 @@
|
||||
});
|
||||
},
|
||||
fetched_existing: function (records) {
|
||||
this.records = records;
|
||||
this.display_attachments();
|
||||
},
|
||||
display_attachments: function () {
|
||||
var per_screen = IMAGES_PER_ROW * IMAGES_ROWS;
|
||||
|
||||
var from = this.page * per_screen;
|
||||
var records = this.records;
|
||||
|
||||
// Create rows of 3 records
|
||||
var rows = _(records).chain()
|
||||
.groupBy(function (_, index) { return Math.floor(index / 3); })
|
||||
.slice(from, from + per_screen)
|
||||
.groupBy(function (_, index) { return Math.floor(index / IMAGES_PER_ROW); })
|
||||
.values()
|
||||
.value();
|
||||
|
||||
this.$('.existing-attachments').replaceWith(
|
||||
openerp.qweb.render('website.editor.dialog.image.existing', {rows: rows}));
|
||||
openerp.qweb.render(
|
||||
'website.editor.dialog.image.existing.content', {rows: rows}));
|
||||
this.$('.pager')
|
||||
.find('li.previous').toggleClass('disabled', (from === 0)).end()
|
||||
.find('li.next').toggleClass('disabled', (from + per_screen >= records.length));
|
||||
|
||||
},
|
||||
select_existing: function (e) {
|
||||
e.preventDefault();
|
||||
this.set_image(e.currentTarget.getAttribute('href'));
|
||||
this.$('a.thumbnail.selected').removeClass('selected');
|
||||
|
||||
$(e.currentTarget).addClass('selected');
|
||||
},
|
||||
save: function () {
|
||||
var link = this.$('a.thumbnail.selected').attr('href');
|
||||
if (link) {
|
||||
this.parent.set_image(link);
|
||||
}
|
||||
this._super();
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
@@ -20,12 +20,31 @@
|
||||
events: {
|
||||
'click .js_seo_suggestion': 'select',
|
||||
},
|
||||
init: function (parent, keyword) {
|
||||
init: function (parent, keyword, htmlPage) {
|
||||
this.keyword = keyword;
|
||||
this.htmlPage = htmlPage;
|
||||
this.type = this.computeType();
|
||||
this._super(parent);
|
||||
},
|
||||
start: function () {
|
||||
var self = this;
|
||||
function update () {
|
||||
self.updateType();
|
||||
}
|
||||
self.htmlPage.on('title-changed', self, update);
|
||||
self.htmlPage.on('description-changed', self, update);
|
||||
},
|
||||
computeType: function () {
|
||||
// cf. http://getbootstrap.com/components/#labels
|
||||
// default, primary, success, info, warning, danger
|
||||
this.type = 'default';
|
||||
this._super(parent);
|
||||
return this.htmlPage.isInTitle(this.keyword) ? 'success'
|
||||
: this.htmlPage.isInDescription(this.keyword) ? 'primary'
|
||||
: this.htmlPage.isInBody(this.keyword) ? 'info'
|
||||
: 'default';
|
||||
},
|
||||
updateType: function () {
|
||||
this.type = this.computeType();
|
||||
this.renderElement();
|
||||
},
|
||||
select: function () {
|
||||
this.trigger('selected', this.keyword);
|
||||
@@ -34,8 +53,9 @@
|
||||
|
||||
website.seo.SuggestionList = openerp.Widget.extend({
|
||||
template: 'website.seo_list',
|
||||
init: function (parent, word) {
|
||||
init: function (parent, word, htmlPage) {
|
||||
this.word = word;
|
||||
this.htmlPage = htmlPage;
|
||||
this._super(parent);
|
||||
},
|
||||
start: function () {
|
||||
@@ -54,7 +74,7 @@
|
||||
// TODO Order properly ?
|
||||
_.each(_.uniq(cleanList), function (keyword) {
|
||||
if (keyword) {
|
||||
var suggestion = new website.seo.Suggestion(self, keyword);
|
||||
var suggestion = new website.seo.Suggestion(self, keyword, self.htmlPage);
|
||||
suggestion.on('selected', self, function (word) {
|
||||
self.trigger('selected', word);
|
||||
});
|
||||
@@ -72,21 +92,37 @@
|
||||
'click a[data-action=remove-keyword]': 'destroy',
|
||||
},
|
||||
maxWordsPerKeyword: 4, // TODO Check
|
||||
init: function (parent, keyword) {
|
||||
init: function (parent, keyword, htmlPage) {
|
||||
this.keyword = keyword;
|
||||
// cf. http://getbootstrap.com/components/#labels
|
||||
// default, primary, success, info, warning, danger
|
||||
this.type = 'warning';
|
||||
this.htmlPage = htmlPage;
|
||||
this.type = this.computeType();
|
||||
this._super(parent);
|
||||
},
|
||||
start: function () {
|
||||
var self = this;
|
||||
self.suggestionList = new website.seo.SuggestionList(self, this.keyword);
|
||||
function update () {
|
||||
self.updateType();
|
||||
}
|
||||
self.htmlPage.on('title-changed', self, update);
|
||||
self.htmlPage.on('description-changed', self, update);
|
||||
self.suggestionList = new website.seo.SuggestionList(self, this.keyword, this.htmlPage);
|
||||
self.suggestionList.on('selected', self, function (word) {
|
||||
self.trigger('selected', word);
|
||||
});
|
||||
this.suggestionList.appendTo(this.$('.js_seo_keyword_suggestion'));
|
||||
},
|
||||
computeType: function () {
|
||||
// cf. http://getbootstrap.com/components/#labels
|
||||
// default, primary, success, info, warning, danger
|
||||
return this.htmlPage.isInTitle(this.keyword) ? 'success'
|
||||
: this.htmlPage.isInDescription(this.keyword) ? 'primary'
|
||||
: this.htmlPage.isInBody(this.keyword) ? 'warning'
|
||||
: 'default';
|
||||
},
|
||||
updateType: function () {
|
||||
this.type = this.computeType();
|
||||
this.$('span.js_seo_keyword').attr('class', "label label-"+this.type+" js_seo_keyword");
|
||||
},
|
||||
destroy: function () {
|
||||
this.trigger('removed');
|
||||
this._super();
|
||||
@@ -96,6 +132,10 @@
|
||||
website.seo.KeywordList = openerp.Widget.extend({
|
||||
template: 'website.seo_list',
|
||||
maxKeywords: 10,
|
||||
init: function (parent, htmlPage) {
|
||||
this.htmlPage = htmlPage;
|
||||
this._super(parent);
|
||||
},
|
||||
keywords: function () {
|
||||
var result = [];
|
||||
this.$('span.js_seo_keyword').each(function () {
|
||||
@@ -114,7 +154,7 @@
|
||||
// TODO Refine
|
||||
var word = candidate ? candidate.replace(/[,;.:<>]+/g, " ").replace(/ +/g, " ").trim() : "";
|
||||
if (word && !self.isKeywordListFull() && !self.isExistingKeyword(word)) {
|
||||
var keyword = new website.seo.Keyword(self, word);
|
||||
var keyword = new website.seo.Keyword(self, word, this.htmlPage);
|
||||
keyword.on('removed', self, function () {
|
||||
self.trigger('list-not-full');
|
||||
self.trigger('removed', word);
|
||||
@@ -141,9 +181,13 @@
|
||||
|
||||
|
||||
website.seo.ImageList = openerp.Widget.extend({
|
||||
init: function (parent, htmlPage) {
|
||||
this.htmlPage = htmlPage;
|
||||
this._super(parent);
|
||||
},
|
||||
start: function () {
|
||||
var self = this;
|
||||
new website.seo.PageParser().images().each(function (index, image) {
|
||||
this.htmlPage.images().each(function (index, image) {
|
||||
new website.seo.Image(self, image).appendTo(self.$el);
|
||||
});
|
||||
},
|
||||
@@ -163,14 +207,32 @@
|
||||
},
|
||||
});
|
||||
|
||||
website.seo.PageParser = openerp.Class.extend({
|
||||
website.seo.HtmlPage = openerp.Class.extend(openerp.PropertiesMixin, {
|
||||
url: function () {
|
||||
var url = window.location.href;
|
||||
var hashIndex = url.indexOf('#');
|
||||
return hashIndex >= 0 ? url.substring(0, hashIndex) : url;
|
||||
},
|
||||
title: function () {
|
||||
return $(document.title).text();
|
||||
return $('title').text().trim();
|
||||
},
|
||||
changeTitle: function (title) {
|
||||
$('title').text(title);
|
||||
this.trigger('title-changed', title);
|
||||
},
|
||||
description: function () {
|
||||
return $('meta[name=description]').attr('value').trim();
|
||||
},
|
||||
changeDescription: function (description) {
|
||||
$('meta[name=description]').attr('value', description);
|
||||
this.trigger('description-changed', description);
|
||||
},
|
||||
keywords: function () {
|
||||
return $('meta[name=keywords]').attr('value').split(",");
|
||||
},
|
||||
changeKeywords: function (keywords) {
|
||||
$('meta[name=keywords]').attr('value', keyword.join(","));
|
||||
this.trigger('keywords-changed', keywords);
|
||||
},
|
||||
headers: function (tag) {
|
||||
return $('#wrap '+tag).map(function () {
|
||||
@@ -189,6 +251,18 @@
|
||||
company: function () {
|
||||
return $('meta[name="openerp.company"]').attr('value');
|
||||
},
|
||||
bodyText: function () {
|
||||
return $('body').children().not('.js_seo_configuration').text();
|
||||
},
|
||||
isInBody: function (text) {
|
||||
return new RegExp(text, "gi").test(this.bodyText());
|
||||
},
|
||||
isInTitle: function (text) {
|
||||
return new RegExp(text, "gi").test(this.title());
|
||||
},
|
||||
isInDescription: function (text) {
|
||||
return new RegExp(text, "gi").test(this.description());
|
||||
},
|
||||
});
|
||||
|
||||
website.seo.Tip = openerp.Widget.extend({
|
||||
@@ -208,23 +282,26 @@
|
||||
website.seo.Configurator = openerp.Widget.extend({
|
||||
template: 'website.seo_configuration',
|
||||
events: {
|
||||
'keypress input[name=seo_page_keywords]': 'confirmKeyword',
|
||||
'keyup input[name=seo_page_keywords]': 'confirmKeyword',
|
||||
'keyup input[name=seo_page_title]': 'titleChanged',
|
||||
'keyup textarea[name=seo_page_description]': 'descriptionChanged',
|
||||
'click button[data-action=add]': 'addKeyword',
|
||||
'click button[data-action=update]': 'update',
|
||||
'hidden.bs.modal': 'destroy'
|
||||
'hidden.bs.modal': 'destroy',
|
||||
},
|
||||
maxTitleSize: 65,
|
||||
maxDescriptionSize: 155,
|
||||
start: function () {
|
||||
var self = this;
|
||||
var $modal = self.$el;
|
||||
var pageParser = new website.seo.PageParser();
|
||||
$modal.find('.js_seo_page_url').text(pageParser.url());
|
||||
$modal.find('input[name=seo_page_title]').val(pageParser.title());
|
||||
self.suggestImprovements(pageParser);
|
||||
self.imageList = new website.seo.ImageList(self);
|
||||
var htmlPage = this.htmlPage = new website.seo.HtmlPage();
|
||||
$modal.find('.js_seo_page_url').text(htmlPage.url());
|
||||
$modal.find('input[name=seo_page_title]').val(htmlPage.title());
|
||||
$modal.find('textarea[name=seo_page_description]').val(htmlPage.description());
|
||||
self.suggestImprovements();
|
||||
self.imageList = new website.seo.ImageList(self, htmlPage);
|
||||
self.imageList.appendTo($modal.find('.js_seo_image_list'));
|
||||
self.keywordList = new website.seo.KeywordList(self);
|
||||
self.keywordList = new website.seo.KeywordList(self, htmlPage);
|
||||
self.keywordList.on('list-full', self, function () {
|
||||
$modal.find('input[name=seo_page_keywords]')
|
||||
.attr('readonly', "readonly")
|
||||
@@ -242,11 +319,11 @@
|
||||
self.keywordList.add(word);
|
||||
});
|
||||
self.keywordList.appendTo($modal.find('.js_seo_keywords_list'));
|
||||
var companyName = pageParser.company().toLowerCase();
|
||||
var companyName = htmlPage.company().toLowerCase();
|
||||
self.addKeyword(companyName);
|
||||
$modal.modal();
|
||||
},
|
||||
suggestImprovements: function (parser) {
|
||||
suggestImprovements: function () {
|
||||
var tips = [];
|
||||
var self = this;
|
||||
function displayTip(message, type) {
|
||||
@@ -255,14 +332,14 @@
|
||||
type: type,
|
||||
}).appendTo(self.$('.js_seo_tips'));
|
||||
}
|
||||
var pageParser = parser || new website.seo.PageParser();
|
||||
if (pageParser.headers('h1').length === 0) {
|
||||
var htmlPage = this.htmlPage;
|
||||
if (htmlPage.headers('h1').length === 0) {
|
||||
tips.push({
|
||||
type: 'warning',
|
||||
message: "You don't have an <h1> tag on your page.",
|
||||
});
|
||||
}
|
||||
if (pageParser.headers('h1').length > 1) {
|
||||
if (htmlPage.headers('h1').length > 1) {
|
||||
tips.push({
|
||||
type: 'warning',
|
||||
message: "You have more than one <h1> tag on your page.",
|
||||
@@ -289,13 +366,28 @@
|
||||
},
|
||||
update: function () {
|
||||
var data = {
|
||||
title: this.$('input[name=seo_page_title]').val(),
|
||||
description: this.$('input[name=seo_page_title]').val(),
|
||||
title: this.htmlPage.title(),
|
||||
description: this.htmlPage.description(),
|
||||
keywords: this.keywordList.keywords(),
|
||||
images: this.imageList.images(),
|
||||
};
|
||||
console.log(data);
|
||||
// TODO Persist changes
|
||||
this.$el.modal('hide');
|
||||
},
|
||||
titleChanged: function () {
|
||||
var self = this;
|
||||
setTimeout(function () {
|
||||
var title = self.$('input[name=seo_page_title]').val();
|
||||
self.htmlPage.changeTitle(title);
|
||||
}, 1);
|
||||
},
|
||||
descriptionChanged: function () {
|
||||
var self = this;
|
||||
setTimeout(function () {
|
||||
var description = self.$('textarea[name=seo_page_description]').attr('value');
|
||||
self.htmlPage.changeDescription(description);
|
||||
}, 1);
|
||||
},
|
||||
});
|
||||
})();
|
||||
|
||||
@@ -5,54 +5,73 @@
|
||||
website.templates.push('/website/static/src/xml/website.snippets.xml');
|
||||
|
||||
website.EditorBar.include({
|
||||
events: _.extend({}, website.EditorBar.prototype.events, {
|
||||
'click button[data-action=snippet]': 'snippet',
|
||||
}),
|
||||
start: function () {
|
||||
return this._super().then(function () {
|
||||
|
||||
this.$buttons.snippet = this.$('button[data-action=snippet]');
|
||||
|
||||
}.bind(this));
|
||||
var self = this;
|
||||
$("body").on('click', function (event) {
|
||||
var tag = event.srcElement.tagName.toLowerCase();
|
||||
var $this = $(event.srcElement);
|
||||
if (!(tag === 'a' || tag === "button") && !$this.parents("a, button").length) {
|
||||
self.$('[data-action="edit"]').parent().effect('bounce', {distance: 18, times: 5}, 250);
|
||||
}
|
||||
});
|
||||
return this._super();
|
||||
},
|
||||
edit: function () {
|
||||
window.snippets = this.snippets = new website.snippet.BuildingBlock(this);
|
||||
this.snippets.appendTo($(document.body));
|
||||
$("body").off('click');
|
||||
var self = this;
|
||||
self.on('rte:ready', this, function () {
|
||||
|
||||
var $button = $(openerp.qweb.render('website.snippets_button'))
|
||||
.click(function () {self.snippets.$el.toggleClass("hidden");})
|
||||
.prependTo(self.$("ul"));
|
||||
window.snippets = self.snippets = new website.snippet.BuildingBlock(this);
|
||||
self.snippets.appendTo(self.$el);
|
||||
|
||||
});
|
||||
return this._super.apply(this, arguments);
|
||||
},
|
||||
snippet: function (ev) {
|
||||
this.snippets.toggle();
|
||||
},
|
||||
save: function () {
|
||||
$('body').trigger("save");
|
||||
remove_added_snippet_id();
|
||||
this._super();
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
hack_to_add_snippet_id();
|
||||
$("[data-snippet-id]").each(function() {
|
||||
var $snipped_id = $(this);
|
||||
if (typeof $snipped_id.data("snippet-view") === 'undefined' &&
|
||||
website.snippet.animationRegistry[$snipped_id.data("snippet-id")]) {
|
||||
$snipped_id.data("snippet-view", new website.snippet.animationRegistry[$snipped_id.data("snippet-id")]($snipped_id));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/* ----- SNIPPET SELECTOR ---- */
|
||||
|
||||
website.snippet = {};
|
||||
|
||||
|
||||
// puts $el at the same absolute position as $target
|
||||
website.snippet.cover_target = function ($el, $target){
|
||||
$el.css({
|
||||
'position': 'absolute',
|
||||
'width': $target.outerWidth(),
|
||||
'height': $target.outerHeight(),
|
||||
});
|
||||
$el.css($target.offset());
|
||||
};
|
||||
function hack_to_add_snippet_id () {
|
||||
_.each(website.snippet.selector, function (val) {
|
||||
$(val[0]).each(function() {
|
||||
if ($(this).is("[data-snippet-id='"+ val[1]+"']"))
|
||||
$(this).removeAttr("data-snippet-id");
|
||||
if (!$(this).is("[data-snippet-id]") && $(this).parents("[data-oe-model]").length)
|
||||
if (!$(this).is("[data-snippet-id]") && $(this).parents("[data-oe-model]").length) {
|
||||
$(this).attr("data-snippet-id", val[1]);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
function remove_added_snippet_id () {
|
||||
_.each(website.snippet.selector, function (val) {
|
||||
$(val[0]).each(function() {
|
||||
if ($(this).data("snippet-id") === val[1]) {
|
||||
$(this).removeAttr("data-snippet-id");
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
website.snippet.selector = [];
|
||||
website.snippet.BuildingBlock = openerp.Widget.extend({
|
||||
@@ -65,9 +84,25 @@
|
||||
$("<div id='oe_manipulators'></div>").appendTo('body');
|
||||
}
|
||||
this.$active_snipped_id = false;
|
||||
this.active = false;
|
||||
this.parent_of_editable_box = "body > :not(:has(#website-top-view)):not(#oe_manipulators):not(#oe_snippets) ";
|
||||
hack_to_add_snippet_id();
|
||||
$("body").on('DOMNodeInserted', hack_to_add_snippet_id);
|
||||
},
|
||||
dom_filter: function (dom) {
|
||||
if (typeof dom === "string") {
|
||||
var exclude = ":not(#oe_manipulators):not(#website-top-navbar):not(.oe_snippet)";
|
||||
var sdom = dom.split(',');
|
||||
dom = "";
|
||||
_.each(sdom, function (val) {
|
||||
val = val.replace(/^\s+|\s+$/g, '');
|
||||
dom += "body > " + exclude + " " + val + ", ";
|
||||
val = val.split(" ");
|
||||
dom += "body > "+ val.shift() + exclude + val.join(" ") + ", ";
|
||||
});
|
||||
dom = dom.replace(/,\s*$/g, '');
|
||||
return $(dom);
|
||||
} else {
|
||||
return $(dom).parents("#oe_manipulators, #website-top-navbar").length || $(dom).hasClass("oe_snippet") ? $("") : $(dom);
|
||||
}
|
||||
},
|
||||
start: function() {
|
||||
var self = this;
|
||||
@@ -76,7 +111,7 @@
|
||||
_.each(openerp.qweb.compiled_templates, function (val, key) {
|
||||
if (key.indexOf('website.snippets.') === 0) {
|
||||
var $snippet = $(openerp.qweb.render(key)).addClass("oe_snippet");
|
||||
if ($snippet.data("action")) {
|
||||
if ($snippet.data("snippet-id")) {
|
||||
self.$el.find('#snippet_' + $snippet.data('category')).append($snippet);
|
||||
self.make_snippet_draggable($snippet);
|
||||
}
|
||||
@@ -85,13 +120,68 @@
|
||||
|
||||
this.bind_selected_manipulator();
|
||||
this.bind_snippet_click_editor();
|
||||
this.activate_overlay_zones();
|
||||
|
||||
this.scrollspy();
|
||||
this.$el.addClass("hidden");
|
||||
},
|
||||
scrollspy: function (){
|
||||
var self = this;
|
||||
var $ul = this.$("ul");
|
||||
var $pill = self.$(".pill-content");
|
||||
var padding = parseInt($pill.css("padding-left"));
|
||||
var $scroll = this.$(".scroll");
|
||||
|
||||
$scroll.scroll(function () {
|
||||
$pill.find("> div").each(function () {
|
||||
if ($(this).position().left <= padding) {
|
||||
$ul.find("> li").removeClass('active');
|
||||
$ul.find("a[href='#" + $(this).attr("id") + "']").parent("li").addClass('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$ul.find("a").click(function (event) {
|
||||
event.preventDefault();
|
||||
$scroll.scrollLeft( $scroll.scrollLeft() + $($(event.currentTarget).attr("href")).position().left - padding );
|
||||
return false;
|
||||
});
|
||||
|
||||
$pill.css("padding-right", self.$el.outerWidth() - padding + 10 - $pill.find("> div:last").outerWidth());
|
||||
$ul.find("> li:first").addClass('active');
|
||||
|
||||
this.$el.mouseenter(function () {
|
||||
self.$el.css("height", "");
|
||||
});
|
||||
this.$el.mouseleave(function () {
|
||||
self.$el.css("height", "110px");
|
||||
});
|
||||
this.$el.mouseleave();
|
||||
},
|
||||
cover_target: function ($el, $target){
|
||||
var pos = $target.offset();
|
||||
var mt = parseInt($target.css("margin-top") || 0);
|
||||
var mb = parseInt($target.css("margin-bottom") || 0);
|
||||
$el.css({
|
||||
'position': 'absolute',
|
||||
'width': $target.outerWidth(),
|
||||
'height': $target.outerHeight() + mt + mb,
|
||||
'top': pos.top - mt,
|
||||
'left': pos.left
|
||||
});
|
||||
},
|
||||
show: function () {
|
||||
this.$el.removeClass("hidden");
|
||||
},
|
||||
hide: function () {
|
||||
this.$el.addClass("hidden");
|
||||
},
|
||||
|
||||
bind_snippet_click_editor: function () {
|
||||
var self = this;
|
||||
var snipped_event_flag = false;
|
||||
$("body").on('click', "[data-snippet-id]", function (event) {
|
||||
if (!self.active || snipped_event_flag) {
|
||||
if (snipped_event_flag) {
|
||||
return;
|
||||
}
|
||||
var $target = $(event.currentTarget);
|
||||
@@ -151,10 +241,10 @@
|
||||
create_overlay: function ($snipped_id) {
|
||||
if (typeof $snipped_id.data("snippet-editor") === 'undefined') {
|
||||
this.activate_overlay_zones($snipped_id);
|
||||
var editor = website.snippet.editorRegistry[$snipped_id.data("snippet-id")] || website.snippet.Editor;
|
||||
var editor = website.snippet.editorRegistry[$snipped_id.data("snippet-id")] || website.snippet.editorRegistry.resize;
|
||||
$snipped_id.data("snippet-editor", new editor(this, $snipped_id));
|
||||
}
|
||||
website.snippet.cover_target($snipped_id.data('overlay'), $snipped_id);
|
||||
this.cover_target($snipped_id.data('overlay'), $snipped_id);
|
||||
},
|
||||
|
||||
path_eval: function(path){
|
||||
@@ -170,20 +260,18 @@
|
||||
var self = this;
|
||||
var $selected_target = null;
|
||||
$("body").mouseover(function (event){
|
||||
if (!self.active) {
|
||||
return;
|
||||
}
|
||||
var $target = $(event.srcElement).parents("[data-snippet-id]:first");
|
||||
$target = self.dom_filter($target);
|
||||
if($target.length && !self.editor_busy) {
|
||||
if($selected_target != $target){
|
||||
if($selected_target){
|
||||
if($selected_target && $selected_target.data('overlay')){
|
||||
$selected_target.data('overlay').removeClass('oe_selected');
|
||||
}
|
||||
$selected_target = $target;
|
||||
self.create_overlay($target);
|
||||
$target.data('overlay').addClass('oe_selected');
|
||||
}
|
||||
} else if($selected_target) {
|
||||
} else if($selected_target && $selected_target.data('overlay')) {
|
||||
$selected_target.data('overlay').removeClass('oe_selected');
|
||||
}
|
||||
});
|
||||
@@ -192,22 +280,45 @@
|
||||
// activate drag and drop for the snippets in the snippet toolbar
|
||||
make_snippet_draggable: function($snippet){
|
||||
var self = this;
|
||||
var $toInsert = false;
|
||||
var $tumb = $snippet.find(".oe_snippet_thumbnail");
|
||||
|
||||
$snippet.draggable({
|
||||
helper: 'clone',
|
||||
zIndex: '1000',
|
||||
appendTo: 'body',
|
||||
cursor: "move",
|
||||
handle: ".oe_snippet_thumbnail",
|
||||
cursorAt: {
|
||||
'left': $tumb.outerWidth()/2,
|
||||
'top': $tumb.outerHeight()/2
|
||||
},
|
||||
start: function(){
|
||||
var action = $snippet.data('action');
|
||||
self.hide();
|
||||
|
||||
var snipped_id = $snippet.data('snippet-id');
|
||||
var action = $snippet.find('.oe_snippet_body').size() ? 'insert' : 'mutate';
|
||||
if( action === 'insert'){
|
||||
if (!$snippet.data('selector-siblings') && !$snippet.data('selector-children') && !$snippet.data('selector-vertical-children')) {
|
||||
console.debug($snippet.data("snippet-id") + " have oe_snippet_body class and have not for insert action"+
|
||||
"data-selector-siblings, data-selector-children or data-selector-vertical-children tag for mutate action");
|
||||
return;
|
||||
}
|
||||
self.activate_insertion_zones({
|
||||
siblings: $snippet.data('selector-siblings'),
|
||||
childs: $snippet.data('selector-childs'),
|
||||
vertical_childs: $snippet.data('selector-vertical-childs')
|
||||
children: $snippet.data('selector-children'),
|
||||
vertical_children: $snippet.data('selector-vertical-children')
|
||||
});
|
||||
} else if( action === 'mutate' ){
|
||||
|
||||
$toInsert = $snippet.find('.oe_snippet_body').clone();
|
||||
$toInsert.removeClass('oe_snippet_body');
|
||||
$toInsert.attr('data-snippet-id', snipped_id);
|
||||
|
||||
} else if( action === 'mutate' ){
|
||||
if (!$snippet.data('selector')) {
|
||||
console.debug($snippet.data("snippet-id") + " have not oe_snippet_body class and have not data-selector tag");
|
||||
return;
|
||||
}
|
||||
var $targets = self.activate_overlay_zones($snippet.data('selector'));
|
||||
$targets.each(function(){
|
||||
var $clone = $(this).data('overlay').clone();
|
||||
@@ -219,42 +330,52 @@
|
||||
|
||||
$('.oe_drop_zone').droppable({
|
||||
over: function(){
|
||||
// FIXME: stupid hack to prevent multiple droppable to activate at once ...
|
||||
// it's not even working properly but it's better than nothing.
|
||||
$(".oe_drop_zone.oe_hover").removeClass("oe_hover");
|
||||
$(this).addClass("oe_hover");
|
||||
if( action === 'insert'){
|
||||
$(this).first().after($toInsert);
|
||||
} else {
|
||||
// FIXME: stupid hack to prevent multiple droppable to activate at once ...
|
||||
// it's not even working properly but it's better than nothing.
|
||||
$(".oe_drop_zone.oe_hover").removeClass("oe_hover");
|
||||
$(this).addClass("oe_hover");
|
||||
}
|
||||
},
|
||||
out: function(){
|
||||
$(this).removeClass("oe_hover");
|
||||
if( action === 'insert'){
|
||||
$toInsert.detach();
|
||||
} else {
|
||||
$(this).removeClass("oe_hover");
|
||||
}
|
||||
},
|
||||
drop: function(){
|
||||
var snipped_id = $snippet.data('snippet-id');
|
||||
|
||||
if (!$(".oe_drop_zone.oe_hover").length) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var $target = false;
|
||||
if($snippet.find('.oe_snippet_body').size()){
|
||||
var $toInsert = $snippet.find('.oe_snippet_body').clone();
|
||||
$toInsert.removeClass('oe_snippet_body');
|
||||
$toInsert.attr('data-snippet-id', snipped_id);
|
||||
$(".oe_drop_zone.oe_hover").after($toInsert);
|
||||
if(action === 'insert'){
|
||||
$target = $toInsert;
|
||||
hack_to_add_snippet_id();
|
||||
} else {
|
||||
$target = $(".oe_drop_zone.oe_hover").data('target');
|
||||
}
|
||||
|
||||
if (website.snippet.animationRegistry[snipped_id]) {
|
||||
new website.snippet.animationRegistry[snipped_id]($target);
|
||||
}
|
||||
if (website.snippet.editorRegistry[snipped_id]) {
|
||||
if (website.snippet.animationRegistry[snipped_id]) {
|
||||
new website.snippet.animationRegistry[snipped_id]($target);
|
||||
}
|
||||
|
||||
self.create_overlay($target);
|
||||
var snippet = new website.snippet.editorRegistry[snipped_id](self, $target);
|
||||
snippet.build_snippet($target);
|
||||
$target.data("snippet-editor").build_snippet($target);
|
||||
|
||||
} else {
|
||||
$target = $(".oe_drop_zone.oe_hover").first().data('target');
|
||||
|
||||
self.create_overlay($target);
|
||||
if (website.snippet.editorRegistry[snipped_id]) {
|
||||
var snippet = new website.snippet.editorRegistry[snipped_id](self, $target);
|
||||
snippet.build_snippet($target);
|
||||
}
|
||||
}
|
||||
|
||||
$('.oe_drop_zone').remove();
|
||||
|
||||
setTimeout(function () {self.make_active($target);},0);
|
||||
},
|
||||
});
|
||||
},
|
||||
@@ -270,45 +391,22 @@
|
||||
return $(this).data('snippet-id') === id;
|
||||
}).first();
|
||||
},
|
||||
// WIP
|
||||
make_draggable_instance: function($instance){
|
||||
var self = this;
|
||||
var $snippet = get_snippet_from_id($instance.data('snippet-id'));
|
||||
|
||||
$instance.draggable({
|
||||
helper: 'clone',
|
||||
zIndex: '1000',
|
||||
appendTo: 'body',
|
||||
start: function(){
|
||||
var action = $snippet.data('action');
|
||||
if(action === 'insert'){
|
||||
|
||||
self.activate_insertion_zones({
|
||||
siblings: $snippet.data('selector-siblings'),
|
||||
child: $snippet.data('selector-childs'),
|
||||
vertical_childs: $snippet.data('selector-vertical-childs')
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// Create element insertion drop zones. two css selectors can be provided
|
||||
// selector.childs -> will insert drop zones as direct child of the selected elements
|
||||
// selector.children -> will insert drop zones as direct child of the selected elements
|
||||
// in case the selected elements have children themselves, dropzones will be interleaved
|
||||
// with them.
|
||||
// selector.siblings -> will insert drop zones after and before selected elements
|
||||
activate_insertion_zones: function(selector){
|
||||
var self = this;
|
||||
var child_selector = selector.childs ? this.parent_of_editable_box + (selector.childs).split(",").join(this.parent_of_editable_box) : false;
|
||||
var sibling_selector = selector.siblings ? this.parent_of_editable_box + (selector.siblings).split(",").join(this.parent_of_editable_box) : false;
|
||||
var vertical_child_selector = selector.vertical_childs ? this.parent_of_editable_box + (selector.vertical_childs).split(",").join(this.parent_of_editable_box) : false;
|
||||
var child_selector = selector.children;
|
||||
var sibling_selector = selector.siblings;
|
||||
var vertical_child_selector = selector.vertical_children;
|
||||
|
||||
var zone_template = "<div class='oe_drop_zone oe_insert'></div>";
|
||||
|
||||
if(child_selector){
|
||||
$(child_selector).each(function (){
|
||||
self.dom_filter(child_selector).each(function (){
|
||||
var $zone = $(this);
|
||||
$zone.find('> *:not(.oe_drop_zone):visible').after(zone_template);
|
||||
$zone.prepend(zone_template);
|
||||
@@ -316,7 +414,7 @@
|
||||
}
|
||||
|
||||
if(vertical_child_selector){
|
||||
$(vertical_child_selector).each(function (){
|
||||
self.dom_filter(vertical_child_selector).each(function (){
|
||||
var $zone = $(this);
|
||||
var $template = $(zone_template).addClass("oe_vertical").css('height', $zone.outerHeight()+'px');
|
||||
$zone.find('> *:not(.oe_drop_zone):visible').after($template);
|
||||
@@ -325,7 +423,7 @@
|
||||
}
|
||||
|
||||
if(sibling_selector){
|
||||
$(sibling_selector).each(function (){
|
||||
self.dom_filter(sibling_selector).each(function (){
|
||||
var $zone = $(this);
|
||||
if($zone.prev('.oe_drop_zone:visible').length === 0){
|
||||
$zone.before(zone_template);
|
||||
@@ -374,11 +472,8 @@
|
||||
// generate drop zones covering the elements selected by the selector
|
||||
// we generate overlay drop zones only to get an idea of where the snippet are, the drop
|
||||
activate_overlay_zones: function(selector){
|
||||
selector = selector || '[data-snippet-id]';
|
||||
if (typeof selector === 'string')
|
||||
selector = this.parent_of_editable_box + selector.split(",").join(this.parent_of_editable_box);
|
||||
|
||||
var $targets = $(selector);
|
||||
var $targets = this.dom_filter(selector || '[data-snippet-id]');
|
||||
var self = this;
|
||||
|
||||
function is_visible($el){
|
||||
return $el.css('display') != 'none'
|
||||
@@ -404,23 +499,16 @@
|
||||
$target.data('overlay',$zone);
|
||||
|
||||
$target.on("DOMNodeInserted DOMNodeRemoved DOMSubtreeModified", function () {
|
||||
website.snippet.cover_target($zone, $target);
|
||||
self.cover_target($zone, $target);
|
||||
});
|
||||
$('body').on("resize", function () {
|
||||
self.cover_target($zone, $target);
|
||||
});
|
||||
}
|
||||
website.snippet.cover_target($target.data('overlay'), $target);
|
||||
self.cover_target($target.data('overlay'), $target);
|
||||
});
|
||||
return $targets;
|
||||
},
|
||||
|
||||
toggle: function(){
|
||||
this.active = !this.active;
|
||||
if(this.active){
|
||||
this.$el.removeClass('hide');
|
||||
this.activate_overlay_zones();
|
||||
} else {
|
||||
this.$el.addClass('hide');
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
@@ -431,6 +519,13 @@
|
||||
},
|
||||
init: function (dom) {
|
||||
this.$el = this.$target = $(dom);
|
||||
this.start();
|
||||
},
|
||||
/*
|
||||
* start
|
||||
* This method is called after init
|
||||
*/
|
||||
start: function () {
|
||||
},
|
||||
/* onFocusEdit
|
||||
* if they are an editor for this snippet-id
|
||||
@@ -453,17 +548,6 @@
|
||||
},
|
||||
});
|
||||
|
||||
$(document).ready(function () {
|
||||
hack_to_add_snippet_id();
|
||||
$("[data-snippet-id]").each(function() {
|
||||
var $snipped_id = $(this);
|
||||
if (typeof $snipped_id.data("snippet-view") === 'undefined' &&
|
||||
website.snippet.animationRegistry[$snipped_id.data("snippet-id")]) {
|
||||
$snipped_id.data("snippet-view", new website.snippet.animationRegistry[$snipped_id.data("snippet-id")]($snipped_id));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
website.snippet.editorRegistry = {};
|
||||
website.snippet.Editor = openerp.Class.extend({
|
||||
@@ -471,6 +555,7 @@
|
||||
this.parent = parent;
|
||||
this.$target = $(dom);
|
||||
this.$overlay = this.$target.data('overlay');
|
||||
this.snippet_id = this.$target.data("snippet-id");
|
||||
this._readXMLData();
|
||||
this.start();
|
||||
},
|
||||
@@ -493,56 +578,83 @@
|
||||
* Insert into the view when the thumbnail is drag and droped into a drop zone
|
||||
*/
|
||||
_readXMLData: function() {
|
||||
if (this.template) {
|
||||
this.$el = $(openerp.qweb.render(this.template, {widget: this}).trim());
|
||||
this.$editor = this.$el.find(".oe_snippet_options");
|
||||
this.$thumbnail = this.$el.find(".oe_snippet_thumbnail");
|
||||
this.$body = this.$el.find(".oe_snippet_body");
|
||||
this.$el = $(openerp.qweb.render("website.snippets." + this.snippet_id, {widget: this}).trim());
|
||||
this.$editor = this.$el.find(".oe_snippet_options");
|
||||
this.$thumbnail = this.$el.find(".oe_snippet_thumbnail");
|
||||
this.$body = this.$el.find(".oe_snippet_body");
|
||||
|
||||
var $options = this.$overlay.find(".oe_overlay_options");
|
||||
this.$editor.prependTo($options.find(".oe_options ul"));
|
||||
$options.find(".oe_label").text(this.$el.find('.oe_snippet_thumbnail.oe_label, .oe_snippet_thumbnail .oe_label').text());
|
||||
}
|
||||
var $options = this.$overlay.find(".oe_overlay_options");
|
||||
this.$editor.prependTo($options.find(".oe_options ul"));
|
||||
$options.find(".oe_label").text(this.$el.find('.oe_snippet_label').text());
|
||||
},
|
||||
|
||||
|
||||
// activate drag and drop for the snippets in the snippet toolbar
|
||||
_drag_and_drop: function(){
|
||||
var self = this;
|
||||
var dropped = false;
|
||||
var $move = this.$overlay.find(".oe_move");
|
||||
this.$overlay.draggable({
|
||||
greedy: true,
|
||||
appendTo: 'body',
|
||||
cursor: "move",
|
||||
cursorAt: {
|
||||
top: self.$target.outerHeight()/2,
|
||||
left: self.$target.outerWidth()/2 },
|
||||
distance: 20,
|
||||
handle: ".js_box_move",
|
||||
cursorAt: {left: $move.outerWidth()/2, top: $move.find(".oe_move").outerHeight()/2},
|
||||
helper: function() {
|
||||
var $clone = $(this).clone().css({width: "0px", height: "0px"});
|
||||
$clone.find(".oe_label, .oe_options").remove();
|
||||
return $clone.appendTo("body").show();
|
||||
},
|
||||
start: function(){
|
||||
self.parent.hide();
|
||||
self.parent.editor_busy = true;
|
||||
self.$target.css("display", "none");
|
||||
self.$target.after("<div class='oe_drop_clone' style='display: none;'/>");
|
||||
self.$target.detach();
|
||||
self.$overlay.hide();
|
||||
self.parent.activate_insertion_zones({
|
||||
siblings: self.$el ? self.$el.data('selector-siblings') : false,
|
||||
childs: self.$el ? self.$el.data('selector-childs') : false,
|
||||
vertical_childs: self.$el ? self.$el.data('selector-vertical-childs') : false,
|
||||
children: self.$el ? self.$el.data('selector-children') : false,
|
||||
vertical_children: self.$el ? self.$el.data('selector-vertical-children') : false,
|
||||
});
|
||||
$("body").addClass('move-important');
|
||||
$('.oe_drop_zone').droppable({
|
||||
hoverClass: "oe_hover",
|
||||
drop: function(){
|
||||
$(this).after(self.$target);
|
||||
over: function(){
|
||||
$(".oe_drop_zone.hide").removeClass("hide");
|
||||
$(this).addClass("hide").first().after(self.$target);
|
||||
dropped = true;
|
||||
},
|
||||
out: function(){
|
||||
$(this).removeClass("hide");
|
||||
self.$target.detach();
|
||||
dropped = false;
|
||||
},
|
||||
});
|
||||
},
|
||||
stop: function(){
|
||||
if (!dropped) {
|
||||
$(".oe_drop_clone").after(self.$target);
|
||||
}
|
||||
self.$overlay.show();
|
||||
$("body").removeClass('move-important');
|
||||
$('.oe_drop_zone').droppable('destroy').remove();
|
||||
self.$target.css("display", "");
|
||||
$(".oe_drop_clone").remove();
|
||||
self.parent.editor_busy = false;
|
||||
setTimeout(function () {self.parent.create_overlay(self.$target);},0);
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
_clone: function () {
|
||||
var self = this;
|
||||
this.$overlay.on('click', '.js_box_clone', function () {
|
||||
var $clone = self.$target.clone(false);
|
||||
self.$target.after($clone);
|
||||
setTimeout(function () {
|
||||
self.parent.create_overlay($clone);
|
||||
self.parent.make_active($clone);
|
||||
},0);
|
||||
});
|
||||
},
|
||||
|
||||
/*
|
||||
* start
|
||||
@@ -557,6 +669,7 @@
|
||||
return false;
|
||||
});
|
||||
this._drag_and_drop();
|
||||
this._clone();
|
||||
},
|
||||
|
||||
/*
|
||||
@@ -565,8 +678,6 @@
|
||||
* (after the insertion of this.$body, if this.$body exists)
|
||||
*/
|
||||
build_snippet: function ($target) {
|
||||
var self = this;
|
||||
setTimeout(function () {self.parent.make_active(self.$target);},0);
|
||||
},
|
||||
|
||||
/* onFocus
|
||||
@@ -601,7 +712,6 @@
|
||||
|
||||
|
||||
website.snippet.editorRegistry.resize = website.snippet.Editor.extend({
|
||||
template : "website.snippets.resize",
|
||||
start: function () {
|
||||
var self = this;
|
||||
this._super();
|
||||
@@ -683,7 +793,7 @@
|
||||
|
||||
if (change) {
|
||||
self.on_resize(compass, beginClass, current);
|
||||
website.snippet.cover_target(self.$overlay, self.$target);
|
||||
self.parent.cover_target(self.$overlay, self.$target);
|
||||
}
|
||||
};
|
||||
$('body').mousemove(body_mousemove);
|
||||
@@ -718,7 +828,6 @@
|
||||
});
|
||||
|
||||
website.snippet.editorRegistry.colmd = website.snippet.editorRegistry.resize.extend({
|
||||
template : "website.snippets.colmd",
|
||||
getSize: function () {
|
||||
this.grid = this._super();
|
||||
var width = this.$target.parents(".row:first").first().outerWidth();
|
||||
@@ -727,7 +836,7 @@
|
||||
this.grid.e = [_.map(grid, function (v) {return 'col-md-'+v;}), _.map(grid, function (v) {return width/12*v;})];
|
||||
|
||||
var grid = [-12,-11,-10,-9,-8,-7,-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10,11];
|
||||
this.grid.w = [_.map(grid, function (v) {return 'col-lg-offset-'+v;}), _.map(grid, function (v) {return width/12*v;}), 12];
|
||||
this.grid.w = [_.map(grid, function (v) {return 'col-md-offset-'+v;}), _.map(grid, function (v) {return width/12*v;}), 12];
|
||||
|
||||
return this.grid;
|
||||
},
|
||||
@@ -737,23 +846,20 @@
|
||||
|
||||
// don't change the rigth border position when we change the offset (replace col size)
|
||||
var beginCol = Number(beginClass.match(/col-md-([0-9]+)|$/)[1] || 0);
|
||||
var beginOffset = Number(beginClass.match(/col-lg-offset-([0-9-]+)|$/)[1] || 0);
|
||||
var offset = Number(this.grid.w[0][current].match(/col-lg-offset-([0-9-]+)|$/)[1] || 0);
|
||||
var beginOffset = Number(beginClass.match(/col-md-offset-([0-9-]+)|$/)[1] || beginClass.match(/col-lg-offset-([0-9-]+)|$/)[1] || 0);
|
||||
var offset = Number(this.grid.w[0][current].match(/col-md-offset-([0-9-]+)|$/)[1] || 0);
|
||||
|
||||
this.$target.attr("class",this.$target.attr("class").replace(/\s*(col-lg-offset-|col-md-)([0-9-]+)/g, ''));
|
||||
this.$target.attr("class",this.$target.attr("class").replace(/\s*(col-lg-offset-|col-md-offset-|col-md-)([0-9-]+)/g, ''));
|
||||
|
||||
var colSize = beginCol - (offset - beginOffset);
|
||||
this.$target.addClass('col-md-' + (colSize > 12 ? 12 : colSize));
|
||||
if (offset > 0) {
|
||||
this.$target.addClass('col-lg-offset-' + offset);
|
||||
this.$target.addClass('col-md-offset-' + offset);
|
||||
}
|
||||
},
|
||||
});
|
||||
website.snippet.selector.push([ _.map([1,2,3,4,5,6,7,8,9,10,11,12], function (v) {return '.row > .col-md-'+v;}).join(","), 'colmd']);
|
||||
|
||||
|
||||
website.snippet.editorRegistry.carousel = website.snippet.editorRegistry.resize.extend({
|
||||
template : "website.snippets.carousel",
|
||||
build_snippet: function($target) {
|
||||
var id = "myCarousel" + $("body .carousel").size();
|
||||
$target.attr("id", id);
|
||||
@@ -761,95 +867,106 @@
|
||||
},
|
||||
start : function () {
|
||||
this._super();
|
||||
var self = this;
|
||||
|
||||
this.$editor.find(".js_add").on('click', this.on_add);
|
||||
this.$editor.find(".js_remove").on('click', this.on_remove);
|
||||
this.$editor.find(".js_add").on('click', this, this.on_add);
|
||||
this.$editor.find(".js_remove").on('click', this, this.on_remove);
|
||||
|
||||
var bg = this.$target.find('.carousel-inner .item.active').css('background-image').replace(/url\((.*)\)/g, '\$1');
|
||||
this.$editor.find('select[name="carousel-background"] option[value="'+bg+'"], select[name="carousel-background"] option[value="'+bg.replace(window.location.protocol+'//'+window.location.host, '')+'"]')
|
||||
.prop('selected', true);
|
||||
|
||||
this.$editor.find('select[name="carousel-background"]').on('change', function () {
|
||||
self.$target.find('.carousel-inner .item.active').css('background-image', 'url(' + $(this).val() + ')');
|
||||
});
|
||||
|
||||
var style = false;
|
||||
if (this.$target.find('.carousel-inner .item.active .container .content_image.col-lg-offset-1'))
|
||||
style = 'image_right';
|
||||
if (this.$target.find('.carousel-inner .item.active .container .content_image'))
|
||||
style = 'image_left';
|
||||
this.$editor.find('select[name="carousel-style"] option[value="'+style+'"]').prop('selected', true);
|
||||
|
||||
this.$editor.find('select[name="carousel-style"]').on('change', this.on_bg_change);
|
||||
this.change_background();
|
||||
this.change_style();
|
||||
this.change_size();
|
||||
},
|
||||
on_add: function (e) {
|
||||
e.preventDefault();
|
||||
var $inner = this.$target.find('.carousel-inner');
|
||||
var $inner = e.data.$target.find('.carousel-inner');
|
||||
var cycle = $inner.find('.item').size();
|
||||
$inner.append(this.$('> .item'));
|
||||
this.$target.carousel(cycle);
|
||||
$inner.find('.item.active').clone().removeClass('active').appendTo($inner);
|
||||
e.data.$target.carousel(cycle);
|
||||
},
|
||||
on_remove: function (e) {
|
||||
e.preventDefault();
|
||||
var $inner = this.$target.find('.carousel-inner');
|
||||
var $inner = e.data.$target.find('.carousel-inner');
|
||||
if ($inner.find('.item').size() > 1) {
|
||||
$inner
|
||||
.find('.item.active').remove().end()
|
||||
.find('.item:first').addClass('active');
|
||||
this.$target.carousel(0);
|
||||
e.data.$target.carousel(0);
|
||||
}
|
||||
},
|
||||
on_bg_change: function (e) {
|
||||
var $container = this.$target.find('.carousel-inner .item.active .container');
|
||||
var img_url = $('.content_image img', $container).attr("src");
|
||||
if (!img_url) {
|
||||
img_url = this.img_url || "/website/static/src/img/china.jpg";
|
||||
} else {
|
||||
this.img_url = img_url;
|
||||
change_background: function () {
|
||||
var self = this;
|
||||
var bg = this.$target.find('.carousel-inner .item.active').css('background-image').replace(/url\((.*)\)/g, '$1');
|
||||
var selected = this.$editor.find('select[name="carousel-background"] option[value="'+bg+'"], select[name="carousel-background"] option[value="'+bg.replace(window.location.protocol+'//'+window.location.host, '')+'"]')
|
||||
.prop('selected', true).length;
|
||||
if (!selected) {
|
||||
this.$editor.find('.carousel-background input').val(bg);
|
||||
}
|
||||
|
||||
$('.content_image', $container).remove();
|
||||
switch ($(e.currentTarget).val()) {
|
||||
case 'no_image':
|
||||
$('.content', $container).attr("class", "content");
|
||||
break;
|
||||
case 'image_left':
|
||||
$('.content', $container).attr("class", "content col-md-6")
|
||||
.before('<div class="content_image col-md-5"><img class="img-rounded img-responsive" src="'+img_url+'"></div>');
|
||||
break;
|
||||
case 'image_right':
|
||||
$('.content', $container).attr("class", "content col-md-6")
|
||||
.after('<div class="content_image col-md-5 col-lg-offset-1"><img class="img-rounded img-responsive" src="'+img_url+'"></div>');
|
||||
break;
|
||||
}
|
||||
this.$editor.find('select[name="carousel-background"], input')
|
||||
.on('click', function (event) {event.preventDefault(); return false;})
|
||||
.on('change', function () {
|
||||
self.$target.find('.carousel-inner .item.active').css('background-image', 'url(' + $(this).val() + ')');
|
||||
$(this).next().val("");
|
||||
});
|
||||
},
|
||||
change_style: function () {
|
||||
var self = this;
|
||||
var style = false;
|
||||
var el = this.$target.find('.carousel-inner .item.active');
|
||||
if (el.hasClass('text_only'))
|
||||
style = 'text_only';
|
||||
if (el.hasClass('image_text'))
|
||||
style = 'image_text';
|
||||
if (el.hasClass('text_image'))
|
||||
style = 'text_image';
|
||||
|
||||
this.$editor.find('select[name="carousel-style"] option[value="'+style+'"]').prop('selected', true);
|
||||
|
||||
this.$editor.find('select[name="carousel-style"]').on('change', function(e) {
|
||||
var $container = self.$target.find('.carousel-inner .item.active');
|
||||
$container.removeClass('image_text text_image text_only');
|
||||
$container.addClass($(e.currentTarget).val());
|
||||
});
|
||||
},
|
||||
change_size: function () {
|
||||
var self = this;
|
||||
|
||||
var size = 'big';
|
||||
if (this.$target.hasClass('oe_small'))
|
||||
size = 'small';
|
||||
else if (this.$target.hasClass('oe_medium'))
|
||||
size = 'medium';
|
||||
|
||||
this.$editor.find('select[name="carousel-size"] option[value="'+size+'"]').prop('selected', true);
|
||||
|
||||
this.$editor.find('select[name="carousel-size"]').on('change', function(e) {
|
||||
self.$target
|
||||
.removeClass('oe_big oe_small oe_medium')
|
||||
.addClass("oe_" + $(e.currentTarget).val());
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
website.snippet.editorRegistry.darken = website.snippet.Editor.extend({
|
||||
build_snippet: function($target) {
|
||||
$target.toggleClass('dark');
|
||||
var $parent = $target.parent();
|
||||
if($parent.hasClass('dark')){
|
||||
$parent.replaceWith($target);
|
||||
}else{
|
||||
$parent = $("<div class='dark'></div>");
|
||||
$target.after($parent);
|
||||
$parent.append($target);
|
||||
}
|
||||
this._super();
|
||||
}
|
||||
});
|
||||
|
||||
website.snippet.animationRegistry.vomify = website.snippet.Animation.extend({
|
||||
init: function() {
|
||||
start: function() {
|
||||
this._super();
|
||||
var hue=0;
|
||||
var beat = false;
|
||||
var self = this;
|
||||
self.$target.append('<iframe width="1px" height="1px" src="http://www.youtube.com/embed/WY24YNsOefk?autoplay=1" frameborder="0"></iframe>');
|
||||
|
||||
var a = setInterval(function(){
|
||||
self.$target.css({'-webkit-filter':'hue-rotate('+hue+'deg)'}); hue += 5;
|
||||
self.$target.next().css({'-webkit-filter':'hue-rotate('+hue+'deg)'});
|
||||
self.$target.prev().css({'-webkit-filter':'hue-rotate('+(-hue)+'deg)'});
|
||||
hue -= 5;
|
||||
}, 10);
|
||||
|
||||
setTimeout(function(){
|
||||
clearInterval(a);
|
||||
setInterval(function(){
|
||||
@@ -860,8 +977,10 @@
|
||||
}
|
||||
}, 10);
|
||||
},5000);
|
||||
$('<iframe width="1px" height="1px" src="http://www.youtube.com/embed/WY24YNsOefk?autoplay=1" frameborder="0"></iframe>').appendTo(self.$target);
|
||||
}
|
||||
});
|
||||
|
||||
})();
|
||||
website.snippet.selector.push([ _.map([1,2,3,4,5,6,7,8,9,10,11,12], function (v) {return '.row > .col-md-'+v;}).join(","), 'colmd']);
|
||||
website.snippet.selector.push(['hr', 'hr']);
|
||||
|
||||
})();
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
class="btn">Cancel</button>
|
||||
</form>
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<li class="navbar-form"><button type="button" data-action="snippet" class="btn btn-primary">Building Blocks</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</t>
|
||||
@@ -32,7 +31,7 @@
|
||||
</div>
|
||||
</t>
|
||||
<t t-name="website.editor.dialog.link.footer-button">
|
||||
<button type="button" class="btn pull-left remove">Remove Link</button>
|
||||
<button type="button" class="btn pull-left remove btn-danger">Remove Link</button>
|
||||
</t>
|
||||
<t t-name="website.editor.dialog.link">
|
||||
<t t-call="website.editor.dialog">
|
||||
@@ -60,6 +59,12 @@
|
||||
id="link-new" placeholder="Create new page"/>
|
||||
</li>
|
||||
<li class="list-group-item form-group clearfix">
|
||||
<div class="pull-right">
|
||||
<label>
|
||||
<input type="checkbox" class="window-new"/>
|
||||
Open in new window
|
||||
</label>
|
||||
</div>
|
||||
<h3 class="list-group-item-heading">
|
||||
<label for="link-external" class="control-label">
|
||||
External Page
|
||||
@@ -67,12 +72,6 @@
|
||||
</h3>
|
||||
<input type="text" class="form-control url url-source"
|
||||
id="link-external" placeholder="http://openerp.com"/>
|
||||
<div class="pull-right">
|
||||
<label>
|
||||
<input type="checkbox" class="window-new"/>
|
||||
Open in new window
|
||||
</label>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item form-group">
|
||||
<h3 class="list-group-item-heading">
|
||||
@@ -95,43 +94,57 @@
|
||||
enctype="multipart/form-data"
|
||||
target="fileframe"
|
||||
class="col-sm-8">
|
||||
<div class="well">
|
||||
<!-- a href="#" class="pull-left">Find image</a -->
|
||||
<h3 class="list-group-item-heading">Image URL</h3>
|
||||
<input type="text" class="form-control url"
|
||||
placeholder="http://openerp.com"/>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<p class="">— or —</p>
|
||||
<input type="file" name="upload" style="position: absolute; opacity: 0; width: 1px; height: 1px;"/>
|
||||
<button type="button" class="btn btn-primary btn-lg filepicker">
|
||||
Upload an image from your computer
|
||||
</button>
|
||||
<p class="">— or —</p>
|
||||
</div>
|
||||
<p class="text-center">— or —</p>
|
||||
<div class="well">
|
||||
<h3 class="list-group-item-heading">Pick an existing attachment</h3>
|
||||
<div class="existing-attachments"/>
|
||||
<a href="#existing" class="pull-right">Browse your images</a>
|
||||
<h3 class="list-group-item-heading">Image URL</h3>
|
||||
<input type="text" class="form-control url"
|
||||
placeholder="http://openerp.com"/>
|
||||
</div>
|
||||
<input type="hidden" name="func"/>
|
||||
</form>
|
||||
<div class="col-sm-4">
|
||||
<div class="col-sm-4 image-preview-container">
|
||||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQIHWP4zwAAAgEBAMVfG14AAAAASUVORK5CYII%3D"
|
||||
class="pull-right img-rounded image-preview"
|
||||
width="100%"/>
|
||||
<select class="form-control image-style">
|
||||
<option value="">No styling</option>
|
||||
<option value="img-rounded">Rounded corners</option>
|
||||
<option value="img-thumbnail">Box</option>
|
||||
<option value="img-circle">Circle</option>
|
||||
<option value="shadow">Shadow</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<iframe src="about:blank" name="fileframe" class="hidden"/>
|
||||
</t>
|
||||
</t>
|
||||
<t t-name="website.editor.dialog.image.existing">
|
||||
<t t-call="website.editor.dialog">
|
||||
<t t-set="title">Pick an existing attachment:</t>
|
||||
<div class="existing-attachments"/>
|
||||
</t>
|
||||
</t>
|
||||
<t t-name="website.editor.dialog.image.existing.content">
|
||||
<div class="existing-attachments">
|
||||
<div class="row" t-foreach="rows" t-as="row">
|
||||
<div class="col-md-4" t-foreach="row" t-as="attachment">
|
||||
<t t-set="url">/website/attachment/<t t-esc="attachment.id"/></t>
|
||||
<a t-att-href="url" class="thumbnail">
|
||||
<img t-att-src="url" t-att-alt="attachment.name"/>
|
||||
</a>
|
||||
<ul class="pager">
|
||||
<li class="previous disabled"><a href="#">← Previous</a></li>
|
||||
<li class="next disabled"><a href="#">Next →</a></li>
|
||||
</ul>
|
||||
<div class="well">
|
||||
<div class="row" t-foreach="rows" t-as="row">
|
||||
<div class="col-md-4" t-foreach="row" t-as="attachment">
|
||||
<t t-set="url">/website/attachment/<t t-esc="attachment.id"/></t>
|
||||
<a t-att-href="url" class="thumbnail">
|
||||
<img t-att-src="url" t-att-alt="attachment.name"/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -148,4 +161,5 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</t>
|
||||
|
||||
</templates>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<templates id="template" xml:space="preserve">
|
||||
<t t-name="website.seo_configuration">
|
||||
<div class="modal fade oe_seo_configuration" tabindex="-1" role="dialog">
|
||||
<div class="modal fade oe_seo_configuration js_seo_configuration" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
||||
@@ -1,22 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<templates id="template" xml:space="preserve">
|
||||
|
||||
<!-- Editor -->
|
||||
<!-- Snippet loader -->
|
||||
<t t-name="website.snippets_button">
|
||||
<li class="navbar-form"><button type="button" data-action="snippet" class="btn btn-primary">Insert Blocks</button></li>
|
||||
</t>
|
||||
|
||||
<t t-name="website.snippets">
|
||||
<div id='oe_snippets' class='hide'>
|
||||
<ul class="nav nav-pills">
|
||||
<li class="active"><a data-toggle="pill" href="#snippet_structure">Structure</a></li>
|
||||
<li class=""><a data-toggle="pill" href="#snippet_content">Content</a></li>
|
||||
<li class=""><a data-toggle="pill" href="#snippet_emphasize">Emphasize</a></li>
|
||||
<li class=""><a data-toggle="pill" href="#snippet_style">Style</a></li>
|
||||
</ul>
|
||||
<div class="pill-content">
|
||||
<div class="pill-pane active" id="snippet_structure"></div>
|
||||
<div class="pill-pane" id="snippet_content"></div>
|
||||
<div class="pill-pane" id="snippet_emphasize"></div>
|
||||
<div class="pill-pane" id="snippet_style"></div>
|
||||
<div class="pill-pane" id="snippet_unsorted"></div>
|
||||
<div id='oe_snippets'>
|
||||
<div class="scroll">
|
||||
<ul class="nav navbar-nav">
|
||||
<li><a href="#snippet_structure">Structure</a></li>
|
||||
<li><a href="#snippet_content">Content</a></li>
|
||||
<li><a href="#snippet_business">Business</a></li>
|
||||
<li><a href="#snippet_style">Style</a></li>
|
||||
</ul>
|
||||
<div class="pill-content">
|
||||
<div id="snippet_structure"><label><div>Structure</div></label></div>
|
||||
<div id="snippet_content"><label><div>Content</div></label></div>
|
||||
<div id="snippet_business"><label><div>Business</div></label></div>
|
||||
<div id="snippet_style"><label><div>Style</div></label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
@@ -25,13 +29,15 @@
|
||||
<div class="oe_overlay">
|
||||
<div class="oe_overlay_options">
|
||||
<div class="dropdown oe_options">
|
||||
<i data-toggle="dropdown" class="btn btn-primary icon icon-cog"></i>
|
||||
<i data-toggle="dropdown" class="btn btn-primary btn-sm icon icon-cog"></i>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
|
||||
<li class="divider"></li>
|
||||
<li><a href="#" class="button js_box_clone">Duplicate this snippet</a></li>
|
||||
<li><a href="#" class="button js_box_remove">Remove this snippet</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="oe_label"></div>
|
||||
<div class="oe_move"><i class="js_box_move icon btn btn-primary icon-move"></i></div>
|
||||
<div class="oe_move"><i class="js_box_move icon btn btn-primary btn-sm icon-move"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
@@ -40,7 +46,7 @@
|
||||
<div class='oe_snippet_manipulator'></div>
|
||||
</t>
|
||||
|
||||
<!-- Snippets -->
|
||||
<!-- snippet objects -->
|
||||
|
||||
<div t-name="website.snippets.resize" data-snippet-id='resize'>
|
||||
<!-- custom data for the widget -->
|
||||
@@ -50,162 +56,703 @@
|
||||
<div class='oe_handle w'></div>
|
||||
<div class='oe_handle s'></div>
|
||||
</div>
|
||||
<div class='oe_snippet_thumbnail oe_label'>Margin resize</div>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>Margin resize</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.colmd" data-snippet-id='colmd' data-action='insert' data-selector-vertical-childs='.row'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>Column</div>
|
||||
<div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'>
|
||||
<div class='oe_snippet_label'>Column</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.carousel" data-snippet-id='carousel' data-category='emphasize' data-action='insert' data-selector-siblings='.container'>
|
||||
<!-- Structure Snippets -->
|
||||
|
||||
<div t-name="website.snippets.carousel" data-snippet-id='carousel' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
|
||||
<!-- editor bar to display inside the top edit bar -->
|
||||
<li class='oe_snippet_options'>
|
||||
<a href="#" class="button js_add">Add layer</a>
|
||||
<a class="carousel-style">
|
||||
<select class="form-control" name="carousel-size">
|
||||
<option value="small">Small</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="big">Big</option>
|
||||
</select>
|
||||
</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li class='oe_snippet_options'>
|
||||
<a href="#" class="button js_add">Add Slide</a>
|
||||
</li>
|
||||
<li class='oe_snippet_options'>
|
||||
<a href="#" class="button js_remove">Remove current layer</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="dropdown">
|
||||
<a data-toggle="dropdown" href="#">test</a>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
|
||||
<li>inside</li>
|
||||
</ul>
|
||||
</div>
|
||||
<a href="#" class="button js_remove">Remove Slide</a>
|
||||
</li>
|
||||
<li class='oe_snippet_options'>
|
||||
<select name="carousel-background">
|
||||
<option value="/website/static/src/img/greenfields.jpg">greenfields</option>
|
||||
<option value="/website/static/src/img/landscape.png">landscape</option>
|
||||
<option value="/website/static/src/img/aqua.jpg">aqua</option>
|
||||
</select>
|
||||
<a class="carousel-background">
|
||||
Background
|
||||
<select class="form-control" name="carousel-background">
|
||||
<option value="/website/static/src/img/banner/aqua.jpg">Aqua</option>
|
||||
<option value="/website/static/src/img/banner/baby_blue.jpg">Baby Blue</option>
|
||||
<option value="/website/static/src/img/banner/black.jpg">Black</option>
|
||||
<option value="/website/static/src/img/banner/business_guy.jpg">Business Guy</option>
|
||||
<option value="/website/static/src/img/banner/color_splash.jpg">Color Splash</option>
|
||||
<option value="/website/static/src/img/banner/flower_field.jpg">Flowers Field</option>
|
||||
<option value="/website/static/src/img/banner/greenfields.jpg">Greenfields</option>
|
||||
<option value="/website/static/src/img/banner/landscape.jpg">Landscape</option>
|
||||
<option value="/website/static/src/img/banner/mango.jpg">Mango</option>
|
||||
<option value="/website/static/src/img/banner/mountains.jpg">Mountains</option>
|
||||
<option value="/website/static/src/img/banner/orange_red.jpg">Orange Red</option>
|
||||
<option value="/website/static/src/img/banner/flower.jpg">Purple</option>
|
||||
<option value="/website/static/src/img/banner/velour.jpg">Velour</option>
|
||||
<option value="/website/static/src/img/banner/wood.jpg">Wood</option>
|
||||
<option value="/website/static/src/img/banner/yellow_green.jpg">Yellow Green</option>
|
||||
</select>
|
||||
<input class="form-control input-sm" type="text" placeholder="http://...."/>
|
||||
</a>
|
||||
</li>
|
||||
<li class='oe_snippet_options'>
|
||||
<select name="carousel-style">
|
||||
<option value="no_image">No image</option>
|
||||
<option value="image_left">Image left</option>
|
||||
<option value="image_right">Image right</option>
|
||||
</select>
|
||||
<a class="carousel-style">
|
||||
Style
|
||||
<select class="form-control" name="carousel-style">
|
||||
<option value="text_only">Text Only</option>
|
||||
<option value="image_text">Image - Text</option>
|
||||
<option value="text_image">Text - Image</option>
|
||||
</select>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!-- thumbnail to display inside the bottom widget list editor -->
|
||||
<div class='oe_snippet_thumbnail oe_label'>carousel</div>
|
||||
<div class='oe_snippet_label'>Banner</div>
|
||||
<div class='oe_snippet_thumbnail'>
|
||||
<img src="/website/static/src/img/banner/color_splash.jpg" style="position: absolute; left: 0; top: 40px; max-width: 100%"/>
|
||||
<img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; left: 10px; top: 52px; max-width: 25%"/>
|
||||
<span style="position: absolute; top: 50px; right: 10px;">Banner</span>
|
||||
</div>
|
||||
|
||||
<!-- body to insert after drag and drop thumbnail -->
|
||||
<div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="10000">
|
||||
<div id="myCarousel" class="oe_snippet_body carousel slide oe_medium mb32" data-interval="10000">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;">
|
||||
<div class="item image_text active" style="background-image: url(/website/static/src/img/banner/color_splash.jpg); background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="content" style="padding-top: 90px; padding-bottom:45px;">
|
||||
<h1>Create Awesome Websites</h1>
|
||||
<h3>Super easy, fully flexible</h3>
|
||||
<a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
|
||||
<div class="carousel-caption content">
|
||||
<h1>Set Your Banner Title</h1>
|
||||
<h3>Customize with the top-left menu</h3>
|
||||
<p>
|
||||
<a href="/page/website.contactus" class="btn btn-success btn-large">Contact us</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="carousel-image">
|
||||
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel nav -->
|
||||
<a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
|
||||
<a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
|
||||
<a class="carousel-control left" href="#myCarousel" data-slide="prev" style="width: 10%"></a>
|
||||
<a class="carousel-control right" href="#myCarousel" data-slide="next" style="width: 10%"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- custom data for the widget -->
|
||||
<div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
|
||||
<div class='container'>
|
||||
<div class="content" style="padding-top: 90px; padding-bottom:45px;">
|
||||
<h1>Your New Banner Slide</h1>
|
||||
<h3>With another convincing subtitle</h3>
|
||||
<a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
|
||||
</div>
|
||||
<div t-name="website.snippets.darken" data-snippet-id='darken' data-category='style' data-selector='section'>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>Darken</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
|
||||
<div class='oe_snippet_thumbnail'>Well</div>
|
||||
<div class="oe_snippet_body well">
|
||||
Manage your sales funnel with no effort with OpenERP CRM. Attract
|
||||
leads, follow-up on phone calls and meetings. Analyse the quality
|
||||
of your leads to make informed decisions.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>Quote</div>
|
||||
<blockquote class="oe_snippet_body">
|
||||
<p>
|
||||
OpenERP 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 t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-selector-siblings='p, h1, h2, h3, blockquote'>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>Panel</div>
|
||||
<div class="oe_snippet_body panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">OpenERP Features</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
OpenERP's collaborative and realtime project management helps
|
||||
your team get work done. Keep track of everything, from the big
|
||||
picture to the minute details, from the customer contract to
|
||||
the billing.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.darken" data-snippet-id='darken' data-category='style' data-action='mutate' data-selector='.container'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>Darken</div>
|
||||
<div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-selector-children='.oe_structure'>
|
||||
<div class="oe_snippet_body" style="height: 0; position: absolute;"></div>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-action='mutate' data-selector='.container'>
|
||||
<div class="oe_snippet_body" style="display: none;"></div>
|
||||
<div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.spacer" data-snippet-id='resize' data-category='structure' data-action='insert' data-selector-siblings='.container'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>Spacer</div>
|
||||
<div class="oe_snippet_body container mt32"></div>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.title" data-snippet-id='title' data-category='structure' data-action='insert' data-selector-siblings='.container'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>Main Title</div>
|
||||
<section class="oe_snippet_body container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h1 class="mt64">Welcome To Your New Homepage,</h1>
|
||||
<h2 class="mt32 subheader">where <b><em>everything</em></b> can be customized </h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.three-collumns" data-snippet-id='three-collumns' data-category='structure' data-action='insert' data-selector-siblings='.container'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>three-collumns</div>
|
||||
<section class="oe_snippet_body container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h2 class="mt48">Ut enim ad minim veniam</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt32">
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
<h4 class="mt16">Cillum Dolore</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
<h4 class="mt16">Mollit Anim</h4>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
<h4 class="mt16">Nemo Enim Ipsam</h4>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
|
||||
ipsam voluptatem quia voluptas</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.header-block" data-snippet-id='header-block' data-category='structure' data-action='insert' data-selector-siblings='.container'>
|
||||
<div class='oe_snippet_thumbnail oe_label'>header-block</div>
|
||||
<section class="container oe_snippet_body">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-offset-1">
|
||||
<p class="mt16">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.</p>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
|
||||
<div class="text-center">
|
||||
<a href="http://www.openerp.com/start" class="btn btn-default mt16 btn-lg btn-primary">Call To <em>Action</em></a>
|
||||
<div t-name="website.snippets.text-image" data-snippet-id='text-image' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>
|
||||
<span style="position: absolute; top: 50px; left: 5px;">Text-Image</span>
|
||||
<img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; right: 5px; top: 50px; max-width: 28%"/>
|
||||
</div>
|
||||
<section class="oe_snippet_body dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h3 class="mt48">Enterprise Social Network</h3>
|
||||
<p>
|
||||
Make every employee feel more connected and engaged
|
||||
with twitter-like features for your own company. Follow
|
||||
people, share best practices, 'like' top ideas, etc.
|
||||
</p><p>
|
||||
Connect with experts, follow what interests you, share
|
||||
documents and promote best practices with OpenERP
|
||||
Social application. Get work done with effective
|
||||
collaboration across departments, geographies
|
||||
and business applications.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="img-responsive shadow mt32 mb32" src="/website/static/src/img/text_image.png"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.image-text" data-snippet-id='image-text' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_thumbnail oe_snippet_label'>
|
||||
<img src="/website/static/src/img/banner/banner_picture.png" style="position: absolute; left: 5px; top: 50px; max-width: 28%"/>
|
||||
<span style="position: absolute; top: 50px; right: 5px;">Image-Text</span>
|
||||
</div>
|
||||
<section class="oe_snippet_body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<img class="img-responsive shadow mt32 mb32" src="/website/static/src/img/image_text.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h3 class="mt48">Manage Your Shops</h3>
|
||||
<p>
|
||||
OpenERP's Point of Sale introduces a super clean
|
||||
interface with no installation required that runs
|
||||
online and offline on modern hardwares.
|
||||
</p><p>
|
||||
It's full integration with the company inventory
|
||||
and accounting, gives you real time statistics and
|
||||
consolidations amongst all shops without the hassle
|
||||
of integrating several applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.jumbotron" data-snippet-id='jumbotron' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Jumbotron</div>
|
||||
<div class='oe_snippet_thumbnail'>
|
||||
<div style="position: absolute; top: 30px; background-color: #eee; width: 100%; padding: 8px 0 6px 4px;">
|
||||
<div style="color: #000; display: block; text-align: left;">
|
||||
Jumbotron
|
||||
<div style="font-size: 9px; line-height: 9px; text-shadow: none;">
|
||||
Jumbotron Sub-title
|
||||
<br/><span class="label label-primary">Contact us</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="oe_snippet_body jumbotron mt16 mb16">
|
||||
<div class="container">
|
||||
<h1>Sell Online. Easily.</h1>
|
||||
<p>
|
||||
Get your online shop ready in a few clicks with OpenERP Commerce.
|
||||
</p>
|
||||
<p>
|
||||
<a class="btn btn-primary btn-lg" href="/website.contactus">
|
||||
Contact us
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.text-block" data-snippet-id='text-block' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Text Block</div>
|
||||
<div class='oe_snippet_thumbnail'>
|
||||
<div style="position: absolute; top: 26px; left: 5px; width: 94%;">
|
||||
<div style="display: block;">
|
||||
Text Block
|
||||
<div style="text-shadow: none;font-size: 9px; line-height: 9px; color: #bbb;margin-bottom: 5px;">
|
||||
Jumbotron Sub-title
|
||||
</div>
|
||||
<div style="text-shadow: none;font-size: 6px; line-height: 6px; text-align: left;">
|
||||
Organize projects around your own processes. Work
|
||||
on tasks and issues using the kanban view, schedule
|
||||
tasks using the gantt chart and control deadlines
|
||||
in the calendar view. Every project may have it's
|
||||
own stages allowing teams to optimize their job.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="oe_snippet_body mt16 mb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h1>
|
||||
OpenERP Project Management<br/>
|
||||
<small>Infinitely flexible. Incredibly easy to use.</small>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-md-12 mb16 mt16">
|
||||
<p>
|
||||
OpenERP's <b>collaborative and realtime</b> project
|
||||
management helps your team get work done. Keep
|
||||
track of everything, from the big picture to the
|
||||
minute details, from the customer contract to the
|
||||
billing.
|
||||
</p><p>
|
||||
Organize projects around your own processes. Work
|
||||
on tasks and issues using the kanban view, schedule
|
||||
tasks using the gantt chart and control deadlines
|
||||
in the calendar view. Every project may have it's
|
||||
own stages allowing teams to optimize their job.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.hr" data-snippet-id='hr' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class="oe_snippet_thumbnail oe_snippet_label">
|
||||
<hr style="position: absolute;top: 61px;margin: 0;width: 100%;border-color: #888;"/>
|
||||
<div style="position: absolute;width: 100%;top: 51px;">Separator</div>
|
||||
</div>
|
||||
<hr class="oe_snippet_body"/>
|
||||
</div>
|
||||
|
||||
|
||||
<div t-name="website.snippets.big-picture" data-snippet-id='big-picture' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Big Picture</div>
|
||||
<div class='oe_snippet_thumbnail'>
|
||||
<div style="position: absolute; top: 8px; left: 5px; width: 94%;">
|
||||
<div style="display: block;">
|
||||
Big Picture
|
||||
<img src="/website/static/src/img/big_picture.png" style="max-width: 100%"/>
|
||||
<div style="text-shadow: none;font-size: 6px; line-height: 6px; margin: 5px 10px">
|
||||
OpenERP's Point of Sale introduces a super clean
|
||||
interface with no installation required.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<section class="oe_snippet_body dark mt16 mb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt32 mb16">
|
||||
<h2>Work with the hardware you already have...</h2>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<img class="img-responsive" src="/website/static/src/img/big_picture.png" style="margin: 0 auto;"/>
|
||||
</div>
|
||||
<div class="col-md-6 col-md-offset-3 mb16 mt16">
|
||||
<p class="text-center">
|
||||
<b>No installation required</b>
|
||||
</p>
|
||||
<p class="text-center">
|
||||
OpenERP's Point of Sale introduces a super clean
|
||||
interface with no installation required that runs
|
||||
online and offline on modern hardware. Laptops,
|
||||
tablets, industrial POS, it runs on everything.
|
||||
</p>
|
||||
<p class="text-center">
|
||||
<a href="/page/website.contactus">Get more information »</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.three-columns" data-snippet-id='three-columns' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Three Columns</div>
|
||||
<div class="oe_snippet_thumbnail">
|
||||
<div style="padding-top: 22px;">
|
||||
Three Columns
|
||||
<div class="clearfix" style="font-size: 6px;text-shadow: none;">
|
||||
<div class="pull-left" style="width: 33%;line-height: 6px;">
|
||||
<img src="/website/static/src/img/china_thumb.jpg" style="max-width: 90%;"/>
|
||||
Post job offers and keep track of each application received.
|
||||
</div>
|
||||
<div class="pull-left" style="width: 33%;line-height: 6px;">
|
||||
<img src="/website/static/src/img/desert_thumb.jpg" style="max-width: 90%;"/>
|
||||
Break down information silos. Share knowledge and best practices amongst all employees.
|
||||
</div>
|
||||
<div class="pull-left" style="width: 33%; line-height: 6px;">
|
||||
<img src="/website/static/src/img/deers_thumb.jpg" style="max-width: 90%;"/>
|
||||
The agenda of each employee is updated accordingly.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="oe_snippet_body mt16 mb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb16">
|
||||
<h2>OpenERP HR Features</h2>
|
||||
<h3 class="text-muted">Manage your company most important asset: People</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
<h4 class="mt16">Streamline Recruitments</h4>
|
||||
<p>
|
||||
Post job offers and keep track of each application
|
||||
received. Follow applicants in your recruitment process
|
||||
with the smart kanban view.
|
||||
</p><p>
|
||||
Save time by automating some communications with email
|
||||
templates. Resumes are indexed automatically, allowing
|
||||
you to easily find for specific profiles.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
<h4 class="mt16">Enterprise Social Network</h4>
|
||||
<p>
|
||||
Break down information silos. Share knowledge and best
|
||||
practices amongst all employees. Follow specific people
|
||||
or documents and join groups of interests to share
|
||||
expertise and documents.
|
||||
</p><p>
|
||||
Interact with your collegues in real time with live chat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
<h4 class="mt16">Leaves Management</h4>
|
||||
<p>
|
||||
Keep track of the vacation days accrued by each
|
||||
employee. Employees enter their requests (paid
|
||||
holidays, sick leave, etc), for managers to approve and
|
||||
validate. It's all done in just a few clicks. The
|
||||
agenda of each employee is updated accordingly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.portfolio" data-snippet-id='portfolio' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Portfolio</div>
|
||||
<div class='oe_snippet_thumbnail'>Portfolio</div>
|
||||
<section class="oe_snippet_body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Porfolio</h2>
|
||||
<h4 class="text-muted">More than 500 successful projects</h4>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/deers.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/landscape.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/china.jpg"/>
|
||||
<img class="img-thumbnail img-responsive" src="/website/static/src/img/desert.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.image-gallery" data-snippet-id='image-gallery' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Image Gallery</div>
|
||||
<div class='oe_snippet_thumbnail'>
|
||||
<div style="padding-top: 22px;">
|
||||
Image Gallery
|
||||
<div class="clearfix">
|
||||
<div style="float: right; width: 56px;height: 30px;">
|
||||
<img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
|
||||
<img src="/website/static/src/img/deers_thumb.jpg" style="max-width: 24px;"/>
|
||||
<img src="/website/static/src/img/desert_thumb.jpg" style="max-width: 24px;"/>
|
||||
<img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
|
||||
</div>
|
||||
<img src="/website/static/src/img/desert.jpg" style="float-left; width: 50px;height: 31px;margin-top: 4px;"/>
|
||||
<img src="/website/static/src/img/deers_thumb.jpg" style="float-left; max-width: 24px;"/>
|
||||
<img src="/website/static/src/img/landscape.jpg" style="float-left; max-width: 50px;"/>
|
||||
<img src="/website/static/src/img/china_thumb.jpg" style="max-width: 24px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="oe_snippet_body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Customer References</h2>
|
||||
<h4 class="text-muted">More than 500 successful projects</h4>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/landscape.jpg"/>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img class="img-thumbnail img-responsive mb16" src="/website/static/src/img/china_thumb.jpg"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.pricing" data-snippet-id='pricing' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Comparisons</div>
|
||||
<div class='oe_snippet_thumbnail'>Comparisons</div>
|
||||
<section class="oe_snippet_body">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb32">
|
||||
<h2>Our Offers</h2>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="panel panel-info">
|
||||
<!-- Default panel contents -->
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Beginner</h2>
|
||||
<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)">
|
||||
<h2 style="margin: 0"><span>$</span><b style="font-size: 60px">450</b><small>.00</small></h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
|
||||
<!-- List group -->
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Battery: 8 hours</li>
|
||||
<li class="list-group-item">Screen: 2.5 inch</li>
|
||||
<li class="list-group-item">Weight: 1.1 ounces</li>
|
||||
<li class="list-group-item">No support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, 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">
|
||||
<div class="panel panel-primary">
|
||||
<!-- Default panel contents -->
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Professional</h2>
|
||||
<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)">
|
||||
<h2 style="margin: 0"><span>$</span><b style="font-size: 60px">590</b><small>.00</small></h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
|
||||
<!-- List group -->
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Battery: 12 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Limited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, 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">
|
||||
<div class="panel panel-info">
|
||||
<!-- Default panel contents -->
|
||||
<div class="panel-heading text-center">
|
||||
<h2 style="margin: 0">Expert</h2>
|
||||
<p style="margin: 0" class="text-muted">
|
||||
The top of the top
|
||||
</p>
|
||||
</div>
|
||||
<div class="panel-body text-center text-muted" style="background-color: rgba(0,0,0,0.1)">
|
||||
<h2 style="margin: 0"><span>$</span><b style="font-size: 60px">890</b><small>.00</small></h2>
|
||||
<div>per month</div>
|
||||
</div>
|
||||
|
||||
<!-- List group -->
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Battery: 20 hours</li>
|
||||
<li class="list-group-item">Screen: 2.8 inch</li>
|
||||
<li class="list-group-item">Weight: 1.2 ounces</li>
|
||||
<li class="list-group-item">Unlimited support</li>
|
||||
</ul>
|
||||
<div class="panel-footer text-center">
|
||||
<p class="text-muted">
|
||||
<i>Free shipping, 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>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.cta" data-snippet-id='cta' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>Buttons</div>
|
||||
<div class='oe_snippet_thumbnail'>Buttons</div>
|
||||
<section class="oe_snippet_body dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center mt16 mb16">
|
||||
<a href="/shop" class="btn btn-info btn-lg">View Products</a>
|
||||
<a href="/page/website.contactus" class="btn btn-primary btn-lg">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div t-name="website.snippets.faq" data-snippet-id='faq' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>FAQ</div>
|
||||
<div class='oe_snippet_thumbnail'>FAQ</div>
|
||||
<section class="oe_snippet_body">
|
||||
<div class="container">
|
||||
<h2 class="page-header">
|
||||
Point of Sale Questions <small>v7</small>
|
||||
</h2>
|
||||
<h3>
|
||||
Which hardware does OpenERP POS support?
|
||||
</h3>
|
||||
<p>
|
||||
OpenERP's POS is a web application that can run on any device that
|
||||
can display websites with little to no setup required.
|
||||
</p><p>
|
||||
The Point of Sale works perfectly on any kind of touch enabled
|
||||
device, whether it's multi-touch tablets like an iPad or
|
||||
keyboardless resistive touchscreen terminals.
|
||||
</p>
|
||||
<h3>
|
||||
Does it works offline?
|
||||
</h3>
|
||||
<p>
|
||||
Deploy new stores with just an internet connection: no
|
||||
installation, no specific hardware required. It works with any
|
||||
iPad, Tablet PC, laptop or industrial POS machine.
|
||||
</p><p>
|
||||
While an internet connection is required to start the Point of
|
||||
Sale, it will stay operational even after a complete disconnection.
|
||||
</p>
|
||||
|
||||
<h2 class="page-header">
|
||||
Project Management Questions <small>v7</small>
|
||||
</h2>
|
||||
<h3>
|
||||
Can I use it to manage projects based on agile methodologies?
|
||||
</h3>
|
||||
<p>
|
||||
Yes.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
<div t-name="website.snippets.references" data-snippet-id='references' data-category='business' data-selector-children='.oe_structure, [data-oe-type=html]'>
|
||||
<div class='oe_snippet_label'>References</div>
|
||||
<div class='oe_snippet_thumbnail'>References</div>
|
||||
<section class="oe_snippet_body mb32 mt16">
|
||||
<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 class="col-md-4 col-md-offset-1">
|
||||
<blockquote class="mt16 mb32" data-snippet-id="quote">
|
||||
<p>
|
||||
OpenERP 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 class="col-md-4 col-md-offset-2">
|
||||
<blockquote class="mt16 mb32" data-snippet-id="quote">
|
||||
<p>
|
||||
OpenERP 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 class="clearfix"/>
|
||||
<div class="col-md-2 col-md-offset-1">
|
||||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<img src="/website/static/src/img/openerp_logo.png" class="img-responsive img-thumbnail"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
</templates>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<templates id="template" xml:space="preserve">
|
||||
|
||||
<t t-name="website.editorbar">
|
||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div id="website-top-navbar" class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div id="website-top-view">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-edit-collapse">
|
||||
@@ -14,8 +14,7 @@
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<form class="navbar-form navbar-left">
|
||||
<button type="button" data-action="edit"
|
||||
class="btn btn-primary">Edit</button>
|
||||
<button type="button" data-action="edit" class="btn btn-primary">Edit</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-edit-collapse">
|
||||
|
||||
@@ -8,16 +8,18 @@
|
||||
|
||||
<template id="website.themes" name="Themes">
|
||||
<t t-call="website.layout">
|
||||
<div class="container" t-if="editable">
|
||||
<div id="wrap" t-if="editable">
|
||||
<div class="container">
|
||||
|
||||
<div class="alert alert-success mt32" t-if="theme_changed">
|
||||
<div class="alert alert-info" t-if="theme_changed">
|
||||
<button type="button" class="close" data-dismiss="alert">&times;</button>
|
||||
<p>
|
||||
<h4>Theme Changed!</h4>
|
||||
Have a look at <a href="/">your homepage</a> or try another theme bellow.
|
||||
</p>
|
||||
</div>
|
||||
<h1 class="text-center mt32">Change Your Theme</h1>
|
||||
<h1 class="text-center">Try a New Theme</h1>
|
||||
<h3 class="text-center text-muted">You'll be able to change the theme at anytime</h3>
|
||||
|
||||
<div class="row mt32" id="themes-list">
|
||||
|
||||
@@ -177,6 +179,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
+69
-130
@@ -11,7 +11,7 @@
|
||||
<link id="website_css" rel='stylesheet' href='/website/static/src/css/website.css' t-ignore="true"/>
|
||||
</template>
|
||||
|
||||
<template id="layout">
|
||||
<template id="layout" name="Main layout">
|
||||
<!DOCTYPE html>
|
||||
<html t-att-lang="lang.replace('_', '-')"
|
||||
t-att-data-editable="'1' if editable else '0'"
|
||||
@@ -19,6 +19,8 @@
|
||||
<head>
|
||||
<title><t t-esc="title or res_company.name"/></title>
|
||||
<meta name="openerp.company" t-att-value="res_company.name" />
|
||||
<meta name="description" value="" />
|
||||
<meta name="keywords" value="" />
|
||||
<script type="text/javascript" src="/web/static/lib/underscore/underscore.js"></script>
|
||||
<script type="text/javascript" src="/web/static/lib/underscore.string/lib/underscore.string.js"></script>
|
||||
<script type="text/javascript" src="/web/static/lib/jquery/jquery.js"></script>
|
||||
@@ -95,11 +97,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div t-raw="0" id="wrap">
|
||||
<div class="container">
|
||||
<h1>Main Layout</h1>
|
||||
</div>
|
||||
</div>
|
||||
<t t-raw="0"/>
|
||||
<footer>
|
||||
<div class="container" id="footer_container">
|
||||
<div class="row">
|
||||
@@ -125,10 +123,10 @@
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-md-5 col-lg-offset-1" name="about_us">
|
||||
<h4 t-field="res_company.name">About us</h4>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="/page/website.aboutus">About us</a></li>
|
||||
</ul>
|
||||
<h4>
|
||||
<span t-field="res_company.name">Your Company</span>
|
||||
<small> - <a href="/page/website.aboutus">About us</a></small>
|
||||
</h4>
|
||||
<p>
|
||||
We are a team of passionated people whose goal is to improve everyone's
|
||||
life through disruptive products. We build great products to solve your
|
||||
@@ -156,121 +154,53 @@
|
||||
</template>
|
||||
|
||||
<template id="footer_custom" inherit_option_id="website.layout" name="Custom Footer">
|
||||
<xpath expr="//div[@id='footer_container']" position="before">
|
||||
<section data-snippet-id='three-columns' class="mt16 mb16">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h4 class="mt16">Subtitle</h4>
|
||||
<p>
|
||||
<a href="/">Homepage</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="mt16">Subtitle 2</h4>
|
||||
<p>
|
||||
...
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h4 class="mt16">Subtitle 3</h4>
|
||||
<p>
|
||||
...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='footer_container']" position="attributes">
|
||||
<attribute name="style">display: none</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="homepage" page="True">
|
||||
<template id="homepage" name="Homepage" page="True">
|
||||
<t t-call="website.layout">
|
||||
<div id="myCarousel" data-snippet-id="carousel" class="carousel slide" data-interval="1000000">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;">
|
||||
<div class="container">
|
||||
<div class="content" style="padding-top: 90px; padding-bottom:45px;">
|
||||
<h1>Create Awesome Websites</h1>
|
||||
<h3>Super easy, fully flexible</h3>
|
||||
<a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel nav -->
|
||||
<a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
|
||||
<a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
|
||||
</div>
|
||||
|
||||
<section class="container" data-snippet-id="resize">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h1>Welcome To Your New Homepage,</h1>
|
||||
<h2>where <b>everything</b> can be <em>customized</em></h2>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="dark mt64">
|
||||
<section class="dark container" data-snippet-id="resize">
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg" />
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-offset-1">
|
||||
<p class="mt16">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.
|
||||
</p>
|
||||
<p>
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|
||||
</p>
|
||||
<div class="text-center"> <a href="http://www.openerp.com/start" class="btn mt16 btn-lg btn-primary">Call To <em>Action</em></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section class="container" data-snippet-id="resize">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<h2 class="mt48">Ut enim ad minim veniam</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt32">
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg" />
|
||||
<h4 class="mt16">Cillum Dolore</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
|
||||
<h4 class="mt16">Mollit Anim</h4>
|
||||
<p>
|
||||
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
|
||||
<h4 class="mt16">Nemo Enim Ipsam</h4>
|
||||
<p>
|
||||
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
|
||||
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
|
||||
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
|
||||
ipsam voluptatem quia voluptas
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="wrap" class="oe_structure"></div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<template id="default_page">
|
||||
<t t-call="website.layout">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>New Page</h1>
|
||||
<p>Write your text here...</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="wrap" class="oe_structure"></div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
<template id="404">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap">
|
||||
<div class="container" t-if="editable and path">
|
||||
<div class="well mt32">
|
||||
<p>This page does not exists, but you can create it as you are administrator of this site.</p>
|
||||
@@ -280,26 +210,31 @@
|
||||
<div class="text-center text-muted">Edit the content bellow this line to adapt the default "page not found" page.</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="container">
|
||||
<h1 class="mt32">404: Page not found!</h1>
|
||||
<p>
|
||||
The page you were looking for could not be found; it is possible you have
|
||||
typed the address incorrectly, but it has most probably been removed due
|
||||
to the recent website reorganisation.
|
||||
</p>
|
||||
<p>Maybe you were looking for one of these popular pages ?</p>
|
||||
<ul>
|
||||
<li><a href="/">Homepage</a></li>
|
||||
<li><a href="/">Contact Us</a></li>
|
||||
</ul>
|
||||
<div class="oe_structure">
|
||||
<div class="container">
|
||||
<h1 class="mt32">404: Page not found!</h1>
|
||||
<p>
|
||||
The page you were looking for could not be found; it is possible you have
|
||||
typed the address incorrectly, but it has most probably been removed due
|
||||
to the recent website reorganisation.
|
||||
</p>
|
||||
<p>Maybe you were looking for one of these popular pages ?</p>
|
||||
<ul>
|
||||
<li><a href="/">Homepage</a></li>
|
||||
<li><a href="/">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<template id="500">
|
||||
<t t-call="website.layout">
|
||||
<div class="container">
|
||||
<h1 class="mt32">500: Internal Server Error!</h1>
|
||||
<div id="wrap">
|
||||
<div class="oe_structure">
|
||||
<h1 class="container mt32">500: Internal Server Error!</h1>
|
||||
</div>
|
||||
<pre t-if="editable" t-esc="traceback"/>
|
||||
</div>
|
||||
</t>
|
||||
@@ -307,9 +242,9 @@
|
||||
|
||||
<template id="401">
|
||||
<t t-call="website.layout">
|
||||
<div id="wrap">
|
||||
<div class="container">
|
||||
<h1 class="mt32">401: Unauthorized Access!</h1>
|
||||
|
||||
<p>
|
||||
The page you were looking for could not be
|
||||
authorized.
|
||||
@@ -323,20 +258,22 @@
|
||||
<li><a href="/">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
<template id="contactus" name="Contact us" page="True">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">Contact us -
|
||||
<t t-raw="res_company.name"></t>
|
||||
</t>
|
||||
<t t-set="title">Contact us -
|
||||
<t t-raw="res_company.name"></t>
|
||||
</t>
|
||||
<div id="wrap">
|
||||
<div class="container">
|
||||
<h1>Contact us</h1>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<div>
|
||||
<div class="oe_structure">
|
||||
<p>Contact us about anything related to our company or services.</p>
|
||||
<p>We'll do our best to get back to you as soon as possible.</p>
|
||||
</div>
|
||||
@@ -360,14 +297,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<template id="aboutus" page="True">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">About us -
|
||||
<t t-raw="res_company.name"></t>
|
||||
</t>
|
||||
<t t-set="title">About <t t-raw="res_company.name"></t>
|
||||
</t>
|
||||
<div id="wrap" class="oe_structure">
|
||||
<div class="container">
|
||||
<h2>About us</h2>
|
||||
<div class="row">
|
||||
@@ -379,6 +317,7 @@
|
||||
<div class="col-md-8"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -116,7 +116,7 @@ class website(osv.osv):
|
||||
model, id = IMD.get_object_reference(cr, uid, model, xmlid)
|
||||
except ValueError:
|
||||
logger.error("Website Rendering Error.\n\n%s" % traceback.format_exc())
|
||||
return self.render('website.404', qweb_context)
|
||||
return self.render(cr, uid, ids, 'website.404', qweb_context)
|
||||
|
||||
# render template and catch error
|
||||
try:
|
||||
@@ -125,7 +125,7 @@ class website(osv.osv):
|
||||
logger.error(err)
|
||||
qweb_context['error'] = err[1]
|
||||
logger.warn("Website Rendering Error.\n\n%s" % traceback.format_exc())
|
||||
return self.render('website.401', qweb_context)
|
||||
return self.render(cr, uid, ids, 'website.401', qweb_context)
|
||||
except Exception:
|
||||
qweb_context['traceback'] = traceback.format_exc()
|
||||
logger.error("Website Rendering Error.\n\n%s" % qweb_context['traceback'])
|
||||
|
||||
@@ -16,10 +16,14 @@
|
||||
<template id="layout" name="References Layout">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">References</t>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-raw="ref_content" />
|
||||
<div id="wrap">
|
||||
<div class="oe_structure"/>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-raw="ref_content" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
@@ -47,21 +47,23 @@
|
||||
<template id="thanks">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">Message Sent</t>
|
||||
<div class="container">
|
||||
<div class="alert alert-success">
|
||||
Your message has been sent successfully.
|
||||
<button type="button" class="close" data-dismiss="alert">&times;</button>
|
||||
</div>
|
||||
<h2>Thanks!</h2>
|
||||
<p>
|
||||
We will get back to you shortly.
|
||||
</p><p class="mt64">
|
||||
If you have an emergency, do not hesitate to contact us by phone:
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="icon-phone"></i> : <span t-field="res_company.phone"/></li>
|
||||
<li><i class="icon-envelope"></i> : <span t-field="res_company.email"/></li>
|
||||
</ul>
|
||||
<div id="wrap" class="oe_structure">
|
||||
<div class="container">
|
||||
<div class="alert alert-success">
|
||||
Your message has been sent successfully.
|
||||
<button type="button" class="close" data-dismiss="alert">&times;</button>
|
||||
</div>
|
||||
<h2>Thanks!</h2>
|
||||
<p>
|
||||
We will get back to you shortly.
|
||||
</p><p class="mt64">
|
||||
If you have an emergency, do not hesitate to contact us by phone:
|
||||
</p>
|
||||
<ul class="list-unstyled">
|
||||
<li><i class="icon-phone"></i> : <span t-field="res_company.phone"/></li>
|
||||
<li><i class="icon-envelope"></i> : <span t-field="res_company.email"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
@@ -15,12 +15,15 @@
|
||||
|
||||
<template id="layout" name="Partners Layout">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">Partners</t>
|
||||
<t t-set="title">Partners</t>
|
||||
<div id="wrap">
|
||||
<div class="oe_structure"> </div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-raw="ref_content" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -25,11 +25,14 @@
|
||||
|
||||
<template id="index" name="Events" page="True">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Events</t>
|
||||
<h1 class="text-center">Our Events</h1>
|
||||
<t t-set="head">
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Events</t>
|
||||
<div id="wrap">
|
||||
<div class="oe_structure">
|
||||
<h1 class="text-center">Our Events</h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4 css_noprint" id="left_column">
|
||||
@@ -86,6 +89,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
@@ -116,11 +121,12 @@
|
||||
|
||||
<template id="detail">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_event/static/src/js/website_event.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Events</t>
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_event/static/src/js/website_event.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Events</t>
|
||||
<div id="wrap">
|
||||
<div class="container">
|
||||
<t t-call="website.publish"><t t-set="object" t-value="event_id"/></t>
|
||||
<div class="row">
|
||||
@@ -210,6 +216,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
</data>
|
||||
|
||||
@@ -25,15 +25,16 @@
|
||||
|
||||
<template id="index" name="Blogs" page="True">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_mail/static/src/js/blog.js"></script>
|
||||
<link rel='stylesheet' href='/website_mail/static/src/css/blog.css'/>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Blog</t>
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_mail/static/src/js/blog.js"></script>
|
||||
<link rel='stylesheet' href='/website_mail/static/src/css/blog.css'/>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Blog</t>
|
||||
<div id="wrap">
|
||||
<div class="container mt48 js_website_mail">
|
||||
<div class="row">
|
||||
<div class="col-md-4" id="left_column">
|
||||
<div class="col-md-3" id="left_column">
|
||||
<a t-if="mail_group_id and editable" t-attf-href="/blog/#{ mail_group_id }/new" class="btn btn-default">Add a new Blog</a>
|
||||
<div>
|
||||
<form action="./subscribe" method="POST" class="form-inline" t-if="not subscribe">
|
||||
@@ -48,9 +49,9 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8" t-if="blog_id">
|
||||
<div class="col-md-9" t-if="blog_id">
|
||||
<div class="media">
|
||||
<div class="media-body well">
|
||||
<div class="media-body">
|
||||
<t t-call="website.publish"><t t-set="object" t-value="blog_id"/></t>
|
||||
<h3 t-field="blog_id.subject"/>
|
||||
<div t-field="blog_id.body"/>
|
||||
@@ -104,6 +105,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -16,10 +16,14 @@
|
||||
<template id="layout" name="Members Layout">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">Partners</t>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-raw="ref_content" />
|
||||
<div id="wrap">
|
||||
<div class="oe_structure"> </div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<t t-raw="ref_content" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="oe_structure"> </div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
@@ -34,7 +34,9 @@
|
||||
|
||||
<template id="index" name="Project">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="title">Project</t>
|
||||
<t t-set="title">Project</t>
|
||||
<div id="wrap">
|
||||
<div class="oe_structure"/>
|
||||
<div class="container">
|
||||
<h4 t-field="project_id.name"/>
|
||||
<t t-call="website.kanban">
|
||||
@@ -46,6 +48,8 @@
|
||||
<t t-set="scope">3</t>
|
||||
</t>
|
||||
</div>
|
||||
<div class="oe_structure"/>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -74,18 +74,21 @@
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Shop - <t t-raw="title">Categories</t></t>
|
||||
<div class="container oe_website_sale">
|
||||
<div class="row">
|
||||
<div class="col-md-12" id="shop_content">
|
||||
<t t-raw="shop_content" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="wrap">
|
||||
<div class="oe_structure"> </div>
|
||||
<div class="container oe_website_sale">
|
||||
<div class="row">
|
||||
<div class="col-md-12" id="shop_content">
|
||||
<t t-raw="shop_content" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
<template id="products_categories" inherit_id="website_sale.layout" inherit_option_id="website_sale.layout" name="Left Product Categories">
|
||||
<xpath expr="//div[@id='shop_content']" position="before">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<ul class="nav nav-pills nav-stacked">
|
||||
<li t-att-class=" '' if category_id else 'active' " class='active'><a href="/shop/">All Products</a></li>
|
||||
<t t-foreach="categories" t-as="category">
|
||||
@@ -95,7 +98,7 @@
|
||||
</div>
|
||||
</xpath>
|
||||
<xpath expr="//div[@id='shop_content']" position="attributes">
|
||||
<attribute name="class">col-md-8</attribute>
|
||||
<attribute name="class">col-md-9</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
@@ -192,21 +195,15 @@
|
||||
<h4 t-if="product.product_variant_ids[0].lst_price == product.product_variant_ids[0].price"><t t-field="product.product_variant_ids[0].lst_price" /> €</h4>
|
||||
</div>
|
||||
<img class="media-object img-responsive" t-att-src="product.img('image_medium')"/>
|
||||
<div t-field="product.website_description">
|
||||
<div class="container mt32"></div>
|
||||
<div class="container" data-snippet-id="container">
|
||||
Replace this text with your Website product description
|
||||
</div>
|
||||
<div class="container mt32"></div>
|
||||
</div>
|
||||
<div t-field="product.website_description"></div>
|
||||
</div>
|
||||
</t>
|
||||
</t>
|
||||
</template>
|
||||
<template id="recommended_products" inherit_id="website_sale.product" inherit_option_id="website_sale.product" name="Recommended Products">
|
||||
<xpath expr="//div[@id='product_detail']" position="inside">
|
||||
<div class="well mt32" t-if="product.recommended_products()">
|
||||
<h4>Customers who have bought this item also bought</h4>
|
||||
<div class="mt32" t-if="product.recommended_products()">
|
||||
<h3>Customers who have bought this product also bought:</h3>
|
||||
<div class='row mt16' style="margin-left: 15px !important;">
|
||||
<t t-foreach="product.recommended_products()" t-as="product">
|
||||
<div class='col-md-2 thumbnail' style='width: 170px; margin-right: 16px;'>
|
||||
@@ -361,11 +358,12 @@
|
||||
|
||||
<template id="checkout">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Shop - Checkout</t>
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Shop - Checkout</t>
|
||||
<div id="wrap">
|
||||
<div class="container oe_website_sale">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
@@ -542,16 +540,18 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
|
||||
<template id="payment">
|
||||
<t t-call="website.layout">
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Shop - Payment</t>
|
||||
<t t-set="head">
|
||||
<script type="text/javascript" src="/website_sale/static/src/js/website_sale.js"></script>
|
||||
<t t-raw="head or ''"/>
|
||||
</t>
|
||||
<t t-set="title">Shop - Payment</t>
|
||||
<div id="wrap">
|
||||
<div class="container oe_website_sale">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
@@ -597,6 +597,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
</data>
|
||||
|
||||
Reference in New Issue
Block a user