Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
erp5
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Levin Zimmermann
erp5
Commits
586467b7
Commit
586467b7
authored
Nov 18, 2016
by
Romain Courteaud
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[erp5_web_renderjs_ui] Header: reduce number of DOM modifications
parent
636ecab1
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
275 additions
and
293 deletions
+275
-293
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_html.html
...lateItem/web_page_module/rjs_gadget_erp5_header_html.html
+1
-12
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_html.xml
...plateItem/web_page_module/rjs_gadget_erp5_header_html.xml
+2
-2
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_js.js
...TemplateItem/web_page_module/rjs_gadget_erp5_header_js.js
+270
-277
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_js.xml
...emplateItem/web_page_module/rjs_gadget_erp5_header_js.xml
+2
-2
No files found.
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_html.html
View file @
586467b7
...
...
@@ -40,7 +40,7 @@
<div
class=
"ui-controlgroup-controls"
>
</div>
</div>
<h1
class=
"ui-title"
></h1>
<div
class=
"ui-controlgroup ui-controlgroup-horizontal ui-btn-right"
>
...
...
@@ -54,16 +54,5 @@
</div>
</div>
<!-- First navigation line -->
<!--header data-role="header">
<div><a href="#leftpanel" class="responsive ui-btn ui-icon-bars ui-btn-icon-left">Menu</a></div>
<div data-gadget-url="gadget_erp5_breadcrumb.html"
data-gadget-scope="breadcrumb"
data-gadget-sandbox="public"></div>
<div><a class="responsive ui-btn ui-icon-plus ui-btn-icon-left ui-disabled" role="button" data-role="button">New</a></div>
</header>
<div>
</div-->
</body>
</html>
\ No newline at end of file
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_html.xml
View file @
586467b7
...
...
@@ -234,7 +234,7 @@
</item>
<item>
<key>
<string>
serial
</string>
</key>
<value>
<string>
95
1.35286.47701.226
30
</string>
</value>
<value>
<string>
95
5.10496.5559.91
30
</string>
</value>
</item>
<item>
<key>
<string>
state
</string>
</key>
...
...
@@ -252,7 +252,7 @@
</tuple>
<state>
<tuple>
<float>
14
66516947.72
</float>
<float>
14
79462688.84
</float>
<string>
UTC
</string>
</tuple>
</state>
...
...
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_js.js
View file @
586467b7
/*jslint nomen: true, indent: 2, maxerr: 3 */
/*global window, rJS, Handlebars, document,
loopEventListener,
RSVP */
(
function
(
window
,
rJS
,
Handlebars
,
document
,
loopEventListener
,
RSVP
)
{
/*global window, rJS, Handlebars, document, RSVP */
(
function
(
window
,
rJS
,
Handlebars
,
document
,
RSVP
)
{
"
use strict
"
;
/////////////////////////////////////////////////////////////////
...
...
@@ -8,59 +8,82 @@
/////////////////////////////////////////////////////////////////
// Precompile the templates while loading the first gadget instance
var
gadget_klass
=
rJS
(
window
),
template_element
=
gadget_klass
.
__template_element
,
header_title_source
=
gadget_klass
.
__template_element
.
getElementById
(
"
header-title-template
"
)
.
innerHTML
,
header_title_template
=
Handlebars
.
compile
(
header_title_source
),
header_title_template
=
Handlebars
.
compile
(
template_element
.
getElementById
(
"
header-title-template
"
)
.
innerHTML
),
header_title_link_template
=
Handlebars
.
compile
(
template_element
.
getElementById
(
"
header-title-link-template
"
)
.
innerHTML
),
sub_header_template
=
Handlebars
.
compile
(
template_element
.
getElementById
(
"
sub-header-template
"
)
.
innerHTML
),
header_button_template
=
Handlebars
.
compile
(
template_element
.
getElementById
(
"
header-button-template
"
)
.
innerHTML
),
header_link_template
=
Handlebars
.
compile
(
template_element
.
getElementById
(
"
header-link-template
"
)
.
innerHTML
),
header_title_link_source
=
gadget_klass
.
__template_element
.
getElementById
(
"
header-title-link-template
"
)
.
innerHTML
,
header_title_link_template
=
Handlebars
.
compile
(
header_title_link_source
),
sub_header_source
=
gadget_klass
.
__template_element
.
getElementById
(
"
sub-header-template
"
)
.
innerHTML
,
sub_header_template
=
Handlebars
.
compile
(
sub_header_source
),
header_button_source
=
gadget_klass
.
__template_element
.
getElementById
(
"
header-button-template
"
)
.
innerHTML
,
header_button_template
=
Handlebars
.
compile
(
header_button_source
),
header_link_source
=
gadget_klass
.
__template_element
.
getElementById
(
"
header-link-template
"
)
.
innerHTML
,
header_link_template
=
Handlebars
.
compile
(
header_link_source
);
possible_left_button_list
=
[
[
'
panel_action
'
,
'
Menu
'
,
'
bars
'
,
'
panel
'
]
],
possible_main_link_list
=
[
// ['menu_url', 'Menu', 'bars'],
[
'
front_url
'
,
'
Front
'
,
'
arrow-up
'
],
[
'
selection_url
'
,
'
Previous
'
,
'
arrow-up
'
],
[
'
cancel_url
'
,
'
Cancel
'
,
'
times
'
],
[
'
back_url
'
,
'
Back
'
,
'
times
'
]
],
possible_right_link_list
=
[
[
'
edit_url
'
,
'
Editable
'
,
'
pencil
'
],
[
'
view_url
'
,
'
Viewable
'
,
'
eye
'
],
[
'
right_url
'
,
'
New
'
,
'
plus
'
]
],
possible_right_button_list
=
[
[
'
save_action
'
,
'
Save
'
,
'
check
'
,
'
submit
'
],
[
'
submit_action
'
,
'
Proceed
'
,
'
check
'
,
'
submit
'
],
[
'
add_action
'
,
'
Add
'
,
'
check
'
,
'
submit
'
],
[
'
filter_action
'
,
'
Filter
'
,
'
filter
'
,
'
submit
'
]
],
possible_sub_header_list
=
[
[
'
tab_url
'
,
'
Views
'
,
'
eye
'
],
[
'
jump_url
'
,
'
Jump
'
,
'
plane
'
],
[
'
delete_url
'
,
'
Delete
'
,
'
times
'
],
[
'
export_url
'
,
'
Export
'
,
'
share-square-o
'
],
[
'
actions_url
'
,
'
Actions
'
,
'
cogs
'
],
[
'
cut_url
'
,
'
Cut
'
,
'
scissors
'
],
[
'
add_url
'
,
'
Add
'
,
'
plus
'
],
[
'
previous_url
'
,
'
Previous
'
,
'
carat-l
'
],
[
'
next_url
'
,
'
Next
'
,
'
carat-r
'
]
];
gadget_klass
.
setState
({
loaded
:
false
,
modified
:
false
,
submitted
:
true
,
error
:
false
,
title_text
:
''
,
title_icon
:
undefined
,
title_url
:
undefined
})
/////////////////////////////////////////////////////////////////
// ready
/////////////////////////////////////////////////////////////////
// Init local properties
.
ready
(
function
(
g
)
{
g
.
props
=
{};
g
.
stats
=
{
loaded
:
false
,
modified
:
false
,
submitted
:
true
,
error
:
false
,
options
:
{}
.
ready
(
function
()
{
this
.
props
=
{
element_list
:
[
this
.
element
.
querySelector
(
"
h1
"
)
,
this
.
element
.
querySelector
(
"
.ui-btn-left > div
"
)
,
this
.
element
.
querySelector
(
"
.ui-btn-right > div
"
)
,
this
.
element
.
querySelector
(
"
.ui-subheader
"
).
querySelector
(
"
ul
"
)
]
};
})
// Assign the element to a variable
.
ready
(
function
(
g
)
{
return
g
.
getElement
()
.
push
(
function
(
element
)
{
g
.
props
.
element
=
element
;
g
.
props
.
sub_header_element
=
element
.
querySelector
(
"
.ui-subheader
"
);
g
.
props
.
sub_header_ul
=
g
.
props
.
sub_header_element
.
querySelector
(
"
ul
"
);
g
.
props
.
left_link
=
element
.
querySelector
(
"
.ui-btn-left > div
"
);
g
.
props
.
right_link
=
element
.
querySelector
(
"
.ui-btn-right > div
"
);
g
.
props
.
title_element
=
element
.
querySelector
(
"
h1
"
);
});
})
//////////////////////////////////////////////
// acquired methods
//////////////////////////////////////////////
...
...
@@ -71,235 +94,108 @@
/////////////////////////////////////////////////////////////////
// declared methods
/////////////////////////////////////////////////////////////////
.
declareMethod
(
'
notifyError
'
,
function
()
{
this
.
stats
.
loaded
=
true
;
this
.
stats
.
submitted
=
true
;
this
.
stats
.
error
=
true
;
var
gadget
=
this
;
return
this
.
render
(
this
.
stats
.
options
)
.
push
(
function
()
{
gadget
.
stats
.
error
=
false
;
});
})
.
declareMethod
(
'
notifyUpdate
'
,
function
()
{
return
this
.
render
(
this
.
stats
.
options
);
.
declareMethod
(
'
notifyLoaded
'
,
function
()
{
return
this
.
changeState
({
loaded
:
true
});
})
.
declareMethod
(
'
notifyLoading
'
,
function
()
{
if
(
this
.
stats
.
loaded
)
{
this
.
stats
.
loaded
=
false
;
return
this
.
render
(
this
.
stats
.
options
);
}
return
this
.
changeState
({
loaded
:
false
});
})
.
declareMethod
(
'
notifyLoaded
'
,
function
()
{
if
(
!
this
.
stats
.
loaded
)
{
this
.
stats
.
loaded
=
true
;
return
this
.
render
(
this
.
stats
.
options
);
}
})
.
declareMethod
(
'
notifyChange
'
,
function
()
{
if
(
!
this
.
stats
.
modified
)
{
this
.
stats
.
modified
=
true
;
// Directly modify the previous calculated header
// in order not to remove the submit input
// and still receive 'submit' event
var
button
=
this
.
props
.
right_link
.
querySelector
(
'
button
'
),
class_list
;
if
(
button
!==
null
)
{
class_list
=
button
.
classList
;
if
(
class_list
.
contains
(
'
ui-icon-check
'
))
{
class_list
.
remove
(
'
ui-icon-check
'
);
class_list
.
add
(
'
ui-icon-warning
'
);
}
}
}
.
declareMethod
(
'
notifySubmitted
'
,
function
()
{
return
this
.
changeState
({
submitted
:
true
,
// Change modify here, to allow user to redo some modification and being correctly notified
modified
:
false
});
})
.
declareMethod
(
'
notifySubmitting
'
,
function
()
{
if
(
this
.
stats
.
submitted
)
{
this
.
stats
.
submitted
=
false
;
return
this
.
render
(
this
.
stats
.
options
);
}
return
this
.
changeState
({
submitted
:
false
});
})
.
declareMethod
(
'
notifySubmitted
'
,
function
()
{
var
render_needed
=
false
;
if
(
!
this
.
stats
.
submitted
)
{
render_needed
=
true
;
this
.
stats
.
submitted
=
true
;
}
if
(
this
.
stats
.
modified
)
{
render_needed
=
true
;
// Change modify here, to allow user to redo some modification and being correctly notified
this
.
stats
.
modified
=
false
;
}
if
(
render_needed
)
{
return
this
.
render
(
this
.
stats
.
options
);
}
.
declareMethod
(
'
notifyError
'
,
function
()
{
return
this
.
changeState
({
loaded
:
true
,
submitted
:
true
,
error
:
true
});
})
.
declareMethod
(
'
notifyChange
'
,
function
()
{
return
this
.
changeState
({
modified
:
true
});
})
/*
.declareMethod('notifyUpdate', function () {
return this.render(this.stats.options);
})
*/
.
declareMethod
(
'
render
'
,
function
(
options
)
{
var
gadget
=
this
,
possible_left_link_list
=
[],
possible_left_button_list
=
[
[
'
panel_action
'
,
'
Menu
'
,
'
bars
'
,
'
panel
'
]
],
possible_main_link_list
=
[
// ['menu_url', 'Menu', 'bars'],
[
'
front_url
'
,
'
Front
'
,
'
arrow-up
'
],
[
'
selection_url
'
,
'
Previous
'
,
'
arrow-up
'
],
[
'
cancel_url
'
,
'
Cancel
'
,
'
times
'
],
[
'
back_url
'
,
'
Back
'
,
'
times
'
]
],
possible_right_link_list
=
[
[
'
edit_url
'
,
'
Editable
'
,
'
pencil
'
],
[
'
view_url
'
,
'
Viewable
'
,
'
eye
'
],
[
'
right_url
'
,
'
New
'
,
'
plus
'
]
],
possible_right_button_list
=
[
[
'
save_action
'
,
'
Save
'
,
'
check
'
,
'
submit
'
],
[
'
submit_action
'
,
'
Proceed
'
,
'
check
'
,
'
submit
'
],
[
'
add_action
'
,
'
Add
'
,
'
check
'
,
'
submit
'
],
[
'
filter_action
'
,
'
Filter
'
,
'
filter
'
,
'
submit
'
]
],
possible_sub_header_list
=
[
[
'
tab_url
'
,
'
Views
'
,
'
eye
'
],
[
'
jump_url
'
,
'
Jump
'
,
'
plane
'
],
[
'
delete_url
'
,
'
Delete
'
,
'
times
'
],
[
'
export_url
'
,
'
Export
'
,
'
share-square-o
'
],
[
'
actions_url
'
,
'
Actions
'
,
'
cogs
'
],
[
'
cut_url
'
,
'
Cut
'
,
'
scissors
'
],
[
'
add_url
'
,
'
Add
'
,
'
plus
'
],
[
'
previous_url
'
,
'
Previous
'
,
'
carat-l
'
],
[
'
next_url
'
,
'
Next
'
,
'
carat-r
'
]
],
i
,
var
state
=
{
error
:
false
,
title_text
:
''
,
title_icon
:
undefined
,
title_url
:
undefined
,
left_button_title
:
undefined
,
left_button_icon
:
undefined
,
left_button_name
:
undefined
,
right_link_title
:
undefined
,
right_link_icon
:
undefined
,
right_link_url
:
undefined
,
right_link_class
:
undefined
,
right_button_title
:
undefined
,
right_button_icon
:
undefined
,
right_button_name
:
undefined
},
klass
,
count
=
0
,
//left_link = {
// title: "Menu",
// icon: "bars",
// url: "#leftpanel",
// class: "ui-disabled"
// },
left_link
,
left_button
,
right_link
,
right_button
,
default_right_text
,
default_right_icon
=
""
,
title_link
=
{},
sub_header_list
=
[],
alphabet
=
"
abcdefghijklmnopqrstuvwxyz
"
,
promise_list
=
[];
i
;
gadget
.
stats
.
options
=
options
;
// Handle main title
// Main title
if
(
options
.
hasOwnProperty
(
"
page_title
"
))
{
title_link
.
title
=
options
.
page_title
;
// Updating globally the page title. Does not follow RenderJS philosophy, but, it is enough for now
document
.
title
=
title_link
.
title
;
state
.
title_text
=
options
.
page_title
;
}
// Handle main link
for
(
i
=
0
;
i
<
possible_main_link_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_main_link_list
[
i
][
0
]))
{
title_link
.
icon
=
possible_main_link_list
[
i
][
2
];
title_link
.
url
=
options
[
possible_main_link_list
[
i
][
0
]];
state
.
title_
icon
=
possible_main_link_list
[
i
][
2
];
state
.
title_
url
=
options
[
possible_main_link_list
[
i
][
0
]];
}
}
if
(
title_link
.
hasOwnProperty
(
"
url
"
))
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_title_link_template
(
title_link
)));
}
else
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_title_template
(
title_link
)));
}
// Handle left link
for
(
i
=
0
;
i
<
possible_left_link_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_left_link_list
[
i
][
0
]))
{
klass
=
""
;
if
(
!
options
[
possible_left_link_list
[
i
][
0
]])
{
klass
=
"
ui-disabled
"
;
}
left_link
=
{
title
:
possible_left_link_list
[
i
][
1
],
icon
:
possible_left_link_list
[
i
][
2
],
url
:
options
[
possible_left_link_list
[
i
][
0
]],
class
:
klass
};
}
}
// Left button
for
(
i
=
0
;
i
<
possible_left_button_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_left_button_list
[
i
][
0
]))
{
left_button
=
{
title
:
possible_left_button_list
[
i
][
1
],
icon
:
possible_left_button_list
[
i
][
2
],
name
:
possible_left_button_list
[
i
][
3
]
};
state
.
left_button_title
=
possible_left_button_list
[
i
][
1
];
state
.
left_button_icon
=
possible_left_button_list
[
i
][
2
];
state
.
left_button_name
=
possible_left_button_list
[
i
][
3
];
}
}
if
(
left_link
!==
undefined
)
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_link_template
(
left_link
)));
}
else
if
(
left_button
!==
undefined
)
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_button_template
(
left_button
)));
}
else
{
promise_list
.
push
(
""
);
}
// Handle right link
if
(
gadget
.
stats
.
error
)
{
default_right_icon
=
"
exclamation
"
;
}
else
if
(
!
gadget
.
stats
.
loaded
)
{
default_right_icon
=
"
spinner
"
;
// Show default loading information
right_link
=
{
title
:
"
Loading
"
,
icon
:
default_right_icon
,
url
:
""
,
class
:
"
ui-disabled ui-icon-spin
"
};
}
else
if
(
!
gadget
.
stats
.
submitted
)
{
default_right_icon
=
"
spinner
"
;
}
else
if
(
gadget
.
stats
.
modified
)
{
default_right_text
=
"
Save
"
;
default_right_icon
=
"
warning
"
;
}
for
(
i
=
0
;
i
<
possible_right_link_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_right_link_list
[
i
][
0
]))
{
klass
=
""
;
if
(
!
options
[
possible_right_link_list
[
i
][
0
]])
{
klass
=
"
ui-disabled
"
;
}
right_link
=
{
title
:
possible_right_link_list
[
i
][
1
],
icon
:
default_right_icon
||
possible_right_link_list
[
i
][
2
],
url
:
options
[
possible_right_link_list
[
i
][
0
]],
class
:
klass
};
state
.
right_link_title
=
possible_right_link_list
[
i
][
1
];
state
.
right_link_icon
=
possible_right_link_list
[
i
][
2
];
state
.
right_link_url
=
options
[
possible_right_link_list
[
i
][
0
]];
state
.
right_link_class
=
klass
;
}
}
for
(
i
=
0
;
i
<
possible_right_button_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_right_button_list
[
i
][
0
]))
{
right_button
=
{
title
:
default_right_text
||
possible_right_button_list
[
i
][
1
],
icon
:
default_right_icon
||
possible_right_button_list
[
i
][
2
],
name
:
possible_right_button_list
[
i
][
3
]
};
if
(
gadget
.
stats
.
error
)
{
right_button
.
class
=
"
ui-disabled
"
;
}
state
.
right_button_title
=
possible_right_button_list
[
i
][
1
];
state
.
right_button_icon
=
possible_right_button_list
[
i
][
2
];
state
.
right_button_name
=
possible_right_button_list
[
i
][
3
];
}
}
if
(
right_button
!==
undefined
)
{
if
(
right_button
.
icon
===
'
spinner
'
)
{
right_button
.
class
=
"
ui-disabled ui-icon-spin
"
;
}
promise_list
.
push
(
gadget
.
translateHtml
(
header_button_template
(
right_button
)));
}
else
if
(
right_link
!==
undefined
)
{
if
(
right_link
.
icon
===
'
spinner
'
)
{
right_link
.
class
=
"
ui-disabled ui-icon-spin
"
;
}
promise_list
.
push
(
gadget
.
translateHtml
(
header_link_template
(
right_link
)));
}
else
{
promise_list
.
push
(
""
);
}
//
Handle s
ub header
//
S
ub header
for
(
i
=
0
;
i
<
possible_sub_header_list
.
length
;
i
+=
1
)
{
if
(
options
.
hasOwnProperty
(
possible_sub_header_list
[
i
][
0
]))
{
klass
=
""
;
...
...
@@ -310,63 +206,160 @@
title
:
possible_sub_header_list
[
i
][
1
],
icon
:
possible_sub_header_list
[
i
][
2
],
url
:
options
[
possible_sub_header_list
[
i
][
0
]],
class
:
klass
,
block
:
alphabet
.
charAt
(
count
)
class
:
klass
});
count
+=
1
;
}
}
state
.
sub_header_list
=
sub_header_list
;
return
this
.
changeState
(
state
);
})
.
onStateChange
(
function
(
modification_dict
)
{
var
gadget
=
this
,
right_link
,
right_button
,
default_right_icon
=
""
,
title_link
,
promise_list
=
[];
// Main title
if
(
modification_dict
.
hasOwnProperty
(
'
title_text
'
)
||
modification_dict
.
hasOwnProperty
(
'
title_icon
'
)
||
modification_dict
.
hasOwnProperty
(
'
title_url
'
))
{
// Updating globally the page title. Does not follow RenderJS philosophy, but, it is enough for now
document
.
title
=
gadget
.
state
.
title_text
;
title_link
=
{
title
:
gadget
.
state
.
title_text
,
icon
:
gadget
.
state
.
title_icon
,
url
:
gadget
.
state
.
title_url
};
if
(
title_link
.
url
===
undefined
)
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_title_template
(
title_link
)));
}
else
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_title_link_template
(
title_link
)));
}
}
else
{
promise_list
.
push
(
null
);
}
if
(
sub_header_list
.
length
!==
0
)
{
sub_header_list
[
0
].
class
+=
"
ui-first-child
"
;
sub_header_list
[
sub_header_list
.
length
-
1
].
class
+=
"
ui-last-child
"
;
// Left button
if
(
modification_dict
.
hasOwnProperty
(
'
left_button_title
'
)
||
modification_dict
.
hasOwnProperty
(
'
left_button_icon
'
)
||
modification_dict
.
hasOwnProperty
(
'
left_button_name
'
))
{
if
(
gadget
.
state
.
left_button_title
===
undefined
)
{
promise_list
.
push
(
""
);
}
else
{
promise_list
.
push
(
gadget
.
translateHtml
(
header_button_template
({
title
:
gadget
.
state
.
left_button_title
,
icon
:
gadget
.
state
.
left_button_icon
,
name
:
gadget
.
state
.
left_button_name
})));
}
}
else
{
promise_list
.
push
(
null
);
}
// gadget.props.sub_header_ul.textContent = JSON.stringify(options);
//gadget.props.sub_header_ul.innerHTML = sub_header_template({
// sub_header_list: sub_header_list
//});
promise_list
.
push
(
gadget
.
translateHtml
(
sub_header_template
({
sub_header_list
:
sub_header_list
})));
// Handle right link
if
(
modification_dict
.
hasOwnProperty
(
'
error
'
)
||
modification_dict
.
hasOwnProperty
(
'
loaded
'
)
||
modification_dict
.
hasOwnProperty
(
'
modified
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_link_title
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_link_icon
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_link_url
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_link_class
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_button_title
'
)
||
modification_dict
.
hasOwnProperty
(
'
right_button_icon
'
)
||
modification_dict
.
hasOwnProperty
(
'
submitted
'
))
{
if
(
gadget
.
state
.
error
)
{
default_right_icon
=
"
exclamation
"
;
}
else
if
(
!
gadget
.
state
.
loaded
)
{
default_right_icon
=
"
spinner
"
;
// Show default loading information
right_link
=
{
title
:
"
Loading
"
,
icon
:
default_right_icon
,
url
:
""
,
class
:
"
ui-disabled ui-icon-spin
"
};
}
else
if
(
!
gadget
.
state
.
submitted
)
{
default_right_icon
=
"
spinner
"
;
}
else
if
(
gadget
.
state
.
modified
)
{
default_right_icon
=
"
warning
"
;
}
if
(
gadget
.
state
.
right_link_title
!==
undefined
)
{
right_link
=
{
title
:
gadget
.
state
.
right_link_title
,
icon
:
default_right_icon
||
gadget
.
state
.
right_link_icon
,
url
:
gadget
.
state
.
right_link_url
,
class
:
gadget
.
state
.
right_link_class
};
}
if
(
gadget
.
state
.
right_button_title
!==
undefined
)
{
right_button
=
{
title
:
gadget
.
state
.
right_button_title
,
icon
:
default_right_icon
||
gadget
.
state
.
right_button_icon
,
name
:
gadget
.
state
.
right_button_name
};
if
(
gadget
.
state
.
error
)
{
right_button
.
class
=
"
ui-disabled
"
;
}
}
if
(
right_button
!==
undefined
)
{
if
(
right_button
.
icon
===
'
spinner
'
)
{
right_button
.
class
=
"
ui-disabled ui-icon-spin
"
;
}
promise_list
.
push
(
gadget
.
translateHtml
(
header_button_template
(
right_button
)));
}
else
if
(
right_link
!==
undefined
)
{
if
(
right_link
.
icon
===
'
spinner
'
)
{
right_link
.
class
=
"
ui-disabled ui-icon-spin
"
;
}
promise_list
.
push
(
gadget
.
translateHtml
(
header_link_template
(
right_link
)));
}
else
{
promise_list
.
push
(
""
);
}
}
else
{
promise_list
.
push
(
null
);
}
// Handle sub header
if
(
modification_dict
.
hasOwnProperty
(
'
sub_header_list
'
))
{
promise_list
.
push
(
gadget
.
translateHtml
(
sub_header_template
({
sub_header_list
:
gadget
.
state
.
sub_header_list
})));
}
else
{
promise_list
.
push
(
null
);
}
return
new
RSVP
.
Queue
()
.
push
(
function
()
{
return
RSVP
.
all
(
promise_list
);
})
.
push
(
function
(
my_translated_html_list
)
{
gadget
.
props
.
title_element
.
innerHTML
=
my_translated_html_list
[
0
];
gadget
.
props
.
left_link
.
innerHTML
=
my_translated_html_list
[
1
];
gadget
.
props
.
right_link
.
innerHTML
=
my_translated_html_list
[
2
];
gadget
.
props
.
sub_header_ul
.
innerHTML
=
my_translated_html_list
[
3
];
.
push
(
function
(
result_list
)
{
var
j
;
for
(
j
=
0
;
j
<
result_list
.
length
;
j
+=
1
)
{
if
(
result_list
[
j
]
!==
null
)
{
gadget
.
props
.
element_list
[
j
].
innerHTML
=
result_list
[
j
];
}
}
});
})
//////////////////////////////////////////////
// handle button
click
// handle button
submit
//////////////////////////////////////////////
.
declareService
(
function
()
{
var
form_gadget
=
this
;
function
formSubmit
(
evt
)
{
var
button
=
evt
.
target
[
0
],
name
=
button
.
getAttribute
(
"
name
"
);
if
(
name
===
"
panel
"
)
{
return
form_gadget
.
triggerPanel
();
}
if
(
name
===
"
submit
"
)
{
return
form_gadget
.
triggerSubmit
();
}
throw
new
Error
(
"
Unsupported button
"
+
name
);
.
onEvent
(
'
submit
'
,
function
(
evt
)
{
var
name
=
evt
.
target
[
0
].
getAttribute
(
"
name
"
);
if
(
name
===
"
panel
"
)
{
return
this
.
triggerPanel
();
}
// Listen to form submit
return
loopEventListener
(
form_gadget
.
props
.
element
,
'
submit
'
,
false
,
formSubmit
);
if
(
name
===
"
submit
"
)
{
return
this
.
triggerSubmit
();
}
throw
new
Error
(
"
Unsupported button
"
+
name
);
});
}(
window
,
rJS
,
Handlebars
,
document
,
loopEventListener
,
RSVP
));
\ No newline at end of file
}(
window
,
rJS
,
Handlebars
,
document
,
RSVP
));
\ No newline at end of file
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_header_js.xml
View file @
586467b7
...
...
@@ -230,7 +230,7 @@
</item>
<item>
<key>
<string>
serial
</string>
</key>
<value>
<string>
95
3.40680.32628.45004
</string>
</value>
<value>
<string>
95
5.23807.51206.64836
</string>
</value>
</item>
<item>
<key>
<string>
state
</string>
</key>
...
...
@@ -248,7 +248,7 @@
</tuple>
<state>
<tuple>
<float>
147
2723487.54
</float>
<float>
147
9483026.71
</float>
<string>
UTC
</string>
</tuple>
</state>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment