Add check-in simulator (#3380)

src/pretix/static/pretixcontrol/scss/_forms.scss

@@ -716,6 +716,12 @@ table td > .checkbox input[type="checkbox"] {
         stroke: $brand-primary;
       }
     }
+    .node-false {
+      stroke: $brand-danger;
+    }
+    .node-true {
+      stroke: $brand-success;
+    }
     .edge {
       stroke: $gray-light;
       stroke-width: 2px;
@@ -724,6 +730,9 @@ table td > .checkbox input[type="checkbox"] {
     .check {
       fill: $brand-success;
     }
+    .error {
+      fill: $brand-danger;
+    }
     .text {
       font-size: 12px;
       width: 100%;
@@ -739,6 +748,10 @@ table td > .checkbox input[type="checkbox"] {
     position: absolute;
     top: 10px;
     right: 10px;
+    opacity: 0;
+  }
+  &:hover .tools {
+    opacity: 1;
   }
 
   &.maximized {

src/pretix/static/pretixcontrol/scss/main.scss

@@ -830,6 +830,30 @@ tbody th {
     }
 }
 
+.nomargin-top {
+    margin-top: 0;
+}
+
+.checkin-sim-result {
+    text-align: center;
+    padding: 20px;
+    .fa {
+        color: white;
+        font-size: 50px;
+    }
+}
+.checkin-sim-result-status-ok {
+    background: $brand-success;
+}
+.checkin-sim-result-status-incomplete {
+    background: $brand-primary;
+}
+.checkin-sim-result-status-error {
+    background: $brand-danger;
+}
+.checkin-sim-result-status-error.checkin-sim-result-reason-already_redeemed {
+    background: $brand-warning;
+}
 
 .withoutjs {
     display: none !important;