diff --git a/templates/gracedb/event_detail.html b/templates/gracedb/event_detail.html index 02307b47c23740462204740c5cdffacaeb9ac80b..b224a02ed913b2ad86194604f6ed96a99fa4d409 100644 --- a/templates/gracedb/event_detail.html +++ b/templates/gracedb/event_detail.html @@ -20,6 +20,7 @@ "dojo/on", "dojo/request", "dojo/dom-form", + "dojo/dom-construct", "dijit/Editor", "dojox/editor/plugins/Save", "dojox/editor/plugins/Preview", @@ -36,7 +37,7 @@ "dijit/_editor/plugins/NewPage", "dijit/_editor/plugins/FullScreen", "dojo/parser", - "dojo/domReady!"], function (dom, on, request, domForm, Editor, Save, Preview, + "dojo/domReady!"], function (dom, on, request, domForm, domConstruct, Editor, Save, Preview, Button, TitlePane, ScrollPane, Memory, ComboBox, Dialog) { dojo.parser.parse(); @@ -226,14 +227,19 @@ {% endif %} }, "existingTagSelect"); - var tagResultDialog = new Dialog(); - - var actionBar = dom.create("div", { - "class": "dijitDialogPaneContentArea", - "innerHTML": "my testy" - }, tagResultDialog.containerNode); - - + // Construct a dialog to show results of tagging an existing log message. + var tagResultDialog = new Dialog({ style: "width: 300px" }); + var actionBar = domConstruct.create("div", { "class": "dijitDialogPaneActionBar" }); + var tbnode = domConstruct.create("div", { + style: "margin: 0px auto 0px auto; text-align: center;" + }, actionBar); + var tagButton = new Button({ + label: "Ok", + onClick: function(){ + tagResultDialog.hide(); + }}).placeAt(tbnode); + + // The form for tagging existing log messages. var form = dom.byId('existingTagForm'); on(form, "submit", function(evt){ evt.stopPropagation(); @@ -251,18 +257,18 @@ }).then( function(text){ tagResultDialog.set("content", text); + domConstruct.place(actionBar, tagResultDialog.containerNode); tagResultDialog.show(); //location.reload(true); }, function(error){ - tagResultDialog.set("content", error); + tagResultDialog.set("content", "Error: " + error); + domConstruct.place(actionBar, tagResultDialog.containerNode); tagResultDialog.show(); } ); }); - // Messing around with the dialog. - }); </script>