Implemented pact plan visualization for bulk iterations.

bbejeck · May 9, 2013 · 1798455 · 1798455
1 parent e0d4ca4
commit 1798455
Show file tree

Hide file tree

Showing 32 changed files with 699 additions and 675 deletions.
diff --git a/pact/pact-clients/resources/etc/users b/pact/pact-clients/resources/etc/users
diff --git a/pact/pact-clients/resources/web-docs/css/js-graph-it.css b/pact/pact-clients/resources/web-docs/css/js-graph-it.css
@@ -5,7 +5,7 @@
  z-index: 1;
 }
 
-.connector
+.connector, .connector_feedback
 {
  background-color: black;
 }
@@ -21,4 +21,4 @@
  position: absolute;
  font-size: 1px;
  visibility: hidden;
-}
+}
diff --git a/pact/pact-clients/resources/web-docs/css/pactgraphs.css b/pact/pact-clients/resources/web-docs/css/pactgraphs.css
@@ -3,14 +3,71 @@
  position: absolute;
 }
 
+.connector_feedback
+{
+ background-color: #336699;
+ padding: 3px;
+}
+
 .connector
 {
  background-color: #FF9900;
  padding: 1.5px;
 }
 
-.middle-label
+.iteration-box
 {
+ border: 3px dashed #262A37;
+ margin: 5px;
+ height: 350px;
+ overflow: visible;
+}
+
+.iteration-name-label
+{
+ margin-top: -25px;
+ margin-left: 10px;
+ padding: 3px;
+ float: left;
+
+ border: 1px solid #262A37;
+ background-color: #FFFFFF;
+
+ font-family: verdana;
+ font-weight: normal;
+ font-style: italic;
+ font-size: 20px;
+ color: #000000;
+}
+
+.iteration-set-box
+{
+ background-color: #DDDDDD;
+ border: 2px solid #000000;
+
+ position: absolute;
+ width: 50px;
+ height: 50px;
+
+ font-family: verdana;
+ font-weight: bold;
+ font-size: 16px;
+ color: #333333;
+ text-align: center;
+ line-height: 50px;
+}
+
+.iteration-set-box-left
+{
+ left: -25px;
+}
+
+.iteration-set-box-right
+{
+ right: -25px;
+}
+
+.middle-label {
  background-color: #E0E8FF;
  border: 1px solid #9DA3B3;
 
@@ -19,9 +76,29 @@
  text-align: center;
 
  padding: 5px;
- -webkit-border-radius: 10px; -moz-border-radius: 10px;
+ border-radius: 5px;
+
+ margin-left: -50px;
+ width: 100px;
+ z-index: 2;
+}
 
- margin-left: -50px;
+.source-label
+{
+ background-color: #E0E8FF;
+ border: 1px solid #9DA3B3;
+
+ font-family: verdana;
+ font-size: 13px;
+ text-align: center;
+
+ padding: 5px;
+ border-radius: 5px;
+
+ margin-top: -10px;
+ margin-left: 5px;
+
+ z-index: 2;
 }
 
 div.canvas
@@ -53,37 +130,35 @@ div.propertyCanvas
 
 span.shippingStrategy
 {
- font-style: normal;
  font-weight: normal;
+ font-style: normal;
 }
 
 span.localStrategy
 {
- font-style: italic;
  font-weight: normal;
+ font-style: italic;
 }
 
-span.tempMode
+span.cacheStrategy
 {
- font-style: normal;
  font-weight: bold;
+ font-style: normal;
 }
 
 .datasource, .datasink, .pact
 {
  border: 1px solid #9DA3B3;
  padding: 3px;
  margin: 0px;
-
- overflow: visible;
 }
 
 .datasource, .datasink
 {
  background-color: #F7BE81;
- width: 130px;
- height: 100px;
- -webkit-border-radius: 50px; -moz-border-radius: 50px;
+ width: 80px;
+ height: 60px;
+ border-radius: 20px;
 
 }
 
@@ -99,48 +174,12 @@ span.tempMode
  margin-right: 5px;
 }
 
-.sourceSinkFold
-{
- font-family: monospace;
- font-size: 16px;
- text-align: center;
- cursor: default;
- position: absolute;
- left: 30px;
- right: 30px;
- bottom: 3px;
-}
-
 .pact
 {
  width: 120px;
  height: 90px;
-
  background-color: #A9F5A9;
- -webkit-border-radius: 5px; -moz-border-radius: 5px;
-
- overflow: visible;
-}
-
-.pactOutputContract
-{
- background-color: #99CCFF;
- border: 1px solid #9DA3B3;
- padding: 2px;
-
- width: 20px;
- position: absolute;
- top: 2px;
- bottom: 2px;
- right: -28px;
-}
-
-.pactOutputContractContents
-{
- display: block;
- -webkit-transform: rotate(90deg); 
- -moz-transform: rotate(90deg); 
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+ border-radius: 5px;
 }
 
 .pactTypeBox
@@ -167,18 +206,6 @@ span.tempMode
  margin-bottom: 15px;
 
  word-wrap: break-word;
- overflow: auto;
-}
-
-.pactFold
-{
- position: absolute;
- bottom: 3px;
- right: 3px;
- font-family: monospace;
- font-size: 16px;
- text-align: right;
- cursor: default;
 }
 
 .propertiesTable