Migration: Migrate New notification channel page (#25265)

* creating page

* add types select

* adding switches

* start with converting angular templates to json

* converting more alert channels to new format

* convert remaining channels

* typing the form

* add validation, update models

* fix default value in type select

* fix type

* fix issue with validation rule

* add missing settings

* fix type errors

* test notification

* add comments to structs

* fix selectable value and minor things on each channel

* More typings

* fix strictnull

* rename ModelValue -> PropertyName

* rename show -> showWhen

* add enums and adding comments

* fix comment

* break out channel options to component

* use try catch

* adding default case to OptionElement if element not supported

pkg/services/alerting/notifier.go

@@ -22,11 +22,64 @@ var newImageUploaderProvider = func() (imguploader.ImageUploader, error) {
 
 // NotifierPlugin holds meta information about a notifier.
 type NotifierPlugin struct {
-	Type            string          `json:"type"`
-	Name            string          `json:"name"`
-	Description     string          `json:"description"`
-	OptionsTemplate string          `json:"optionsTemplate"`
-	Factory         NotifierFactory `json:"-"`
+	Type            string           `json:"type"`
+	Name            string           `json:"name"`
+	Heading         string           `json:"heading"`
+	Description     string           `json:"description"`
+	Info            string           `json:"info"`
+	OptionsTemplate string           `json:"optionsTemplate"`
+	Factory         NotifierFactory  `json:"-"`
+	Options         []NotifierOption `json:"options"`
+}
+
+// NotifierOption holds information about options specific for the NotifierPlugin.
+type NotifierOption struct {
+	Element        ElementType    `json:"element"`
+	InputType      InputType      `json:"inputType"`
+	Label          string         `json:"label"`
+	Description    string         `json:"description"`
+	Placeholder    string         `json:"placeholder"`
+	PropertyName   string         `json:"propertyName"`
+	SelectOptions  []SelectOption `json:"selectOptions"`
+	ShowWhen       ShowWhen       `json:"showWhen"`
+	Required       bool           `json:"required"`
+	ValidationRule string         `json:"validationRule"`
+}
+
+// InputType is the type of input that can be rendered in the frontend.
+type InputType string
+
+const (
+	// InputTypeText will render a text field in the frontend
+	InputTypeText = "text"
+	// InputTypePassword will render a text field in the frontend
+	InputTypePassword = "password"
+)
+
+// ElementType is the type of element that can be rendered in the frontend.
+type ElementType string
+
+const (
+	// ElementTypeInput will render an input
+	ElementTypeInput = "input"
+	// ElementTypeSelect will render a select
+	ElementTypeSelect = "select"
+	// ElementTypeSwitch will render a switch
+	ElementTypeSwitch = "switch"
+	// ElementTypeTextArea will render a textarea
+	ElementTypeTextArea = "textarea"
+)
+
+// SelectOption is a simple type for Options that have dropdown options. Should be used when Element is ElementTypeSelect.
+type SelectOption struct {
+	Value string `json:"value"`
+	Label string `json:"label"`
+}
+
+// ShowWhen holds information about when options are dependant on other options.
+type ShowWhen struct {
+	Field string `json:"field"`
+	Is    string `json:"is"`
 }
 
 func newNotificationService(renderService rendering.Service) *notificationService {