Merge pull request #63 from coder/module-screenshots

docs: added screenshots for all visual modules

aws-region/README.md

@@ -29,18 +29,19 @@ provider "aws" {
 
 ## Examples
 
-### Customize Regions
+### Customize regions
 
-Change the display name and icon for a region:
+Change the display name and icon for a region using the corresponding maps:
 
 ```hcl
 module "aws-region" {
     source = "https://registry.coder.com/modules/aws-region"
+    default = "ap-south-1"
     custom_names = {
-        "fra": "Awesome Germany!"
+        "ap-south-1": "Awesome Mumbai!"
     }
     custom_icons = {
-        "fra": "/icons/smiley.svg"
+        "ap-south-1": "/emojis/1f33a.png"
     }
 }
 
@@ -49,17 +50,28 @@ provider "aws" {
 }
 ```
 
-### Exclude Regions
+![AWS Custom](../.images/aws-custom.png)
 
-Hide the `fra` region:
+### Exclude regions
+
+Hide the Asia Pacific regions Seoul and Osaka:
 
 ```hcl
 module "aws-region" {
     source = "https://registry.coder.com/modules/aws-region"
-    exclude = [ "fra" ]
+    exclude = [ "ap-northeast-2", "ap-northeast-3" ]
 }
 
 provider "aws" {
     region = module.aws_region.value
 }
 ```
+
+![AWS Exclude](../.images/aws-exclude.png)
+
+## Related templates
+
+For a complete AWS EC2 template, see the following examples in the [Coder Registry](https://registry.coder.com/).
+
+- [AWS EC2 (Linux)](https://registry.coder.com/templates/aws-linux)
+- [AWS EC2 (Windows)](https://registry.coder.com/templates/aws-windows)

azure-region/README.md

@@ -22,20 +22,22 @@ resource "azurem_resource_group" "example" {
 }
 ```
 
+![Azure Region Default](../.images/azure-default.png)
+
 ## Examples
 
 ### Customize existing regions
 
-Change the display name for a region:
+Change the display name and icon for a region using the corresponding maps:
 
 ```hcl
 module "azure-region" {
     source = "https://registry.coder.com/modules/azure-region"
     custom_names = {
-        "eastus": "Eastern United States!"
+        "australia": "Go Australia!"
     }
     custom_icons = {
-        "eastus": "/icons/smiley.svg"
+        "australia": "/icons/smiley.svg"
     }
 }
 
@@ -44,17 +46,33 @@ resource "azurerm_resource_group" "example" {
 }
 ```
 
+![Azure Region Custom](../.images/azure-custom.png)
+
 ### Exclude Regions
 
-Hide the `westus2` region:
+Hide all regions in Australia except australiacentral:
 
 ```hcl
 module "azure-region" {
     source = "https://registry.coder.com/modules/azure-region"
-    exclude = [ "westus2" ]
+    exclude = [
+        "australia",
+        "australiacentral2",
+        "australiaeast",
+        "australiasoutheast"
+    ]
 }
 
 resource "azurerm_resource_group" "example" {
     location = module.azure_region.value
 }
 ```
+
+![Azure Exclude](../.images/azure-exclude.png)
+
+## Related templates
+
+For a complete Azure template, see the following examples in the [Coder Registry](https://registry.coder.com/).
+
+- [Azure VM (Linux)](https://registry.coder.com/templates/azure-linux)
+- [Azure VM (Windows)](https://registry.coder.com/templates/azure-windows)

azure-region/main.tf

@@ -310,6 +310,7 @@ data "coder_parameter" "region" {
   description  = var.description
   default      = var.default
   mutable      = var.mutable
+  icon         = "/icon/azure.png"
   dynamic "option" {
     for_each = { for k, v in local.all_regions : k => v if !(contains(var.exclude, k)) }
     content {

filebrowser/README.md

@@ -18,6 +18,8 @@ module "filebrowser" {
 }
 ```
 
+![Filebrowsing Example](../.images/filebrowser.png)
+
 ## Examples
 
 ### Serve a specific directory

vscode-desktop/README.md

@@ -19,3 +19,5 @@ module "vscode" {
   agent_id = coder_agent.example.id
 }
 ```
+
+![VSCode Desktop Button](../.images/vscode-desktop.png)