stalniy

import { Ability } from '@casl/ability';

type Actions = 'create' | 'read' | 'update' | 'delete';
type AppAbility = Ability<Actions>;

const ability: AppAbility = new Ability<Actions>();

console.log(ability.can('create'));
console.log(ability.can('update'));

stalniy

import { Ability } from '@casl/ability';

type AppAbilities = 
  ['create' | 'read' | 'update' | 'delete', 'Article'] |
  ['create' | 'read' | 'update', 'Comment'] |
  ['read', 'User']
;

export type AppAbility = Ability<AppAbilities>;

stalniy

import { Ability } from '@casl/ability';

type AppAbilities = [
  'read' | 'update' | 'delete' | 'create',
  'Article' | 'Comment' | 'User'
];

export type AppAbility = Ability<AppAbilities>;

stalniy

Завдання

У систему приходить структурована інформація, але її типи не можуть бути визначені на етапі розробки. Типи об'єктів, як і самі дані додаються через API.

Необхідно

1. Створити API-сервіс, який дозволяє працювати з сутностями будь-яких типів.
2. Реалізувати CRUD для типів сутностей. Наприклад, створимо тип Person, з атрибутами name, age та workIn (workIn - це посилання на інший тип, Organization - має 1 атрибут name): POST /api/types/person

stalniy

Завдання

У систему приходить структурована інформація, але її типи не можуть бути визначені на етапі розробки. Типи об'єктів, як і самі дані додаються через API.

Необхідно

1. Створити API-сервіс, який дозволяє працювати з сутностями будь-яких типів.
2. Реалізувати CRUD для типів сутностей. Наприклад, створимо тип Person, з атрибутами name та age: POST /api/types/person

stalniy

<header class="header">
  <h1>{{ title }}</h1>
  <todo-form (newTodo)="addTodo($event)" *ngIf="'Todo' | can: 'create'"></todo-form>
</header>

stalniy

import { Component, Input } from '@angular/core';
import { Ability } from '@casl/ability';
import { defineAbilitiesFor } from '../../services/ability';

@Component({
  selector: 'todo-footer',
  template: `
    ...
      <ul class="filters">
        <li class="help">Switch roles</li>

stalniy

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AbilityModule } from '@casl/angular';
import { Ability } from '@casl/ability';

import { defineAbilitiesFor, createAbility } from '../services/ability';
import { AppRoutingModule } from './routing.module';

@NgModule({
  declarations: [

stalniy

class Todo {
  constructor({ title, assignee }) {
    this.title = title;
    this.assignee = assignee;
  }
}

const myTodo = new Todo({
  title: "buy food",
  assignee: "me"

stalniy

export function defineAbilitiesFor(role) {
  const { can, rules } = AbilityBuilder.extract()

  if (role === 'admin') {
    can('manage', 'all')
  } else {
    can('read', 'all')
    can('manage', 'Todo', { assignee: 'me' })
  }