@uportal/api-template-vue

api-template-vue

Installation

# install with npm
npm install @uportal/api-template-vue

# install with yarn
yarn add @uportal/api-template-vue

install with maven

<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>uportal__api-template-vue</artifactId>
    <version>{version number goes here}</version>
</dependency>

install with gradle

compile 'org.webjars.npm:uportal__api-template-vue:{version number goes here}'

Usage as Web Component

The component requires a data-api-url (URL to acquire a JSON payload).

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/@uportal/api-template-vue"></script>

<api-template-vue data-api-url="/uPortal/api/v5-0/people/me">
  <div class="card">
    <div class="card-body">
      <h3 class="card-title">{{ displayName[0] }}</h3>
      <table class="table">
        <caption>
          User attributes
        </caption>
        <tbody>
          <tr>
            <td>username:</td>
            <td>{{ username[0] }}</td>
          </tr>
          <tr>
            <td>email:</td>
            <td>{{ mail[0] }}</td>
          </tr>
          <tr>
            <td>Phone:</td>
            <td>{{ telephoneNumber[0] }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</api-template-vue>

Options

• data-api-url (required, string): URL of the REST API that provides JSON data to the template.

Slot Content

The default slot defines the Vue-based template containing the markup that will appear on the page.

Changelog

[1.35.0][] - 2020-05-26

Features

• Waffle menu/accessibility enhancements (#391)

Fixes

• esco-content-grid: fix sort of grid (#526)

Chores

• Update dependencies
  • prettier to v2 (#508)
  • eslint to v7 (#523)
  • font awesome (#509)
  • remark monorepo (major) (#510)
  • nvmrc to use node 14 by default (#527)
  • ky to ^0.20.0 (#524)
  • gradle to v6.4.1 (#522)
  • gradle to v6.3.0 (#511)
  • vue-cli monorepo to v4 (major) (#448)
  • acorn from 6.3.0 to 6.4.1 (#501, #502, #503, #504, #505)
  • ky to ^0.19.0 (#498)
  • tslint to v6 (#500)
  • node.js to v13.11.0 (#496)
  • gradle to v6.2.2 (#495)