Skip to content

GitLab

S
stw-padmws-graph
Commit 0566eaec authored by Tomas Pettersson's avatar Tomas Pettersson 🏸
Browse files
Options

testing full viewport

parent 1a588ebf
Hide whitespace changes
Inline Side-by-side
Showing with 36 additions and 25 deletions
bower.json
View file @ 0566eaec
......@@ -18,10 +18,10 @@
"jquery": "latest",
"uikit": "latest",
"reqwest": "latest",
"moment": "latest"
},
"devDependencies": {
"moment": "latest",
"chart.js": "^2.5.0"
},
"devDependencies": {},
"license": "MIT",
"ignore": [
"**/.*",
......
demo/index.html
View file @ 0566eaec
......@@ -32,6 +32,8 @@
var graphDiv = document.createElement("DIV");
var graphbutton = document.createElement("BUTTON");
var t = document.createTextNode("Graph");
document.body.appendChild(graphbutton);
var id = '39e8929d-8d9d-4b0f-b95b-61361bd7446e';
var graphid = "graph" + id;
graphbutton.setAttribute('data-uk-modal', "{target:'#" + graphid + "'}");
......@@ -45,8 +47,7 @@
"lang" : language,
"langdata" : langData
});
document.body.appendChild(graphbutton);
</script>
</body>
......
src/stw-padmws-graph.js
View file @ 0566eaec
......@@ -45,15 +45,21 @@ var Graph = (function () {
graphModal.id = id;
// places it outside to avoid conflicts with positioning
$(graphModal).appendTo('body');
var dialog = self.createDom('div', 'uk-modal-dialog', graphModal);
var dialog = self.createDom('div', 'uk-modal-dialog uk-modal-dialog-blank', graphModal);
var close = self.createDom('button', 'uk-modal-close uk-close', dialog);
var mainDiv = self.createDom('div', '', dialog);
var headerTxt = self.createDom('span', '', mainDiv);
headerTxt.innerHTML = "<b>Graph</b><br><p>";
var bodyDiv = self.createDom('div', '', mainDiv);
var footer = self.createDom('div', 'uk-modal-footer uk-text-right', dialog);
var okDialogButton = self.createDom('button', 'uk-button uk-modal-close', footer);
okDialogButton.textContent = "Ok";
var mainDiv = self.createDom('div', 'uk-grid uk-flex-middle', dialog);
var chartDiv = self.createDom('div', 'uk-width-medium-1-2 uk-height-viewport', mainDiv);
var selectionDiv = self.createDom('div', 'uk-width-medium-1-2', mainDiv);
var header = self.createDom('h1', '', selectionDiv);
header.textContent = "Graph";
var radioDiv = self.createDom('div', 'uk-width-medium-1-3', selectionDiv);
var radioButtons = self.createDom('p', '', radioDiv);
radioButtons.textContent = "Radiobuttons go here";
$('#' + id).on({
'show.uk.modal': function () {
console.log("Modal is visible.");
}
});
};
return Graph;
}());
......
src/stw-padmws-graph.js.map
View file @ 0566eaec
{"version":3,"file":"stw-padmws-graph.js","sourceRoot":"","sources":["stw-padmws-graph.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
{"version":3,"file":"stw-padmws-graph.js","sourceRoot":"","sources":["stw-padmws-graph.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
src/stw-padmws-graph.ts
View file @ 0566eaec
......@@ -38,7 +38,7 @@ class Graph {
}
private createDom(type : string, classString: string, parent?: any) {
private createDom(type: string, classString: string, parent?: any) {
var element = document.createElement(type);
var classes = classString.split(' ');
for (var i = 0; i < classes.length; i++) {
......@@ -57,17 +57,21 @@ class Graph {
graphModal.id = id;
// places it outside to avoid conflicts with positioning
$(graphModal).appendTo('body');
var dialog = <HTMLDivElement>self.createDom('div', 'uk-modal-dialog', graphModal);
var dialog = <HTMLDivElement>self.createDom('div', 'uk-modal-dialog uk-modal-dialog-blank', graphModal);
var close = <HTMLButtonElement>self.createDom('button', 'uk-modal-close uk-close', dialog);
var mainDiv = <HTMLDivElement>self.createDom('div', '', dialog);
var headerTxt = <HTMLSpanElement>self.createDom('span', '', mainDiv);
headerTxt.innerHTML = "<b>Graph</b><br><p>";
var bodyDiv = <HTMLDivElement>self.createDom('div', '', mainDiv);
var footer = <HTMLDivElement>self.createDom('div', 'uk-modal-footer uk-text-right', dialog);
var okDialogButton = <HTMLButtonElement>self.createDom('button', 'uk-button uk-modal-close', footer);
okDialogButton.textContent = "Ok";
var mainDiv = <HTMLDivElement>self.createDom('div', 'uk-grid uk-flex-middle', dialog);
var chartDiv = <HTMLDivElement>self.createDom('div', 'uk-width-medium-1-2 uk-height-viewport', mainDiv);
var selectionDiv = <HTMLDivElement>self.createDom('div', 'uk-width-medium-1-2', mainDiv);
var header = <HTMLDivElement>self.createDom('h1', '', selectionDiv);
header.textContent = "Graph";
var radioDiv = <HTMLDivElement>self.createDom('div', 'uk-width-medium-1-3', selectionDiv);
var radioButtons = <HTMLDivElement>self.createDom('p', '', radioDiv);
radioButtons.textContent = "Radiobuttons go here";
$('#'+id).on({
'show.uk.modal': function () {
console.log("Modal is visible.");
}
});
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment