[master] - fixed index.html

Author: dzaiats

pom.xml

@@ -1,12 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0"
- xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+<project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+ xmlns="http://maven.apache.org/POM/4.0.0"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
 
  <groupId>net.itarray</groupId>
  <artifactId>automotion-maven-plugin</artifactId>
- <version>1.0.0</version>
+ <version>1.0.1</version>
  <packaging>maven-plugin</packaging>
  <name>Automotion Maven plugin</name>
  <description>Library for smart visual automation testing</description>

src/main/java/net/itarray/automotion/reporting/FinalReportBuilder.java

@@ -4,11 +4,16 @@
 import com.webfirmframework.wffweb.tag.html.Html;
 import com.webfirmframework.wffweb.tag.html.TitleTag;
 import com.webfirmframework.wffweb.tag.html.attribute.Href;
+import com.webfirmframework.wffweb.tag.html.attribute.Src;
+import com.webfirmframework.wffweb.tag.html.attribute.Target;
+import com.webfirmframework.wffweb.tag.html.attribute.global.ClassAttribute;
 import com.webfirmframework.wffweb.tag.html.attribute.global.Style;
+import com.webfirmframework.wffweb.tag.html.frames.IFrame;
 import com.webfirmframework.wffweb.tag.html.links.A;
-import com.webfirmframework.wffweb.tag.html.lists.Li;
-import com.webfirmframework.wffweb.tag.html.lists.Ol;
 import com.webfirmframework.wffweb.tag.html.metainfo.Head;
+import com.webfirmframework.wffweb.tag.html.programming.Script;
+import com.webfirmframework.wffweb.tag.html.stylesandsemantics.Div;
+import com.webfirmframework.wffweb.tag.html.stylesandsemantics.StyleTag;
 import com.webfirmframework.wffweb.tag.htmlwff.NoTag;
 import org.apache.maven.plugin.AbstractMojo;
 import org.apache.maven.plugins.annotations.Mojo;
@@ -53,12 +58,37 @@ public void execute() {
 
  private Html buildHtml(final List<String> files) {
  return new Html(null,
- new Style("background-color: #fff")) {{
+ new Style("background-color: #F5F5F5")) {{
  super.setPrependDocType(true);
  new Head(this) {{
  new TitleTag(this) {{
  new NoTag(this, "Automotion report");
  }};
+ new StyleTag(this) {{
+ new NoTag(this, ".accordion {\n" +
+ " background-color: #eee;\n" +
+ " color: #444;\n" +
+ " cursor: pointer;\n" +
+ " padding: 18px;\n" +
+ " width: 100%;\n" +
+ " border: none;\n" +
+ " text-align: left;\n" +
+ " outline: none;\n" +
+ " font-size: 15px;\n" +
+ " transition: 0.4s;\n" +
+ "}\n" +
+ "\n" +
+ ".active, .accordion:hover {\n" +
+ " background-color: #ccc; \n" +
+ "}\n" +
+ "\n" +
+ ".panel {\n" +
+ " padding: 0;\n" +
+ " min-height: 500px;\n" +
+ " display: none;\n" +
+ " background-color: white;\n" +
+ "}");
+ }};
  new NoTag(this, "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
  new NoTag(this, "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">");
 
@@ -68,19 +98,55 @@ private Html buildHtml(final List<String> files) {
  new NoTag(this, "<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>");
  }};
 
- new Body(this) {{
- new Ol(this) {{
+ new Body(this,
+ new Style("background-color: #F5F5F5")) {{
+ new Div(this, new ClassAttribute("container-fluid")) {{
  for (final String s : files) {
+ new Div(this,
+ new ClassAttribute("row"),
+ new Style("background-color: #fff; padding: 10px; margin-top: 3px")) {{
+ new Div(this,
+ new ClassAttribute("accordion"),
+ new Style("width: auto; color: #4d4d4d; text-align:left; font-size: 28px; font-weight: 300")) {{
+ new NoTag(this, s);
+ new A(this,
+ new Style("float: right"),
+ new ClassAttribute("btn btn-info"),
+ new Href("html/" + s),
+ new Target("target")
+ ){{
+ new NoTag(this, "Fullscreen");
+ }};
+ }};
 
- new Li(this) {{
+ new Div(this,
+ //new Style("background: #f5f5f5"),
+ new ClassAttribute("panel")) {{
+ new IFrame(this,
+ new Style("width: 100%; height: 1000px"),
+ new Src("html/" + s));
 
- new A(this,
- new Href("html/" + s)) {{
- new NoTag(this, s);
  }};
  }};
  }
  }};
+
+ new Script(this) {{
+ new NoTag(this, "var acc = document.getElementsByClassName(\"accordion\");\n" +
+ "var i;\n" +
+ "\n" +
+ "for (i = 0; i < acc.length; i++) {\n" +
+ " acc[i].addEventListener(\"click\", function() {\n" +
+ " this.classList.toggle(\"active\");\n" +
+ " var panel = this.nextElementSibling;\n" +
+ " if (panel.style.display === \"block\") {\n" +
+ " panel.style.display = \"none\";\n" +
+ " } else {\n" +
+ " panel.style.display = \"block\";\n" +
+ " }\n" +
+ " });\n" +
+ "}");
+ }};
  }};
  }};
  }