Skip to content

Lovelace test cards

caiosweet edited this page Nov 13, 2022 · 2 revisions

Lovelace test card

type: vertical-stack
cards:
  - type: markdown
    content: |
      <center>

      ## CARD TEST - CENTRO NOTIFICHE

  - type: grid
    title: ""
    columns: 3
    square: false
    cards:
      - type: button
        name: Text Only
        icon: mdi:telegram
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: Prova solo testo
            message: |
              Ecco un esempio di come richiamare il servizio.
              ```
              service: script.my_notify
                data:
                  title: Prova solo testo
                  message: messaggio principale.
              ```
      - type: button
        name: Alexa Only
        icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: prova alexa message
      - type: button
        name: Google Only
        icon: mdi:google-home
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            # call_no_annuncio: 1
            google:
              message: prova google message

  - type: button
    name: Alexa + Google + Main Message
    tap_action:
      action: call-service
      service: script.my_notify
      service_data:
        message: |
          Questo testo arriva dal Messaggio principale.
        google: true
        alexa: true

  - type: grid
    title: ""
    columns: 3
    square: false
    cards:
      - type: button
        name: Link Markdown
        icon: mdi:link-plus
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            message: |
              Link formato MarkDown.
            link: >
              [Google](https://google.it)
      - type: button
        name: Link HTML
        icon: mdi:link-plus
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            message: |
              Link Format HTML.
            link: >
              <a href="https://google.it">Google</a>
      - type: button
        name: Link
        icon: mdi:link
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            message: |
              Link uri
            link: https://google.it

  - type: horizontal-stack
    cards:
      - type: button
        name: IMAGE URI
        icon: mdi:tooltip-image
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            image: https://hassiohelp.eu/wp-content/uploads/2019/04/Indice-00.jpg
      - type: button
        name: IMAGE URI + Title + Message + Link
        icon: mdi:image-text
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: IMAGE URI a caso :0)
            message: Messaggio e titolo come caption
            image: https://placekitten.com/400/400
            link: >
              [Google](https://google.it)

  - type: horizontal-stack
    cards:
      - type: button
        name: LOCAL IMAGE
        icon: mdi:file-image-outline
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            image: /config/www/hassiohelp/pkg_natural_events/burze.png
      - type: button
        name: LOCAL IMAGE + Title + Message + Link
        icon: mdi:image-text
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: Immagine Locale caso :0)
            message: Messaggio e titolo come descrizione/didascalia
            # image: /config/www/hassiohelp/pkg_natural_events/burze.png
            image: /config/www/hassiohelp/pkg_natural_events/burze.png
            link: >
              [Google](https://google.it)

  - type: horizontal-stack
    cards:
      - type: button
        name: Title + Message + Image URI + Alexa + Google
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: Una foto a caso :0)
            message: >-
              Mentre ascolti alexa o google, ti ricordo, che puoi usare "message", sotto i parametri Alexa e Google.
            image: >-
              https://hassiohelp.eu/wp-content/uploads/2020/11/Notifer-3.0-00-2-2048x1451.jpg
            alexa:
              message: Ti ricordo, che puoi usare "message", sotto il parametro Alexa.
            google:
              message: Ti ricordo, che puoi usare "message", sotto il parametro Google.

  # ALEXA 
  - type: markdown
    content: |
      <center>
      <ha-icon icon="mdi:amazon-alexa" style="width: 48px; height:48px;"></ha-icon>
      Alexa Parameter
  - type: grid
    # title: Alexa Parameter
    # columns: 4
    square: false
    cards:
      - type: button
        name: ssml + audio (Time signal)
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              ssml: true
              wait_time: 1
              title: Segnale Orario
              message: >
                Cucù! Sono le {{now().strftime("%H:%M")}}, accipicchia!
              audio: soundbank://soundlibrary/foley/amzn_sfx_clock_ticking_01

      - type: button
        name: tts + push
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: Alpha one-two, this is X-ray two-three, ROGER, OUT
              push: true

      - type: button
        name: language + voice-id
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: "Houston, we have a problem! "
              language: en-US
              voice: Matthew

      - type: button
        name: language + voice-id 2
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: "Houston, we have a problem here"
              language: en-US
              voice: Joey

      - type: button
        name: Prosody + whisper
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: >
                Parlo piano e a bassa voce. Sono le 11 Buonanotte e sogni d'oro!
              whisper: true
              rate: 80
              ssml_volume: 4.1
              type: tts
              volume: 0.4

      - type: button
        name: Audio
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: "Attenzione! Allerta Temporali"
              # media_player: Last Alexa
              audio: >
                <audio src="soundbank://soundlibrary/weather/thunder/thunder_01"/>

      - type: button
        name: Audio 2
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: 0
            alexa:
              message: "Attenzione! Nebbia!"
              # media_player: Last Alexa
              audio: "soundbank://soundlibrary/alarms/air_horns/air_horns_01"

      - type: button
        name: Media Content
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: false
            alexa:
              media_content_id: Alexa.GoodMorning.Play
              media_content_type: sequence

      - type: button
        name: Sing Song
        # icon: mdi:amazon-alexa
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            notify: false
            alexa:
              media_content_id: Alexa.SingASong.Play
              media_content_type: sequence
 

Lovelace test card (Change Me)

type: vertical-stack
cards:
  #-------------------------------------
  # CHANGE ME # CHANGE ME
  #-------------------------------------
  - type: markdown
    content: |
      <center> 

      ⬇ ⬇ Cambia le tue entità qui sotto ⬇ ⬇

  - type: horizontal-stack
    cards:
      - type: button
        name: Alexa solo media player + Message principale
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: Test e alexa senza mess in alexa
            message: Messaggio testo più alexa da media player specificato
            alexa:
              media_player: media_player.studio # CHANGE ME

  - type: horizontal-stack
    cards:
      - type: button
        name: Google solo media player + Message principale
        tap_action:
          action: call-service
          service: script.my_notify
          service_data:
            title: Test e google senza mess in google
            message: Messaggio testo più google da media player specificato
            google:
              media_player: media_player.red # CHANGE ME

  - type: button
    name: Multi notifica (es. Telegram + App)
    tap_action:
      action: call-service
      service: script.my_notify
      service_data:
        title: Prova solo testo
        message: |
          Ecco un esempio di come richiamare il servizio.
        notify: telegram, mobile app claudio # CHANGE ME

  - type: button
    name: Mobile App TTS
    tap_action:
      action: call-service
      service: script.my_notify
      service_data:
        title: Attenzione casa a fuoco
        message: Prova tts App
        notify: mobile_app_oneplus_a5010 # CHANGE ME
        call_no_annuncio: 1
        mobile:
          tts: true
          ttl: 0
          priority: high
          channel: alarm_stream

  - type: button
    name: Image + Notifiche Multiple da parametro
    tap_action:
      action: call-service
      service: script.my_notify
      service_data:
        title: Test Data
        message: 'Invio immagine'
        notify: notify.mobile_app_oneplus_a5010, telegram # CHANGE ME
        call_no_annuncio: 1
        image: >-
          https://hassiohelp.eu/wp-content/uploads/2020/11/Notifer-3.0-00-2-2048x1451.jpg
Clone this wiki locally