Add annotation set selector to preview

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

modules/glmv-prev.js

@@ -1,3 +1,5 @@
+let [_, origMetadata] = extractMetadata()
+
 //Annotation Edit Controls
 const addHS = new OO.ui.ButtonWidget({
 	icon: 'mapPinAdd',
@@ -24,8 +26,29 @@ const deleteHS = new OO.ui.ButtonWidget({
 deleteHS.on('click', readyDelHotspot)
 deleteHS.setDisabled(true)
 
+const setOptions = ['default', ...Object.keys(origMetadata.annotationSets)]
+let setOptionItems = []
+setOptions.forEach(opt => {
+    setOptionItems.push(new OO.ui.MenuOptionWidget({data: opt, label: opt}))
+})
+
+const setSelectHS = new OO.ui.ButtonMenuSelectWidget({
+	icon: 'mapTrail',
+	label: 'Select annotation set',
+	invisibleLabel: true,
+	menu: {
+		items: setOptionItems,
+        width: 'min-content'
+    },
+    $overlay: $('#bodyContent')
+})
+setSelectHS.getMenu().on( 'choose', selSet => {
+    selectAnnotationSet(selSet.data)
+})
+setSelectHS.setDisabled(true)
+
 const hotspotButtons = new OO.ui.ButtonGroupWidget({
-    items: [ addHS, updateHS, deleteHS ]
+    items: [ addHS, updateHS, deleteHS, setSelectHS ]
 })
 
 //View Edit Controls