Uri to panel page url

krisa · March 6, 2019, 6:06pm

Hi what is the proper way to link inside the panel?

If i am making section or field that links to other page… as far as i know there is no panelUri so i am doing simple dumb replace of / to +.

<k-link :to="link.replace("/", "+");"></k-link>

or i do in PHP.

The point is if the simple replace is enough? I asume there is some method on frontend or backend for this? I mean it would maybe make sense to have this on k-link component?

texnixe · March 6, 2019, 6:19pm

There’s panelUrl($relative = false).

github.com

getkirby/kirby/blob/021efeb6692fcee19ee7e4aae5f35d028e1ee875/src/Cms/Page.php#L955


{
    return 'pages/' . $this->panelId();
}


/**
 * Returns the url to the editing view
 * in the panel
 *
 * @return string
 */
public function panelUrl(bool $relative = false): string
{
    if ($relative === true) {
        return '/' . $this->panelPath();
    } else {
        return $this->kirby()->url('panel') . '/' . $this->panelPath();
    }
}


/**
 * Returns the parent Page object

distantnative · March 6, 2019, 6:54pm

You can use this.$api.pages.link(id):

github.com

getkirby/kirby/blob/master/panel/src/api/pages.js#L21


},
url(id, path) {
  let url = id === null ? "pages" : "pages/" + id.replace(/\//g, "+");


  if (path) {
    url += "/" + path;
  }


  return url;
},
link(id) {
  return "/" + this.url(id);
},
get(id, query) {
  return api.get(this.url(id), query).then(page => {
    if (Array.isArray(page.content) === true) {
      page.content = {};
    }


    return page;
  });

krisa · March 7, 2019, 3:57pm

Thank you for responses!

from the source @distantnative posted it indeed seems that it is simple replace i am not sure what is different this regex does

id.replace(/\//g, "+");
and
id.replace("/", "+");

But that just means i can do it at k-link.

Thank you!

diezmilseres · December 4, 2019, 3:59am

hi,

do yo know how to use properly this.$api.pages.get() method to retrieve some field from a page id??

i

ktryn · November 1, 2021, 1:28pm

The topic I needed!

I personally went into Kirby’s app.js code to get more information where I found everything I needed to learn about those this.$api

Topic		Replies	Views
Buttons and links Solved ✅	2	808	March 2, 2018
How to get the panel edit page subpage url? Solved ✅	3	2053	February 11, 2017
How to edit current page link with URLkey Solved ✅	5	605	December 6, 2018
Method for getting a $page Panel URL Solved ✅ panel	6	563	June 5, 2024
Basic return url query Solved ✅ panelfield , panel	3	541	April 7, 2017

Uri to panel page url

Related topics