js: Extract modal creation function.

* js/view/ui.js: New file.
* guix-web/view/html.scm (javascripts): Add it.
* js/view/packages.js (guix.packages.view): Use 'guix.ui.modal' function.

1 files changed, 38 insertions, 0 deletions

diff --git a/js/view/ui.js b/js/view/ui.js
new file mode 100644
index 0000000..49b02bc
--- /dev/null
+++ b/js/view/ui.js
@@ -0,0 +1,38 @@
+// guix-web - Web interface for GNU Guix
+// Copyright © 2015  David Thompson <davet@gnu.org>
+//
+// This program is free software: you can redistribute it and/or
+// modify it under the terms of the GNU Affero General Public License
+// as published by the Free Software Foundation, either version 3 of
+// the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful, but
+// WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+// Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public
+// License along with this program.  If not, see
+// <http://www.gnu.org/licenses/>.
+(function() {
+  var ui = guix.ui = {};
+
+  ui.modal = function(title, body, footer) {
+    return [
+      m(".modal-backdrop.in"),
+      m("div.modal.modal-open", {
+        style: {
+          display: "block"
+        }
+      }, m(".modal-dialog", [
+        m(".modal-content", [
+          m(".modal-header", [
+            m("h4.modal-title", title)
+          ]),
+          m(".modal-body", body),
+          m(".modal-footer", footer)
+        ])
+      ]))
+    ];
+  };
+})();