commit 577befe737fcef88a66ceeba4be1e8bb4ba011c6
author Philipp Schrader <philipp.schrader@gmail.com> Tue Mar 15 00:00:49 2022 -0700
committer Philipp Schrader <philipp.schrader@gmail.com> Tue Mar 15 22:28:09 2022 -0700
tree b44f8a64458bf209d394d430371ca8111dd7a4a4
parent fae8a7e73771a14d4e382b8de182b1ca0087b759

Add scouting images for auto

This patch adds the "balls" and the "quadrants" pictures to the Auto
screen on the scouting app.

Change-Id: I3cd0f02f3465ad4660dbaaa65291a3b31243a94b
Signed-off-by: Philipp Schrader <philipp.schrader@gmail.com>
Signed-off-by: Ishan Katpally <100026402@mvla.net>

scouting/www/BUILD

diff --git a/scouting/www/BUILD b/scouting/www/BUILD
index 8a32f89..f0b91f6 100644
--- a/scouting/www/BUILD
+++ b/scouting/www/BUILD
@@ -3,10 +3,6 @@
 load("@npm//@bazel/concatjs:index.bzl", "concatjs_devserver")
 load("@npm//@babel/cli:index.bzl", "babel")
 
-exports_files([
-    "index.html",
-])
-
 ts_library(
     name = "app",
     srcs = glob([
@@ -67,6 +63,25 @@
         "npm/node_modules/zone.js/dist/zone.min.js",
     ],
     cmd = "cp $(SRCS) $(OUTS)",
+)
+
+genrule(
+    name = "field_pictures_copy",
+    srcs = ["//third_party/y2022/field:pictures"],
+    outs = [
+        "pictures/field/balls.jpeg",
+        "pictures/field/quadrants.jpeg",
+    ],
+    cmd = "cp $(SRCS) $(@D)/pictures/field/",
+)
+
+filegroup(
+    name = "static_files",
+    srcs = [
+        "index.html",
+        ":field_pictures_copy",
+        ":zonejs_copy",
+    ],
     visibility = ["//visibility:public"],
 )
 
@@ -74,8 +89,7 @@
     name = "devserver",
     serving_path = "/main_bundle.js",
     static_files = [
-        "index.html",
-        ":zonejs_copy",
+        ":static_files",
     ],
     deps = [":main_bundle_compiled"],
 )

scouting/www/entry/entry.ng.html

diff --git a/scouting/www/entry/entry.ng.html b/scouting/www/entry/entry.ng.html
index c5cf233..c993467 100644
--- a/scouting/www/entry/entry.ng.html
+++ b/scouting/www/entry/entry.ng.html
@@ -21,8 +21,7 @@
 
     <div *ngSwitchCase="'Auto'" id="auto" class="container-fluid">
         <div class="row">
-            <!--Image here-->
-            <h4>Image</h4>
+            <img src="/pictures/field/balls.jpeg" alt="Image">
             <form>
                 <!--Choice for each ball location-->
                 <input type="checkbox" name="balls" value="1" id="ball-1"><label for="ball-1">Ball 1</label>
@@ -34,8 +33,7 @@
             </form>
         </div>
         <div class="row">
-            <!--Image here-->
-            <h4>Image</h4>
+            <img src="/pictures/field/quadrants.jpeg" alt="Image">
             <form>
                 <input type="radio" name="quadrant" id="first" value="Quadrant 1">
                 <label for="first">Quadrant 1</label>