Problems storing/getting data

BrightdayStudio · Apr 12th 2018

Hello, yes that's me. I lost my password to the other account, I'm actually not sure I know a password to this one but hey ho, hopefully I'll still get in.

Ok I solved that problem. I hadn't linked the right file name! doh! The first thing I should have checked! FACEPALM.

Now I've got another problem where the content isn't passing to the view. When I checked It's not storing the data to the database.

I'm thinking of trying to add another "Save" button in, I don't know if that would work. Or maybe I need to config the fields with default values. I'm referencing props: ['widget, ''config', 'form'].

Hopefully I'll figure it out Any ideas where to look?

SPQRInc · Apr 12th 2018

Hi.

I just splitted this topic. We would like to have one thread per topic/problem. That makes the content easier to filter later.

Please provide more details. What do you want to save? Is it data in the frontend view of your widget? Do you mean the widget-settings you would like to store...?

BrightdayStudio · Apr 12th 2018

Hi, I managed to get access to my account.

The data input on the frontend, under the 'settings' tab. It's data like a heading, image, textfield and links.

The view is rendered, but the data isn't stored, so it only displays the title and nothing else.

I'm not sure where I'm going wrong.

https://github.com/BrightdayStudio/pagekit-panelWidget

SPQRInc · Apr 13th 2018

So... I do still not get the point... If I mean "frontend" I say the things your users see on accessing https://example.org . If I say "backend" I mean the things your admins see on accessing https://example.org/admin .

So you really have a frontend-widget that has a settings-tab? I do not see that here: https://github.com/BrightdaySt…er/views/widget/panel.php

BrightdayStudio · Apr 13th 2018

Hey, Ok sorry If I'm not explaining this well.

I have a backend-widget that has a settings-tab.

The widget is visible on the backend and frontend but the data isn't saved to the db, so when I save the data in the backend it doesn't store anything.

My widget view was based on https://github.com/jebster-pag…iews/widget/slideshow.php I've been using this extension as a guide.

I can't see any issues on widget/panel.php, but data = 0, so it won't display anything in the frontend. If you've spotted anything wrong with my widget/panel.php can you point it out to me?

I think there might be something wrong with the app component but I can't see anything there either:

https://github.com/BrightdaySt…app/components/widget.vue

I've updated the index.php to include routes incase that was a problem.

Other widgets are saving fine, so it's only an issue with my widget.

I'm not sure what to try next.

SPQRInc · Apr 13th 2018

You tried to store information like this:

Code

<div class="uk-form-row">
<label class="uk-form-label">{{ 'Header' | trans }}</label>
<div class="uk-form-controls">
<input type="text" class="uk-form-width-large" v-model="image.header">
</div>
</div>

But it has to be:

Code

<div class="uk-form-row">
<label class="uk-form-label">{{ 'Header' | trans }}</label>
<div class="uk-form-controls">
<input type="text" class="uk-form-width-large" v-model="widget.image.header">
</div>
</div>

The "blueprint" (slideshow-widget) does it this way, too:

You also could check out https://github.com/SPQRInc/pag…components/toc-widget.vue

SPQRInc · Apr 13th 2018

BrightdayStudio wrote:

I've updated the index.php to include routes incase that was a problem.

Other widgets are saving fine, so it's only an issue with my widget.

You do not need routes for building a widget. Routes are callable URLs. As you do not do anything in your controller, you do not need to register that route here. The widget-settings are being stored by Pagekit's widget manager.

BrightdayStudio · Apr 13th 2018

Ok! That makes sense! thank you SPQ. Ok I was getting the v-model wrong. I had tried a mapping an array like the slideshow using. <div v-for="image in widget.data.images"> but that just broke everything so I've made sure I've got widget.data. referenced and it works!

One small problem. I've renamed "images" to "panel", now my frontend view wont render the image, I've used:

<img src="<?= $panel->get('image.src') ?>" alt="<?= $panel->get('image.alt') ?>">

Which doesn't work, the data looks like this:

{"panel":{"image":{"src":"storage\/pagekit-logo.svg","alt":"Pagekit logo"},"header":"Header","text":"Text","link":"link","url":"@page\/1"}}

I'm rendering the other data ok, like <h3><?= $panel['header'] ?></h3> works

It's just the image.

Probably something simple. Any ideas?

Many Thanks,

Leanne

BrightdayStudio · Apr 13th 2018

Ok I also updated: https://github.com/BrightdayStudio/pagekit-panelWidget if that makes it clearer.

<img src="<?= $image['src'] ?>" alt="<?= $image['alt'] ?>" /> didn't work either.

BrightdayStudio · Apr 13th 2018

Fixed it.

This worked:

<img src="<?= $panel['image']['src'] ?>" alt="<?= $panel['image']['alt'] ?>" />

Share