Portfolio API

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/profile"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/profile", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/profile', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

<div id="portfolio-profile">Laden…</div>

<script>
(async () => {
  const doel = document.getElementById("portfolio-profile");
  const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/profile", {
    headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
  });
  if (!response.ok) { doel.textContent = "Portfolio niet beschikbaar."; return; }
  const { data } = await response.json();
  doel.textContent = "";

  const h = document.createElement("h2");
  h.textContent = data.display_name;
  const p = document.createElement("p");
  p.textContent = `${data.title} · level ${data.level} · ${data.total_xp} XP`;
  doel.append(h, p);
  for (const opleiding of data.education) {
    const li = document.createElement("p");
    li.textContent = `${opleiding.qualification} (${opleiding.status === "graduated" ? "gediplomeerd" : "studeert"})`;
    doel.append(li);
  }
})();
</script>

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

<div id="portfolio-badges">Laden…</div>

<script>
(async () => {
  const doel = document.getElementById("portfolio-badges");
  const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges", {
    headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
  });
  if (!response.ok) { doel.textContent = "Portfolio niet beschikbaar."; return; }
  const { data } = await response.json();
  doel.textContent = "";

  for (const badge of data.badges) {
    const img = document.createElement("img");
    img.src = badge.icon_url + "?color=0886a8";
    img.width = 40;
    img.alt = badge.name;
    img.title = `${badge.name} (${badge.tier})`;
    doel.append(img);
  }
})();
</script>

<img src="https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges/story.10/icon.svg?color=0886a8" width="48" height="48" alt="Badge">

curl "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/badges/story.10/icon.svg?color=0886a8" -o badge.svg

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/outcomes"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/outcomes", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/outcomes', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

<div id="portfolio-outcomes">Laden…</div>

<script>
(async () => {
  const doel = document.getElementById("portfolio-outcomes");
  const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/outcomes", {
    headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
  });
  if (!response.ok) { doel.textContent = "Portfolio niet beschikbaar."; return; }
  const { data } = await response.json();
  doel.textContent = "";

  for (const opleiding of data.qualifications) {
    const h = document.createElement("h3");
    h.textContent = opleiding.name;
    doel.append(h);
    for (const niveau of opleiding.levels) {
      const label = document.createElement("div");
      label.textContent = `Niveau ${niveau.level}: ${niveau.achieved} van ${niveau.total} behaald`;
      const balk = document.createElement("progress");
      balk.max = niveau.total || 1;
      balk.value = niveau.achieved;
      doel.append(label, balk);
    }
  }
})();
</script>

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/progress"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/progress", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/progress', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

<div id="portfolio-progress">Laden…</div>

<script>
(async () => {
  const doel = document.getElementById("portfolio-progress");
  const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/progress", {
    headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
  });
  if (!response.ok) { doel.textContent = "Portfolio niet beschikbaar."; return; }
  const { data } = await response.json();
  doel.textContent = "";

  for (const course of [...data.courses, ...data.projects]) {
    const label = document.createElement("div");
    label.textContent = `${course.name} — ${course.percentage}%`;
    const balk = document.createElement("progress");
    balk.max = 100;
    balk.value = course.percentage;
    doel.append(label, balk);
  }
})();
</script>

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/learning-paths"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/learning-paths", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/learning-paths', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/events"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/events", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/events', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/work"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/work", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/work', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

curl -H "Authorization: Bearer lmsp_JOUW_TOKEN" \
     -H "Accept: application/json" \
     "https://lms.187-124-29-171.sslip.io/api/v1/portfolio/timeline"

// Alleen met een browsertoken: een servertoken hoort niet in je website.
const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/timeline", {
  headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
});

if (!response.ok) {
  const fout = await response.json().catch(() => ({}));
  throw new Error(fout.message ?? `Portfolio API: ${response.status}`);
}

const { data } = await response.json();
console.log(data);

<?php
// Met een servertoken. Zet het token in een omgevingsvariabele, niet in je code.
$token = getenv('PORTFOLIO_TOKEN') ?: 'lmsp_JOUW_TOKEN';

$context = stream_context_create(['http' => [
    'header' => "Authorization: Bearer $token\r\nAccept: application/json\r\n",
    'ignore_errors' => true,
]]);

$body = file_get_contents('https://lms.187-124-29-171.sslip.io/api/v1/portfolio/timeline', false, $context);
$antwoord = json_decode($body, true);

if (isset($antwoord['error'])) {
    exit('Portfolio API: '.$antwoord['message']);
}

$data = $antwoord['data'];

<div id="portfolio-timeline">Laden…</div>

<script>
(async () => {
  const doel = document.getElementById("portfolio-timeline");
  const response = await fetch("https://lms.187-124-29-171.sslip.io/api/v1/portfolio/timeline", {
    headers: { Authorization: "Bearer lmsp_JOUW_TOKEN", Accept: "application/json" },
  });
  if (!response.ok) { doel.textContent = "Portfolio niet beschikbaar."; return; }
  const { data } = await response.json();
  doel.textContent = "";

  const lijst = document.createElement("ul");
  for (const item of data.items) {
    const li = document.createElement("li");
    li.textContent = `${new Date(item.at).toLocaleDateString()} — ${item.title}`;
    lijst.append(li);
  }
  doel.append(lijst);
})();
</script>