Update the privacy handling for the rows to be more dynamic and support more than just private or public rolls

public/langs/en-ca.json

@@ -3,7 +3,8 @@
 		"common": {
 			"Table": "Table",
 			"Subtable": "Subtable",
-			"Users": "Users"
+			"Users": "Users",
+			"DataVisibility": "Data Visibility"
 		}
 	}
 }

public/styles/elements/custom-multi-select.css

@@ -1,4 +1,7 @@
 stats-tracker-multi-select {
+	/*
+	TODO: Improve styling when this isn't the tallest element in a row
+	*/
 	display: grid;
 	grid-template-columns: auto minmax(0, 1fr);
 	gap: 2px;

public/templates/Apps/StatsViewer/dataFilters.hbs

@@ -1,15 +1,10 @@
 <div>
-	<div class="control-group">
-		<label for="{{meta.idp}}-private-data">
-			Private Data Visibility
-		</label>
-		<select
-			id="{{meta.idp}}-private-data"
-			data-bind="_privacySetting"
-		>
-			{{ st-options privacySetting privacyOptions }}
-		</select>
-	</div>
+	<stats-tracker-multi-select
+		data-bind="_privacySetting"
+		placeholder="STAT_TRACKER.common.DataVisibility"
+	>
+		{{ st-options privacySetting privacyOptions }}
+	</stats-tracker-multi-select>
 	<stats-tracker-multi-select
 		data-bind="_selectedUsers"
 		placeholder="STAT_TRACKER.common.Users"

public/templates/Apps/StatsViewer/graph.hbs

@@ -1,3 +1,11 @@
-<div>
-	<canvas></canvas>
+<div class="{{classes}} center">
+	{{#if showGraph}}
+		<canvas></canvas>
+	{{else}}
+		{{#if table}}
+			<span class="large">Select a Subtable</span>
+		{{else}}
+			<span class="large">Select a Table</span>
+		{{/if}}
+	{{/if}}
 </div>