Commit 5162562b authored by Angelo Ziletti's avatar Angelo Ziletti
Browse files

Fix <script> problem in sis and typos in Embed.

parent ccb8c91e
...@@ -411,7 +411,7 @@ ...@@ -411,7 +411,7 @@
" <div class=\"lasso_form_group\">", " <div class=\"lasso_form_group\">",
" <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>", " <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>",
" <div id='embed_method_selector'>", " <div id='embed_method_selector'>",
" <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" CHECKED> Principal Compenent Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>", " <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" CHECKED> Principal Component Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>",
" <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>", " <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>",
" <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>", " <label class =\"col-xs-4 col-md-4 col-lg-4\"><input type=\"radio\" name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>",
" </div> ", " </div> ",
...@@ -446,9 +446,9 @@ ...@@ -446,9 +446,9 @@
"result": { "result": {
"type": "BeakerDisplay", "type": "BeakerDisplay",
"innertype": "Html", "innertype": "Html",
"object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n getFeatures();\n getEmbedMethod();\n getStandardize();\n getUnits();\n beaker.evaluate(\"lasso_cell\"); // evaluate cells with tag \"lasso_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n beaker.evaluate(\"lasso_gui\");\n};\nvar getFeatures = function() {\n beaker.selected_feature_list = [];\n $('#lasso_features_select input:checkbox').each(function () {\n if(this.checked )\n beaker.selected_feature_list.push(this.value);\n });\n};\n \nvar getUnits = function() {\n beaker.units = $(\"#units_select\").val();\n};\n \nvar getEmbedMethod = function() {\n beaker.embed_method = \"pca\";\n $('#embed_method_selector input:radio').each(function () {\n if(this.checked )\n beaker.embed_method = this.value;\n });\n};\n \nvar getStandardize = function() {\n beaker.standardize = \"yes\";\n $('#standardize input:radio').each(function () {\n if(this.checked )\n beaker.standardize = this.value;\n });\n};\n \nbeaker.view_result = function(result_link) {\n// beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n $(\"#lasso_result_button\").attr(\"href\", result_link);\n// }); \n $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>\n<style type=\"text/css\">\n label {\n font-size: 18px;\n }\n .lasso_control{\n font-size: 18px;\n } \n.lasso_form_group input {\n width: 15px;\n height: 15px;\n padding: 0;\n margin:0;\n padding-right:5px; \n vertical-align: bottom;\n top: -1px;\n} \n .lasso_selection_description{\n padding: 10px 15px;\n }\n</style>\n<div class=\"lasso_control\">\n <div class=\"row\">\n <p class=\"lasso_selection_description\"><b>Primary features </b>\n (hover the mouse pointer over the feature names to see a full description):</p>\n <form id=\"lasso_features_select\">\n <div class=\"lasso_form_group\">\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_ionization_potential\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic ionization potential\"><i>IP</i> </span></label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electron_affinity\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic electron affinity\"> <i>EA</i></span></label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo\" type=\"checkbox\"> <span title=\"Energy of highest occupied molecular orbital\"><i>E</i> <sub>HOMO</sub></span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-2\"> <input value=\"atomic_lumo\" type=\"checkbox\"> <span title=\"Energy of lowest unoccupied molecular orbital\"> <i>E</i> <sub>LUMO</sub> </span> </label>\n \n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rs_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence s orbital is maximum\"> <i>r</i><sub>s</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rp_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence p orbital is maximum\"> <i>r</i><sub>p</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rd_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence d orbital is maximum\"> <i>r</i><sub>d</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number\" type=\"checkbox\"> <span title=\"Atomic number\"> <i>Z</i> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number_valence_electrons\" type=\"checkbox\"> <span title=\"Number of valence electrons\"> <i>Z</i><sub>val</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"period\" type=\"checkbox\"> <span title=\"Period (in the periodic table)\"> <i>n</i> <sub>period</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_r_by_2_dimer\" type=\"checkbox\"> <span title=\"Bond length of the dimer\"> <i>d</i> <sub>dimer</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electronic_binding_energy_dimer\" type=\"checkbox\"> <span title=\"Binding energy of the dimer\"> <i>E</i> <sub>b</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo_lumo_diff\" type=\"checkbox\"> <span title=\"HOMO-LUMO gap of the dimer\"> Δ<i>E</i><sub>HL</sub> </span> </label>\n \n<!--- <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Es/sqrt(Zval)\" > \n <span title=\"Energy of the valence s orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>s</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Ep/sqrt(Zval)\" > \n <span title=\"Energy of the valence p orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>p</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n--> \n </div>\n </form>\n </div> <!-- End of row-->\n \n <br>\n <div class=\"row\"> <!-- Start of row-->\n <p class=\"lasso_selection_description\"><b>Units of measurement: </b> \n <select id=\"units_select\">\n <option value=\"eV_angstrom\"> [energy]=eV;&nbsp;&nbsp;[length]=angstrom</option>\n <option value=\"J_m\"> [energy]=J;&nbsp;&nbsp;[length]=m</option>\n <option value=\"kcal/mol_angstrom\"> [energy]=kcal/mol;&nbsp;&nbsp;[length]=angstrom</option>\n </select> </p>\n </div><!-- End of row-->\n \n <br>\n <div class=\"row\"> <!-- Start of second row-->\n <div class=\"lasso_form_group\">\n <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>\n <div id=\"embed_method_selector\">\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" checked=\"\" type=\"radio\"> Principal Compenent Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\" type=\"radio\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\" type=\"radio\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>\n </div> \n </div>\n </div><!-- End of row--> \n <div class=\"row\"> <!-- Start of second row-->\n <div class=\"lasso_form_group\">\n <p class=\"lasso_selection_description\"><b>Scale data to unit-variance:</b>\n (data are centered around the mean in any case) [<a href=\"https://en.wikipedia.org/wiki/Feature_scaling\" target=\"_blank\">more info</a>]</p>\n <div id=\"standardize\">\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio4\" value=\"True\" checked=\"\" type=\"radio\"> yes </label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio5\" value=\"False\" type=\"radio\"> no </label>\n </div> \n </div>\n </div><!-- End of row--> \n <br>\n\n<!-- <span title=''> <img src=\"http://images.clipartpanda.com/question-purzen_Icon_with_question_mark_Vector_Clipart.png\" style=\"height: 30px; width: 30px;\"> </span> -->\n <button class=\"btn btn-default\" onclick=\"run_lasso()\">RUN TWO-DIMENSIONAL EMBEDDING</button>\n <button class=\"btn btn-default\" onclick=\"reset_lasso()\">RESET</button>\n <label title=\"This button becomes active when the run is finished. By clicking it, an interactive structural-similarity plot will be opened\"> <a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" id=\"lasso_result_button\">View interactive 2D scatter plot</a> </label>\n</div> <!-- End of lasso_control -->\n" "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n getFeatures();\n getEmbedMethod();\n getStandardize();\n getUnits();\n beaker.evaluate(\"lasso_cell\"); // evaluate cells with tag \"lasso_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n beaker.evaluate(\"lasso_gui\");\n};\nvar getFeatures = function() {\n beaker.selected_feature_list = [];\n $('#lasso_features_select input:checkbox').each(function () {\n if(this.checked )\n beaker.selected_feature_list.push(this.value);\n });\n};\n \nvar getUnits = function() {\n beaker.units = $(\"#units_select\").val();\n};\n \nvar getEmbedMethod = function() {\n beaker.embed_method = \"pca\";\n $('#embed_method_selector input:radio').each(function () {\n if(this.checked )\n beaker.embed_method = this.value;\n });\n};\n \nvar getStandardize = function() {\n beaker.standardize = \"yes\";\n $('#standardize input:radio').each(function () {\n if(this.checked )\n beaker.standardize = this.value;\n });\n};\n \nbeaker.view_result = function(result_link) {\n// beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n $(\"#lasso_result_button\").attr(\"href\", result_link);\n// }); \n $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>\n<style type=\"text/css\">\n label {\n font-size: 18px;\n }\n .lasso_control{\n font-size: 18px;\n } \n.lasso_form_group input {\n width: 15px;\n height: 15px;\n padding: 0;\n margin:0;\n padding-right:5px; \n vertical-align: bottom;\n top: -1px;\n} \n .lasso_selection_description{\n padding: 10px 15px;\n }\n</style>\n<div class=\"lasso_control\">\n <div class=\"row\">\n <p class=\"lasso_selection_description\"><b>Primary features </b>\n (hover the mouse pointer over the feature names to see a full description):</p>\n <form id=\"lasso_features_select\">\n <div class=\"lasso_form_group\">\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_ionization_potential\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic ionization potential\"><i>IP</i> </span></label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electron_affinity\" checked=\"\" type=\"checkbox\"> <span title=\"Atomic electron affinity\"> <i>EA</i></span></label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo\" type=\"checkbox\"> <span title=\"Energy of highest occupied molecular orbital\"><i>E</i> <sub>HOMO</sub></span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-2\"> <input value=\"atomic_lumo\" type=\"checkbox\"> <span title=\"Energy of lowest unoccupied molecular orbital\"> <i>E</i> <sub>LUMO</sub> </span> </label>\n \n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rs_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence s orbital is maximum\"> <i>r</i><sub>s</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rp_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence p orbital is maximum\"> <i>r</i><sub>p</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_rd_max\" checked=\"\" type=\"checkbox\"> <span title=\"Radius at which the radial probability density of the valence d orbital is maximum\"> <i>r</i><sub>d</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number\" type=\"checkbox\"> <span title=\"Atomic number\"> <i>Z</i> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_number_valence_electrons\" type=\"checkbox\"> <span title=\"Number of valence electrons\"> <i>Z</i><sub>val</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"period\" type=\"checkbox\"> <span title=\"Period (in the periodic table)\"> <i>n</i> <sub>period</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_r_by_2_dimer\" type=\"checkbox\"> <span title=\"Bond length of the dimer\"> <i>d</i> <sub>dimer</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_electronic_binding_energy_dimer\" type=\"checkbox\"> <span title=\"Binding energy of the dimer\"> <i>E</i> <sub>b</sub> </span> </label>\n <label class=\"col-xs-4 col-md-4 col-lg-3\"> <input value=\"atomic_homo_lumo_diff\" type=\"checkbox\"> <span title=\"HOMO-LUMO gap of the dimer\"> Δ<i>E</i><sub>HL</sub> </span> </label>\n \n<!--- <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Es/sqrt(Zval)\" > \n <span title=\"Energy of the valence s orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>s</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n <label class =\"col-xs-4 col-md-4 col-lg-3\"> <input type=\"checkbox\" value=\"Ep/sqrt(Zval)\" > \n <span title=\"Energy of the valence p orbital(s) divided by the square root of the number of valence electrons. [Phys. Rev. B 85, 104104 (2012)]\"> <i>E</i><sub>p</sub>/sqrt(<i>Z</i> <sub>val</sub>) </span> </label>\n--> \n </div>\n </form>\n </div> <!-- End of row-->\n \n <br>\n <div class=\"row\"> <!-- Start of row-->\n <p class=\"lasso_selection_description\"><b>Units of measurement: </b> \n <select id=\"units_select\">\n <option value=\"eV_angstrom\"> [energy]=eV;&nbsp;&nbsp;[length]=angstrom</option>\n <option value=\"J_m\"> [energy]=J;&nbsp;&nbsp;[length]=m</option>\n <option value=\"kcal/mol_angstrom\"> [energy]=kcal/mol;&nbsp;&nbsp;[length]=angstrom</option>\n </select> </p>\n </div><!-- End of row-->\n \n <br>\n <div class=\"row\"> <!-- Start of second row-->\n <div class=\"lasso_form_group\">\n <p class=\"lasso_selection_description\"><b>Embedding methods:</b> </p>\n <div id=\"embed_method_selector\">\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio1\" value=\"pca\" checked=\"\" type=\"radio\"> Principal Component Analysis (PCA) [<a href=\"https://en.wikipedia.org/wiki/Principal_component_analysis\" target=\"_blank\">more info</a>]</label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio2\" value=\"mds\" type=\"radio\"> Multidimensional scaling (MDS) [<a href=\"https://en.wikipedia.org/wiki/Multidimensional_scaling\" target=\"_blank\">more info</a>]</label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptions\" id=\"inlineRadio3\" value=\"tsne_pca\" type=\"radio\"> t-Distributed Stochastic Neighbor Embedding (t-SNE) [<a href=\"https://en.wikipedia.org/wiki/T-distributed_stochastic_neighbor_embedding\" target=\"_blank\">more info</a>]</label>\n </div> \n </div>\n </div><!-- End of row--> \n <div class=\"row\"> <!-- Start of second row-->\n <div class=\"lasso_form_group\">\n <p class=\"lasso_selection_description\"><b>Scale data to unit-variance:</b>\n (data are centered around the mean in any case) [<a href=\"https://en.wikipedia.org/wiki/Feature_scaling\" target=\"_blank\">more info</a>]</p>\n <div id=\"standardize\">\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio4\" value=\"True\" checked=\"\" type=\"radio\"> yes </label>\n <label class=\"col-xs-4 col-md-4 col-lg-4\"><input name=\"inlineRadioOptionsStandardize\" id=\"inlineRadio5\" value=\"False\" type=\"radio\"> no </label>\n </div> \n </div>\n </div><!-- End of row--> \n <br>\n\n<!-- <span title=''> <img src=\"http://images.clipartpanda.com/question-purzen_Icon_with_question_mark_Vector_Clipart.png\" style=\"height: 30px; width: 30px;\"> </span> -->\n <button class=\"btn btn-default\" onclick=\"run_lasso()\">RUN TWO-DIMENSIONAL EMBEDDING</button>\n <button class=\"btn btn-default\" onclick=\"reset_lasso()\">RESET</button>\n <label title=\"This button becomes active when the run is finished. By clicking it, an interactive structural-similarity plot will be opened\"> <a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" id=\"lasso_result_button\">View interactive 2D scatter plot</a> </label>\n</div> <!-- End of lasso_control -->\n"
}, },
"height": 591 "height": 609
}, },
"evaluatorReader": true, "evaluatorReader": true,
"lineCount": 137 "lineCount": 137
......
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
"result": { "result": {
"type": "BeakerDisplay", "type": "BeakerDisplay",
"innertype": "Html", "innertype": "Html",
"object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<div id=\"teaser\" style=\"background-color: rgba(149,170,79, 1.0); background-position: right center; background-size: 200px; background-repeat: no-repeat; \n padding-top: 20px;\n padding-right: 10px;\n padding-bottom: 50px;\n padding-left: 80px;\"> \n\n <div class=\"nomad--header\">\n <div style=\"text-align:center\">\n <h2> <img id=\"nomad\" src=\"https://nomad-coe.eu/uploads/nomad/images/NOMAD_Logo2.png\" alt=\"NOMAD Logo\" height=\"100\"> NOMAD Analytics Toolkit \n <img id=\"nomad\" src=\"https://www.nomad-coe.eu/uploads/nomad/backgrounds/head_big-data_analytics_2.png\" alt=\"NOMAD Logo\" height=\"80\"> </h2>\n </div>\n <h3>Predicting energy differences between crystal structures: (Meta-)stability of octet-binary compounds</h3>\n <p class=\"nomad--description\">\n created by:\n Angelo Ziletti<sup> 1</sup>,\n Emre Ahmetcik<sup>1</sup>,\n Runhai Ouyang<sup>1</sup>,\n Ankit Kariryaa<sup>1</sup>, \n Fawzi R. Mohamed<sup>1</sup>,\n Luca Ghiringhelli<sup>1</sup>,\n and Matthias Scheffler<sup>1</sup> <br><br>\n \n <sup>1</sup> Fritz Haber Institute of the Max Planck Society, Faradayweg 4-6, D-14195 Berlin, Germany <br>\n <span class=\"nomad--last-updated\" data-version=\"v1.0.0\">[Last updated: May 10, 2017]</span>\n </p>\n</div>\n\n</div> \n\n<div style=\"text-align: right;\">\n<a href=\"https://analytics-toolkit.nomad-coe.eu/home/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to Analytics Home</a> \n<a href=\"https://www.nomad-coe.eu/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to NOMAD CoE Home</a> \n</div>\n" "object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<div id=\"teaser\" style=\"background-color: rgba(149,170,79, 1.0); background-position: right center; background-size: 200px; background-repeat: no-repeat; \n padding-top: 20px;\n padding-right: 10px;\n padding-bottom: 50px;\n padding-left: 80px;\"> \n\n <div class=\"nomad--header\">\n <div style=\"text-align:center\">\n <h2> <img id=\"nomad\" src=\"https://nomad-coe.eu/uploads/nomad/images/NOMAD_Logo2.png\" alt=\"NOMAD Logo\" height=\"100\"> NOMAD Analytics Toolkit \n <img id=\"nomad\" src=\"https://www.nomad-coe.eu/uploads/nomad/backgrounds/head_big-data_analytics_2.png\" alt=\"NOMAD Logo\" height=\"80\"> </h2>\n </div>\n <h3>Predicting energy differences between crystal structures: (Meta-)stability of octet-binary compounds</h3>\n <p class=\"nomad--description\">\n created by:\n Angelo Ziletti<sup> 1</sup>,\n Emre Ahmetcik<sup>1</sup>,\n Runhai Ouyang<sup>1</sup>,\n Ankit Kariryaa<sup>1</sup>, \n Fawzi R. Mohamed<sup>1</sup>,\n Luca Ghiringhelli<sup>1</sup>,\n and Matthias Scheffler<sup>1</sup> <br><br>\n \n <sup>1</sup> Fritz Haber Institute of the Max Planck Society, Faradayweg 4-6, D-14195 Berlin, Germany <br>\n <span class=\"nomad--last-updated\" data-version=\"v1.0.0\">[Last updated: May 12, 2017]</span>\n </p>\n</div>\n\n</div> \n\n<div style=\"text-align: right;\">\n<a href=\"https://analytics-toolkit.nomad-coe.eu/home/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to Analytics Home</a> \n<a href=\"https://www.nomad-coe.eu/\" class=\"btn btn-primary\" style=\"font-size:larger;\">Back to NOMAD CoE Home</a> \n</div>\n"
}, },
"selectedType": "BeakerDisplay", "selectedType": "BeakerDisplay",
"elapsedTime": 0, "elapsedTime": 0,
...@@ -327,6 +327,86 @@ ...@@ -327,6 +327,86 @@
"evaluatorReader": true, "evaluatorReader": true,
"lineCount": 147 "lineCount": 147
}, },
{
"id": "codePjdM5h",
"type": "code",
"evaluator": "HTML",
"input": {
"body": [
"<script>",
"var run_lasso = function() {",
" $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");",
" getFeatures();",
" getOperators();",
" getMaxDim();",
" getUnits();",
" beaker.evaluate(\"calc_cell\"); // evaluate cells with tag \"calc_cell\"",
" // view_result()",
"};",
"var reset_lasso = function(){",
" beaker.evaluate(\"lasso-settings-cell\");",
" var e = document.getElementById('lasso-hidden-settings-div');",
" var b = document.getElementById('lasso-hidden-settings-button');",
" e.style.display = 'block';",
" b.style.display = 'inline';",
"};",
"var getFeatures = function() {",
" beaker.selected_feature_list = [];",
" $('#lasso_features_select input:checkbox').each(function () {",
" if(this.checked )",
" beaker.selected_feature_list.push(this.value);",
" });",
"};",
"var getOperators = function() {",
" beaker.allowed_operations = [];",
" $('#lasso_operators_select input:checkbox').each(function () {",
" if(this.checked )",
" beaker.allowed_operations.push(this.value);",
" });",
"}; ",
"var getMaxDim = function() {",
" beaker.max_dim = $(\"#lasso_max_dim_selector\").val();",
"};",
" ",
"var getUnits = function() {",
" beaker.units = $(\"#units_select\").val();",
"};",
"var toggle_settings = function(){",
" var e = document.getElementById('lasso-hidden-settings-div');",
" var b = document.getElementById('lasso-hidden-settings-button');",
" if(e.style.display == 'block'){",
" e.style.display = 'none';",
" b.style.display = 'none';",
" }",
" else{",
" e.style.display = 'block';",
" b.style.display = 'inline';",
" }",
"};",
"beaker.view_result = function(result_link) {",
"// beaker.evaluate(\"lasso_viewer_result\").then(function(x) {",
" $(\"#lasso_result_button\").attr(\"href\", result_link);",
"// }); ",
" $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");",
"}",
"</script>"
],
"hidden": true
},
"output": {
"state": {},
"result": {
"type": "BeakerDisplay",
"innertype": "Html",
"object": "<script>\nvar beaker = bkHelper.getBeakerObject().beakerObj;\n</script>\n<script>\nvar run_lasso = function() {\n $(\"#lasso_result_button\").removeClass(\"active\").addClass(\"disabled\");\n getFeatures();\n getOperators();\n getMaxDim();\n getUnits();\n beaker.evaluate(\"calc_cell\"); // evaluate cells with tag \"calc_cell\"\n // view_result()\n};\nvar reset_lasso = function(){\n beaker.evaluate(\"lasso-settings-cell\");\n var e = document.getElementById('lasso-hidden-settings-div');\n var b = document.getElementById('lasso-hidden-settings-button');\n e.style.display = 'block';\n b.style.display = 'inline';\n};\nvar getFeatures = function() {\n beaker.selected_feature_list = [];\n $('#lasso_features_select input:checkbox').each(function () {\n if(this.checked )\n beaker.selected_feature_list.push(this.value);\n });\n};\nvar getOperators = function() {\n beaker.allowed_operations = [];\n $('#lasso_operators_select input:checkbox').each(function () {\n if(this.checked )\n beaker.allowed_operations.push(this.value);\n });\n}; \nvar getMaxDim = function() {\n beaker.max_dim = $(\"#lasso_max_dim_selector\").val();\n};\n \nvar getUnits = function() {\n beaker.units = $(\"#units_select\").val();\n};\nvar toggle_settings = function(){\n var e = document.getElementById('lasso-hidden-settings-div');\n var b = document.getElementById('lasso-hidden-settings-button');\n if(e.style.display == 'block'){\n e.style.display = 'none';\n b.style.display = 'none';\n }\n else{\n e.style.display = 'block';\n b.style.display = 'inline';\n }\n};\nbeaker.view_result = function(result_link) {\n// beaker.evaluate(\"lasso_viewer_result\").then(function(x) {\n $(\"#lasso_result_button\").attr(\"href\", result_link);\n// }); \n $(\"#lasso_result_button\").removeClass(\"disabled\").addClass(\"active\");\n}\n</script>"
},
"selectedType": "BeakerDisplay",
"elapsedTime": 0,
"height": 50
},
"evaluatorReader": true,
"lineCount": 57
},
{ {
"id": "lasso-settings-cell", "id": "lasso-settings-cell",
"type": "code", "type": "code",
...@@ -461,7 +541,8 @@ ...@@ -461,7 +541,8 @@
"dimensions of the optimized descriptor will be opened\"> ", "dimensions of the optimized descriptor will be opened\"> ",
"<a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" style=\"font-size:larger;\" id=\"lasso_result_button\" >View interactive 2D scatter plot</a> </label>", "<a href=\"#\" target=\"_blank\" class=\"btn btn-primary disabled\" style=\"font-size:larger;\" id=\"lasso_result_button\" >View interactive 2D scatter plot</a> </label>",
" </div>" " </div>"
] ],
"hidden": true
}, },
"output": { "output": {
"state": {}, "state": {},
...@@ -596,10 +677,10 @@ ...@@ -596,10 +677,10 @@
}, },
"output": { "output": {
"state": {}, "state": {},
"selectedType": "Hidden", "selectedType": "BeakerDisplay",
"pluginName": "IPython", "pluginName": "IPython",
"shellId": "9EB237413B384A55AB6DDFB2F76F1D1A", "shellId": "36A530561FB7403AA6DF3BF15A08831E",
"elapsedTime": 681 "elapsedTime": 1063
}, },
"evaluatorReader": true, "evaluatorReader": true,
"lineCount": 81, "lineCount": 81,
...@@ -1045,8 +1126,8 @@ ...@@ -1045,8 +1126,8 @@
"state": {}, "state": {},
"selectedType": "Hidden", "selectedType": "Hidden",
"pluginName": "IPython", "pluginName": "IPython",
"shellId": "9EB237413B384A55AB6DDFB2F76F1D1A", "shellId": "36A530561FB7403AA6DF3BF15A08831E",
"elapsedTime": 483 "elapsedTime": 526
}, },
"evaluatorReader": true, "evaluatorReader": true,
"lineCount": 427, "lineCount": 427,
...@@ -1154,8 +1235,8 @@ ...@@ -1154,8 +1235,8 @@
"state": {}, "state": {},
"selectedType": "Results", "selectedType": "Results",
"pluginName": "IPython", "pluginName": "IPython",
"shellId": "9EB237413B384A55AB6DDFB2F76F1D1A", "shellId": "36A530561FB7403AA6DF3BF15A08831E",
"elapsedTime": 14948, "elapsedTime": 39196,
"height": 1206 "height": 1206
}, },
"evaluatorReader": true, "evaluatorReader": true,
...@@ -1181,10 +1262,10 @@ ...@@ -1181,10 +1262,10 @@
}, },
"output": { "output": {
"state": {}, "state": {},
"selectedType": "Results", "selectedType": "BeakerDisplay",
"pluginName": "IPython", "pluginName": "IPython",
"shellId": "9EB237413B384A55AB6DDFB2F76F1D1A", "shellId": "36A530561FB7403AA6DF3BF15A08831E",
"elapsedTime": 1176, "elapsedTime": 91328,
"height": 56 "height": 56
}, },
"evaluatorReader": true, "evaluatorReader": true,
...@@ -1219,7 +1300,7 @@ ...@@ -1219,7 +1300,7 @@
}, },
"output": { "output": {
"state": {}, "state": {},
"selectedType": "Results", "selectedType": "BeakerDisplay",
"height": 56, "height": 56,
"pluginName": "IPython", "pluginName": "IPython",
"shellId": "9EB237413B384A55AB6DDFB2F76F1D1A", "shellId": "9EB237413B384A55AB6DDFB2F76F1D1A",
......
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