| <template> | |
| <v-autocomplete clearable chips closable-chips v-model="selectedTags" :items="filteredTags" multiple | |
| item-title="name" item-value="name" auto-select-first hide-no-data hide-selected small-chips | |
| label="Voeg tags toe" append-icon="mdi-tag-plus" @blur="handleBlurOnTags" :custom-filter="customFilter" | |
| @update:model-value="handleSelectionUpdate" clear-on-select ref="autocompleteRef" class="ma-0 mt-5"> | |
| <!-- selected items --> | |
| <template v-slot:chip="{ props, item }"> | |
| <v-chip v-bind="props" :text="item.raw.name"></v-chip> | |
| </template> <!-- to select --> | |
| <template v-slot:item="{ props, item }"> |
Three handson labs:
The Backstage handson provides a Gitpod workspace in which a Backstage instance can be easily installed and explored. The handson instruction has some references to tutorials that help you look around Backstage.
| /* | |
| OCI Object Storage state store. | |
| Sample configuration in yaml: | |
| apiVersion: dapr.io/v1alpha1 | |
| kind: Component | |
| metadata: | |
| name: statestore | |
| spec: |
| /* | |
| OCI Object Storage state store. | |
| Sample configuration in yaml: | |
| apiVersion: dapr.io/v1alpha1 | |
| kind: Component | |
| metadata: | |
| name: statestore | |
| spec: |
| package main | |
| import ( | |
| "context" | |
| "fmt" | |
| "io" | |
| "io/ioutil" | |
| "log" | |
| "net/http" | |
| "os" |
| variable "application_name" { default = "cloudnative-2021App"} | |
| data "oci_functions_applications" "function_applications" { | |
| compartment_id = var.compartment_id | |
| display_name = "${var.application_name}" | |
| } | |
| data "oci_functions_functions" "application_functions" { | |
| application_id = data.oci_functions_applications.function_applications.applications[0].id | |
| } |
| terraform { | |
| required_version = ">= 0.14" | |
| } | |
| provider oci { | |
| region = var.region | |
| } | |
| variable tenancy_ocid {default = "the ocid of your tenancy"} | |
| variable region {default = "the region in which you want to query"} |
| ### Repository in the Container Image Registry for the container images underpinning the function | |
| resource "oci_artifacts_container_repository" "container_repository_for_function" { | |
| # note: repository = store for all images versions of a specific container image - so it included the function name | |
| compartment_id = var.compartment_ocid | |
| display_name = "${local.ocir_repo_name}/${var.function_name}" | |
| is_immutable = false | |
| is_public = false | |
| } | |
| resource "null_resource" "Login2OCIR" { |
| version: 0.1 | |
| component: build | |
| timeoutInSeconds: 6000 | |
| runAs: root | |
| shell: bash | |
| env: | |
| # these are local variables to the build config | |
| variables: | |
| FUNCTION_DIRECTORY: "tweet_retriever_source/functions/tweet-summarizer" | |
| # # the value of a vaultVariable is the secret-id (in OCI ID format) stored in the OCI Vault service |