1.4.1-alpha2 • Published 9 months ago

@internetarchive/ia-book-actions v1.4.1-alpha2

Weekly downloads
-
License
AGPL-3.0-only
Repository
-
Last release
9 months ago

Component for lendable and embed items

The book action button component build on LitElement with support for custom content and light DOM elements.

Installation

yarn install --save @internetarchive/ia-book-actions

Usage of Book Actions

<!-- index.html -->
<style>
  html {
    font-size: 10px;
    /* This is to match petabox's base font size */
  }
  body {
    margin: 0;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  #demo {
    height: 50px;
  }
  ia-book-actions {
    --white: #fff;
    --black: #000;
    --primaryBGColor: var(--black);
    --secondaryBGColor: #222;
    --tertiaryBGColor: #333;
    --primaryTextColor:  var(--white);
    --primaryCTAFill: #194880;
    --primaryCTABorder: #c5d1df;
    --secondaryCTAFill: #333;
    --secondaryCTABorder: #999;
    --secondaryCTAFillRGB: 51, 51, 51;
    --primaryErrorCTAFill: #e51c26;
    --primaryErrorCTABorder: #f8c6c8;
    --primaryCTAFillRGB: 25, 72, 128;
    --primaryErrorCTAFillRGB: 229, 28, 38;
    --primaryDisableCTAFill: #767676;
  }
</style>

<ia-book-actions></ia-book-actions>

<script type="module">
    import '@internetarchive/ia-book-actions.js';
    import { ModalConfig } from '@internetarchive/modal-manager';
    import {
      defaultLendingStatus,
      canBrowseAndBorrow,
    } from '../src/assets/data/lending-get-status-service.js';

    let iaBookActions = document.querySelector('ia-book-actions');
    iaBookActions.userid = '@neeraj-archive';
    iaBookActions.identifier = 'naturalhistoryof00unse_4111';
    iaBookActions.bookTitle = 'This is test title for any book';
    iaBookActions.lendingStatus = {}; // lendinStatus in json
    iaBookActions.bwbPurchaseUrl = 'https://bwb.com/produce/123';
    iaBookActions.barType = ''; // title|action
</script>

Book Action Bar

Usage of Book Title

<!-- along with above properties, set barType to 'title' -->
<script type="module">
  iaBookActions.barType = 'title'; // title|action
</script>

Book Title Bar

Config Options

All of the config options:

let iaBookActions = document.querySelector('ia-book-actions');
const modalConfig = new ModalConfig(); // to show info/error modal 

// set defaultLendingStatus for unavailable (without borrowables) book
iaBookActions.userid = '@jack';
iaBookActions.identifier = 'jack-sparrow';
iaBookActions.bookTitle = 'Contemporary Black biography. Volume 39 : profiles from the interContemporary Black biography. Volume 39';
iaBookActions.lendingStatus = {active_borrows: 0, active_browses: 0}, // complete lendingStatus object
iaBookActions.bwbPurchaseUrl = ''; // BWB purchase URl if any 
iaBookActions.barType = '';
iaBookActions.modalConfig = modalConfig;

Development

Prerequisite

yarn install

Start Development Server

yarn start

Testing

yarn test

Linting

yarn lint
1.4.1-alpha2

9 months ago

1.4.1-alpha1

9 months ago

0.0.30-alpha6

10 months ago

0.0.30-alpha5

10 months ago

0.0.30-alpha4

10 months ago

0.0.30-alpha3

11 months ago

0.0.30-alpha2

11 months ago

0.0.30-alpha1

11 months ago

1.4.0

10 months ago

1.3.0-alpha1

10 months ago

0.0.31

10 months ago

1.3.0

10 months ago

1.2.0

10 months ago

1.1.1

10 months ago

1.1.0

10 months ago

1.1.0-alpha9

1 year ago

1.1.0-alpha8

1 year ago

1.1.0-alpha14

1 year ago

1.1.0-alpha15

1 year ago

1.1.0-alpha12

1 year ago

1.1.0-alpha13

1 year ago

1.1.0-alpha10

1 year ago

1.1.0-alpha11

1 year ago

1.1.0-alpha7

1 year ago

1.1.0-alpha6

1 year ago

1.1.0-alpha5

1 year ago

1.1.0-alpha4

1 year ago

1.1.0-alpha3

1 year ago

1.1.0-alpha2

1 year ago

1.1.0-alpha1

1 year ago

0.0.29-beta2

2 years ago

0.0.29-beta1

2 years ago

0.0.30

2 years ago

0.1.11-a1

