Introduced buttongroup to tutorial view
Change-Id: Icde1dda8626211267fc8367c94ee633e5dc0b653
diff --git a/dev/js/src/tutorial.js b/dev/js/src/tutorial.js
index 78d4a86..fe224b5 100644
--- a/dev/js/src/tutorial.js
+++ b/dev/js/src/tutorial.js
@@ -2,10 +2,11 @@
* Open and close a tutorial page.
* The current page is stored and retrieved in a session cookie.
*/
+// TODO: Make this a panel
// TODO: Add query mechanism!
// TODO: Highlight current section:
// http://stackoverflow.com/questions/24887258/highlight-navigation-link-as-i-scroll-down-the-page
-define(['session', 'util'], function (sessionClass) {
+define(['session','buttongroup','util'], function (sessionClass, buttonGroupClass) {
"use strict";
// Localization values
@@ -132,18 +133,16 @@
'src',
(this.getPage() || this.start) + '?embedded=true'
);
-
- var ul = document.createElement('ul');
- ul.classList.add('action', 'right');
- // Add close button
- var close = document.createElement('li');
- close.addE('span').addT(loc.CLOSE);
- close.classList.add('close');
- close.setAttribute('title', loc.CLOSE);
- close.onclick = function () {
- element.style.display = 'none';
- };
+ var btn = buttonGroupClass.create(
+ ['action','button-view']
+ );
+
+ var that = this;
+ btn.add(loc.CLOSE, ['button-icon','close'], function () {
+ element.style.display = 'none';
+ });
+ element.appendChild(btn.element());
// Add open in new window button
// Add scroll to top button
@@ -154,10 +153,12 @@
info.classList.add('info');
info.setAttribute('title', loc.SHOWINFO);
*/
-
+
+ /*
ul.appendChild(close);
element.appendChild(ul);
+ */
element.appendChild(this._iframe);
};
diff --git a/dev/scss/main/tutorial.scss b/dev/scss/main/tutorial.scss
index 8f8d0f4..2a0318b 100644
--- a/dev/scss/main/tutorial.scss
+++ b/dev/scss/main/tutorial.scss
@@ -16,9 +16,11 @@
margin: 0;
*/
background-color: $nearly-white;
- ul.action {
+
+ .button-group.button-view {
background-color: $middle-grey;
display: block;
+ height: 100%;
}
border: {
width: 2 * $border-size;