stoffeastrom

<template>
  <table>
    <tbody oa-sortable="scroll.bind: 'document'; items.bind: items; axis: 'y'">
    <tr
      oa-sortable-item="item.bind: item;"
      repeat.for="item of items"
      draggable="false">
      <td>
        <div>${item.text}</div>
      </td>

stoffeastrom

<template>
  <table sortable="scroll.bind: 'document'; items.bind: items; axis: 'y'">
    <tbody>
    <tr
      view-cache="*"
      sortable-item="item.bind: item;"
      repeat.for="item of items"
      draggable="false">
      <td>
        <div>${item.text}</div>

stoffeastrom

<template>
  <ul oa-sortable="items.bind: groups;">
    <li 
      repeat.for="group of groups" 
      oa-sortable-item="item.bind: group;"
      draggable="false">
      <div>
      ${group.name}
        <ul oa-sortable="items.bind: group.items;">
          <li

stoffeastrom

<template>
  <require from="async"></require>
  <h1>${message}</h1>
  <async></async>
</template>

stoffeastrom

<template>
  <h1>${message}</h1>
</template>

stoffeastrom

<template>
  <ul class="lui-list groups"
    oa-sortable="items.bind: groups; allowed-drag-selector.bind: '.lui-icon--handle'; axis.bind: 'y'">
    <li repeat.for="group of groups"
      oa-sortable-item="item.bind: group; type-flag.bind: group.typeFlag; locked-flag.bind: group.lockedFlag"
      oa-sortable-item.ref="sortableGroupItem"
      draggable="false">
      <span class="lui-list__aside">
        <span class="lui-list__header ${(sortableGroupItem.childSortable.isDisabled || sortableGroupItem.lockedFrom) ? 'lui-disabled' : ''} ${sortableGroupItem.lockedFrom ? 'locked' : ''}">
          <span class="lui-list__aside  lui-icon lui-icon--small lui-icon--handle"></span>

stoffeastrom

<template>
  <ul class="lui-list group"
    oa-sortable="items.bind: items; allowed-drag-selector.bind: '.lui-icon--handle'; axis.bind: 'y'">
    <li class="lui-list__item"
      repeat.for="item of items"
      oa-sortable-item="item.bind: item"
      draggable="false">
      <span class="lui-list__aside  lui-icon lui-icon--small lui-icon--handle"></span>
      <span class="lui-list__text">${item.name}</span>
      <span class="lui-list__aside">

stoffeastrom

<template>
  <table oa-tap.call="onTap()">
    <tr>
      <td>Gesture me!</td>
    </tr>
  </table>
</template>

stoffeastrom

<template>
  <require from="oa-contextmenu"></require>
  <table oa-contextmenu.call="onContextmenu()">
    <tr>
      <td>Gesture me!!!</td>
    </tr>
  </table>
</template>

stoffeastrom

#!/bin/bash

readonly DB_FILE="$(pwd)/images.db"
readonly IMG_DIR="$(pwd)/images"

save-images() {
  echo "Create ${DB_FILE}"
  echo "$(docker images|grep -v 'IMAGE ID'|awk '{printf("%s %s %s\n", $1, $2, $3)}'|column -t)" > "${DB_FILE}"
  
  echo "Read ${DB_FILE}"