testing material io components

Bechtel-Innovation-Design-Center · Oct 7, 2021 · a3568af · a3568af
1 parent 36c513f
commit a3568af
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/Autodesk_Setup_BIDC/setup-sheet.cps b/Autodesk_Setup_BIDC/setup-sheet.cps
@@ -349,6 +349,9 @@ function onOpen() {
     "                      \"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd\">\n"
   );
   write("<html>");
+
+  write("<script src=https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js></script>");
+	write("<link rel=\"StyleSheet\" href=\"https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css\" type=\"text/css\">");
   // header
   var c = "<head>";
   c += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">";
@@ -412,6 +415,38 @@ function onOpen() {
     write("<h1>" + localize("Setup Sheet") + "</h1>");
   }
 
+	list =
+	"<ul class=\"mdc-list\">\n" +
+		"<li class=\"mdc-list-item\" tabindex=\"0\">\n" +
+			"<span class=\"mdc-list-item__ripple\"></span>\n" +
+			"<span class=\"mdc-list-item__text\">Single-line item</span>\n" +
+		"</li>\n" +
+		"<li class=\"mdc-list-item\">\n" +
+			"<span class=\"mdc-list-item__ripple\"></span>\n" +
+			"<span class=\"mdc-list-item__text\">Single-line item</span>\n" +
+		"</li>\n" +
+		"<li class=\"mdc-list-item\">\n" +
+			"<span class=\"mdc-list-item__ripple\"></span>\n" +
+			"<span class=\"mdc-list-item__text\">Single-line item</span>\n" +
+		"</li>\n" +
+	"</ul>\n"
+
+	write(list);
+
+	card =
+	"<div class=\"mdc-card--outlined\">" +
+  "<button class=\"mdc-button mdc-card__action mdc-card__action--button\">" +
+    "<div class=\"mdc-button__ripple\"></div>" +
+    "<span class=\"mdc-button__label\">Action 1</span>" +
+  "</button>" +
+  "<button class=\"mdc-button mdc-card__action mdc-card__action--button\">" +
+    "<div class=\"mdc-button__ripple\"></div>" +
+    "<span class=\"mdc-button__label\">Action 2</span>" +
+  "</button>" +
+	"</div>"
+
+	write(card);
+
   patternIds = {};
   var numberOfSections = getNumberOfSections();
   var j = 0;