2 years ago

0.1.11-b9

2 years ago

0.1.11-b8

2 years ago

0.1.11-b3

2 years ago

0.1.11-b2

2 years ago

0.1.11-b1

2 years ago

0.1.11-b7

2 years ago

0.1.11-b6

2 years ago

0.1.11-b5

2 years ago

0.1.11-b4

2 years ago

0.1.10

2 years ago

0.1.10-alpha1

2 years ago

0.1.11-b11

2 years ago

0.1.11-b12

2 years ago

0.1.11-b13

2 years ago

0.1.11-b14

2 years ago

0.1.11-b15

2 years ago

0.1.11-b16

2 years ago

0.1.11-b17

2 years ago

0.1.11-b18

2 years ago

0.1.11-b19

2 years ago

0.1.11-b10

2 years ago

0.1.11-b22

2 years ago

0.1.11-b23

2 years ago

0.1.11-b24

2 years ago

0.1.11-b25

2 years ago

0.1.11-b26

2 years ago

0.1.11-b27

2 years ago

0.1.11-b28

2 years ago

0.1.11-b29

2 years ago

0.1.11-b20

2 years ago

0.1.11-b21

2 years ago

0.1.11-b33

2 years ago

0.1.11-b34

2 years ago

0.1.11-b35

2 years ago

0.1.11-b36

2 years ago

0.1.11-b37

2 years ago

0.1.11-b38

2 years ago

0.1.11-b39

2 years ago

0.1.11-b30

2 years ago

0.1.11-b31

2 years ago

0.1.11-b32

2 years ago

0.1.11-b44

2 years ago

1.0.0

2 years ago

0.1.11-b46

2 years ago

0.1.11-b47

2 years ago

0.1.11-b48

2 years ago

0.1.11-b49

2 years ago

0.1.11-b40

2 years ago

0.1.11-b41

2 years ago

0.1.11-b42

2 years ago

0.1.11-b43

2 years ago

0.1.11-b55

2 years ago

0.1.11-b57

2 years ago

0.1.11-b58

2 years ago

0.1.11-b59

2 years ago

0.1.9-alpha5

2 years ago

0.1.9-alpha4

2 years ago

0.1.11-b50

2 years ago

0.1.11-b51

2 years ago

0.1.11-b52

2 years ago

0.1.11-b53

2 years ago

0.1.11-b54

2 years ago

0.1.11-b60

2 years ago

0.1.11-b61

2 years ago

0.1.11-b62

2 years ago

0.0.29-alpha50

2 years ago

0.0.29-alpha52

2 years ago

0.0.29-alpha51

2 years ago

0.1.6-a1

2 years ago

0.1.3-alpha2

2 years ago

0.1.3-alpha1

2 years ago

0.0.29-alpha42

2 years ago

0.0.29-alpha41

2 years ago

0.0.29-alpha40

2 years ago

0.1.6-alpha1

2 years ago

0.0.29-alpha39

2 years ago

0.0.29-alpha38

2 years ago

0.0.29-alpha37

2 years ago

0.0.29-alpha36

2 years ago

0.1.4-alpha6

2 years ago

0.1.0

2 years ago

0.1.4-alpha7

2 years ago

0.1.9-alpha3

2 years ago

0.1.2

2 years ago

0.1.5-alpha3

2 years ago

0.1.1

2 years ago

0.1.9-alpha1

2 years ago

0.1.4-alpha2

2 years ago

0.1.9-alpha2

2 years ago

0.1.4-alpha3

2 years ago

0.1.4-alpha4

2 years ago

0.1.4-alpha5

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.9

2 years ago

0.1.4-alpha1

2 years ago

0.1.5-alpha2

2 years ago

0.1.4

2 years ago

0.1.5-alpha1

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.5-b1

2 years ago

0.1.5-b2

2 years ago

0.0.29-alpha32

2 years ago

0.0.29-alpha31

2 years ago

0.0.29-alpha30

2 years ago

0.0.29-alpha35

2 years ago

0.0.29-alpha34

2 years ago

0.0.29-alpha33

2 years ago

0.0.29-alpha29

2 years ago

0.0.29-alpha28

2 years ago

0.0.29-alpha27

2 years ago

0.0.29-alpha26

2 years ago

0.0.29-alpha25

2 years ago

0.0.29-alpha24

2 years ago

0.0.29-alpha23

2 years ago

0.0.29-alpha1

3 years ago

0.0.29-alpha3

3 years ago

0.0.2-7.1

3 years ago

0.0.29-alpha2

3 years ago

