Lovelace: Swiper card

Share your Projects! Dashboards & Frontend
81

I did it through custom-updater, is it ok or not?

82

Getting this error after updating swiper.min.js

2018-10-25 18:36:36 ERROR (MainThread) [frontend.js.latest.201810180] https://hass-maurizio.duckdns.org/local/custom-lovelace/swipe-card/js/swiper.min.js?v=1:1:4907 Uncaught TypeError: Cannot read property 'apply' of undefined

83

No, custom updater does not update the dependencies and import line. You will have to do it manually. This will be the only time, I promise.

84

I updated manually /js/swiper.min.js, /js/swiper-card.js and swipe-card.js but still getting the same error also after clearing cache. In the swipe-card folder actually i have swipe-card.js and swiper-card.js that has a previous date…

85

Hmmm i have a doubt. Swipe-card folder must be into custom-ui or custom-lovelace?
I have it into custom-lovelace, but i see in your github the files are into custom-ui…
I still get always the same error…

86

Also still getting same error. And custom updater says current 1.1.1 and available 1.1.0.

87

Clearing cache and multiple refresehes seems to have worked.

Some problems still.
customupdater says current 1.1.1 and available 1.1.o, it wants me to downgrade.

Start card not working. Sets last card as startcard.

Card takes long to load. Only dots visible until 5 seconds of loading.

88

The .js file inside the swipe-card folder must be ‘swipe-card.js’ or ‘swiper-card.js’? I updated both and now all is working, but the doubt remains. About custom updater i have 1.1.0 also doing a check.

89

Should be 1.1.0, typo above.

90

swipe-card.js

91

Hmmm… only after saving the swipe-card.js over the swiper-card.js i get the cards working and stopped having that error…But in ui-lovelace.yaml i have:

  - url: /local/custom-lovelace/swipe-card/swipe-card.js?v=1.1.0
    type: module
92

Hey @juan11perez how did you manage to get all your cards and components to show the current version and any new available and also how do you update them all?

93

I followed the installation wiki. see below


You need to install the updater component and the tracker card.
1 Like
94

@juan11perez
Yeah, and how is this for an unimportant question - how did you get the colour on the megaphone icon?

Mine is white.
image

95

Is it just me or since the update to module (maybe not related to that though), the coverflow ones take longer time to load in lovelace UI?
I deleted cache from browser already…

96

Seems to take alot longer yes.

97

@klogg. I didn’t modify the icon color. It’s default one. I think yours is different because of your card background.

1 Like
98

yeah, defenitely too slow to load IMO plus now, it starts by showing the last card instead of the first 2 ones…

2018-10-27%2007_43_08-Home%20Assistant

  - id: d58d7d6960ee4b858a8c0a1b90e7aa80  # Automatically created id
    type: custom:swipe-card
    card_width: 185px
    start_card: 2
    parameters:
      effect: coverflow
      grabCursor: true
      centeredSlides: true
      slidesPerView: auto
      coverflowEffect:
        rotate: 50
        stretch: 0
        depth: 100
        modifier: 1
        slideShadows: true
      pagination:
        type: bullets
    cards:
      - type: sensor
        entity: sensor.aeotec_zw100_multisensor_6_temperature
        name: Temp 1er
        line_width: 8
        line_color: '#FF6384'
      - type: sensor
        entity: sensor.aeotec_zw100_multisensor_6_relative_humidity
        name: Humidité 1er
        line_color: '#36A2EB'
        line_width: 8
      - type: sensor
        entity: sensor.capteur_soussol_temperature
        name: Temp sous-sol
        line_width: 8
        line_color: '#FF6384'
      - type: sensor
        entity: sensor.capteur_soussol_relative_humidity
        name: Humidité sous-sol
        line_color: '#36A2EB'
        line_width: 8
99

Hey,

Why does my show up like this:

Swipe-card

  - url: /local/lovelace/swipe-card/swipe-card.js?v=1.1.0
    type: module



    type: custom:swipe-card
    cards:
      - type: sensor
        entity: sensor.philio_technology_corporation_phpat02beu_multisensor_2in1_temperature
        name: Temperatur
        line_width: 8
        line_color: '#FF6384'
      - type: sensor
        entity: sensor.philio_technology_corporation_phpat02beu_multisensor_2in1_relative_humidity
        name: Luftfuktighet
        line_color: '#36A2EB'
        line_width: 8
100

Seems like many cards have problems after the last update to 0.81.0. ost of them are related to a problem with vertical stack and horizontal stack which is being fixed. However, I do not use either on top of my swipe-card and I suddenly do not even get it to appear. It worked fine before upgrading.

Custom element doesn’t exist: swipe-card.