https://twill.io logo
Powered by
# ❓questions
  • c
    So, I created 2 of the same field each wrapped in an x-formConnectedFields component with a different condition to display accordingly
  • c
    but I guess Vue is still trying to get/set/sync the selected values on both of them... is there any way around this?
  • p
    Interesting use case @User! I'll do a quick test to see if I can find something.
  • p
    Can you share the relevant part of your 
    form.blade.php
    , just to make sure I have the right context
  • c
    Copy code
    @formField('select', [
    'name' => 'r_frequency',
    'label' => 'Frequency',
    'unpack' => true,
    'options' => [
    [
    'value' => 'DAILY',
    'label' => 'Day',
    ],
    [
    'value' => 'WEEKLY',
    'label' => 'Week',
    ],
    [
    'value' => 'MONTHLY',
    'label' => 'Month',
    ],
    ],
    ])

    <x-formConnectedFields field-name="r_frequency" field-values="WEEKLY">
        @formField('checkboxes', [
        'name' => 'r_by_day',
        'label' => 'On Days',
        'inline' => true,
        'options' => [
        [ 'value' => 'SU', 'label' => 'Sunday' ],
        [ 'value' => 'MO', 'label' => 'Monday' ],
        [ 'value' => 'TU', 'label' => 'Tuesday' ],
        [ 'value' => 'WE', 'label' => 'Wednesday' ],
        [ 'value' => 'TH', 'label' => 'Thursday' ],
        [ 'value' => 'FR', 'label' => 'Friday' ],
        [ 'value' => 'SA', 'label' => 'Saturday' ],
        ],
        ])
    </x-formConnectedFields>

    <x-formConnectedFields field-name="r_frequency" field-values="MONTHLY">
        @formField('select', [
        'name' => 'r_by_day',
        'label' => 'Days',
        'options' => [
        [ 'value' => '1SU', 'label' => '1st Sunday' ],
        [ 'value' => '1MO', 'label' => '1st Monday' ],
        [ 'value' => '1TU', 'label' => '1st Tuesday' ],
        [ 'value' => '1WE', 'label' => '1st Wednesday' ],
        [ 'value' => '1TH', 'label' => '1st Thursday' ],
        [ 'value' => '1FR', 'label' => '1st Friday' ],
        [ 'value' => '1SA', 'label' => '1st Saturday' ],



        [ 'value' => '-1SU', 'label' => 'Last Sunday' ],
        [ 'value' => '-1MO', 'label' => 'Last Monday' ],
        [ 'value' => '-1TU', 'label' => 'Last Tuesday' ],
        [ 'value' => '-1WE', 'label' => 'Last Wednesday' ],
        [ 'value' => '-1TH', 'label' => 'Last Thursday' ],
        [ 'value' => '-1FR', 'label' => 'Last Friday' ],
        [ 'value' => '-1SA', 'label' => 'Last Saturday' ],
        ],
        ])
    </x-formConnectedFields>
  • c
    the easy solution is simply to use 2 different fields / columns for that data. It's getting processed in the background into a proper rrule anyway so its not a big deal. I was just trying to be efficient!
  • p
    Yes, definitely the easiest solution 🙂
  • p
    I don't see an easy way to do this with formConnectedFields at the moment... but I think this can be done with a custom Vue component.
  • p
    Essentially a custom wrapper for both select fields.
  • c
    Thanks for taking a look, but I'm happy to accept that I was just trying to be too clever 😂 having multiple fields with the same name is just asking for trouble really isn't it!? I've refactored to use 2 different columns now, and all is working as it should
  • c
    Much easier than custom vue components!
  • p
    Agreed haha. Perhaps less fun? 😆
  • c
    Not with my minimal knowledge of Vue 🤣
  • i
    love it guys, it's great that there are ways with or without Vue knowledge
  • u
    Hi, it;s me again.. i have a problem with link type (internal) becouse i can't render href from it and link is empty
  • u

    https://i.imgur.com/yN0pf0j.png▾

  • u
    {{ dd($item->href) }} = "/"
  • o
    I was looking to add title and description to every uploaded file, so I can create a library in the front-end of my website
  • p
    The internal link type appears to be a morph relationship on linkable. In your case to App\Models\Service, from there it tries to build out the slug or fall back to "/". You could check a couple of things, 1) is your morph relationship correct and Service id=6 is a valid/active record, 2) your service model uses the HasSlug trait
  • i
    what you can do, is create your own module that connects to the files table
  • i
    that way you can have a full blown form for each file
  • u
    my service is active and use HasSlug, i think its maybe this morph
  • i
    you need to dynamically route to the item that is linked. so if you linked a service you need to create a link using the name of the service detail route and the id/slug of the item
  • i
    the menu capsule doesn't know what your frontend routes are
  • u
    i see
  • u
    but i dont get it xd
  • c
    Ok, just taken a look at the code and you’re running into a dependency on another bit of our code. If you look at the code for the ‘href’ method you’ll see that for an internal link it calls a ‘fullSlug’ method on the linkable object. You can define this how you wish - it just needs to return the slug of the item.
  • c
    It’s done this way because our pages module supports a full nested tree - so the slug is nested (e.g. /grandparent/parent/slug) so the getFullSlugAttribute method builds out this slug to be used on a menu item. You can find the implementation here: https://github.com/cwsdigital/twill-capsule-base/blob/stable/Models/Behaviours/IsNested.php
  • c
    But again, you are free to build the frontend of the menu however you like. The menuItem has the linkable object - use that how you will to generate a link
  • u
    Ok, thanks i will check tomorow.. im tired for today. i saw this method
1...161162163...484Latest