0.0.29-alpha5

3 years ago

0.0.29-alpha4

3 years ago

0.0.29-alpha7

3 years ago

0.0.29-alpha6

3 years ago

0.0.29-alpha9

3 years ago

0.0.29-alpha8

3 years ago

0.0.27-a1

3 years ago

0.0.28-alpha1

3 years ago

0.0.29-alpha21

2 years ago

0.0.29-alpha20

3 years ago

0.0.29-alpha22

2 years ago

0.0.29-alpha18

3 years ago

0.0.29-alpha17

3 years ago

0.0.29-alpha16

3 years ago

0.0.29-alpha15

3 years ago

0.0.29-alpha19

3 years ago

0.0.29-alpha10

3 years ago

0.0.29-alpha14

3 years ago

0.0.29-alpha13

3 years ago

0.0.29-alpha12

3 years ago

0.0.29-alpha11

3 years ago

0.0.26

3 years ago

0.0.27

3 years ago

0.0.28

3 years ago

0.0.29

3 years ago

0.0.27-1

3 years ago

0.0.24-alpha1

3 years ago

0.0.25

3 years ago

0.0.22-1-alpha1

3 years ago

0.0.23-alpha1

3 years ago

0.0.23-alpha2

3 years ago

0.0.23-1

3 years ago

0.0.23

3 years ago

0.0.24

3 years ago

0.0.22-1

3 years ago

0.0.22-2

3 years ago

0.0.22-3

3 years ago

0.0.22-4

3 years ago

0.0.15-event1

3 years ago

0.0.10-1

3 years ago

0.0.13-2

3 years ago

0.0.13-1

3 years ago

0.0.13-3

3 years ago

0.0.17-1

3 years ago

0.0.17-2

3 years ago

0.0.19-1

3 years ago

0.0.17-3

3 years ago

0.0.19-2

3 years ago

0.0.19-3

3 years ago

0.0.19-5

3 years ago

0.0.20

3 years ago

0.0.21

3 years ago

0.0.22

3 years ago

0.0.15

3 years ago

0.0.16

3 years ago

0.0.17

3 years ago

0.0.18

3 years ago

0.0.19

3 years ago

0.0.12-1

3 years ago

0.0.10-2

3 years ago

0.0.12-2

3 years ago

0.0.10

3 years ago

0.0.16-1

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.16-3

3 years ago

0.0.13

3 years ago

0.0.16-2

3 years ago

0.0.14

3 years ago

0.0.16-5

3 years ago

0.0.16-4

3 years ago

0.0.9

3 years ago

0.0.7-13

3 years ago

0.0.7-14

3 years ago

0.0.7-11

3 years ago

0.0.7-12

3 years ago

0.0.7-10

3 years ago

0.0.7-5

3 years ago

0.0.7-9

3 years ago

0.0.7-8

3 years ago

0.0.7-7

3 years ago

0.0.7-6

3 years ago

0.0.8

3 years ago

0.0.8-1

3 years ago

0.0.7-1

3 years ago

0.0.7-0

3 years ago

0.0.6-9-02

3 years ago

0.0.6-9-01

3 years ago

0.0.6-9-03

3 years ago

0.0.6-8-04

3 years ago

0.0.6-8-01

4 years ago

0.0.6-8-03

3 years ago

0.0.7-4

3 years ago

0.0.7-3

3 years ago

0.0.7-2

3 years ago

0.0.6-9

3 years ago

0.0.6-8

4 years ago

0.0.6-7

4 years ago

0.0.6-2

4 years ago

0.0.5-4-03

4 years ago

0.0.5-3

4 years ago

0.0.6-1

4 years ago

0.0.5-2

4 years ago

0.0.5-1

4 years ago

0.0.5-0

4 years ago

0.0.2-sharedRO1

4 years ago

0.0.4-rc1

4 years ago

0.0.5-4-01

4 years ago

0.0.5-a1

4 years ago

0.0.5-4-02

4 years ago

0.0.5-alpha-03

4 years ago

0.0.5-alpha-02

4 years ago

0.0.5-alpha-01

4 years ago

0.0.3-alpha-004

4 years ago

0.0.3-alpha-01

4 years ago

0.0.3-alpha-02

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.6-6

4 years ago

0.0.6-5

4 years ago

0.0.6-4

4 years ago

0.0.5-5

4 years ago

0.0.6-3

4 years ago

0.0.5-4

4 years ago

0.0.5

4 years ago

0.0.3-alpha-03

4 years ago

0.0.6

4 years ago

0.0.1

4 years ago