1.0.3-beta • Published 1 year ago

carepage-widgets v1.0.3-beta

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

Introduction

Collection of external widgets to be co carepage customers.

Getting Started

Installation Guide: 1. NodeJS 16+ 2. Webpack 3. Babel 4. Web components

Build and Test

  • src
    • lib
      • components
      • carepage-xx.js
    • scss
      • xxx.scss
  • index.js
  • index.html
  1. lib - Javascript web components
  2. scss - styling for the web components
  3. index.js - define the customElements created in lib
  4. index.html - export customElements to be used by legacy systems.

npm run develop

Run repo in development mode

npm run build

Build repo to generate minified carepage-widgets.min.js

How to Use

Call carepage-widgets.min.js in your website to use widget components.

  • Set review=stats|percentage to change card stats or percentage.
  • Set arrow=true|false to show arrow icon.
  • Set modal-data=object to override modal texts.
  • Set token & facilityId to access widget.
<body>
  <script src="repo-location/public/carepage-widgets.min.js"></script>
</body>
<carepage-review-rating review="stats">
  <carepage-review-hli></carepage-review-hli>
</carepage-review-rating>

Styling the component

Override variables:

  • --card-font-family -> change font
  • --card-text-color -> change font color
  • --star-color -> change star color
  • --theme-primary-color -> change theme color
  • --theme-circle-color -> change circle wrapper color
  • --card-background -> change card background
  • --backgroud-star-fill -> change radial fill background

In your css you can set variable values.

carepage-review-rating {
  --card-font-family: 'Arial', sans-serif;
  --card-text-color: #321960;
  --star-color: #FF0000;
  --theme-primary-color: green;
  --theme-circle-color: #D6F3F4;
}
@babel/core@babel/preset-envautoprefixeraxiosbabel-loadercopy-webpack-plugincss-loadercssnanocta-modalfile-loaderhtml-loaderhtml-webpack-pluginmini-css-extract-pluginnode-sasspostcss-loadersasssass-loaderscript-loaderstyle-loaderterser-webpack-pluginurl-loaderwebpackwebpack-cliwebpack-dev-server
@infinitebrahmanuniverse/nolb-care@everything-registry/sub-chunk-1295
0.0.47

1 year ago

1.0.3-beta

1 year ago

1.0.2-beta

1 year ago

1.0.1-beta

1 year ago

0.0.50

1 year ago

1.0.0-beta

1 year ago

0.0.48

1 year ago

0.0.49

1 year ago

0.0.40

1 year ago

0.0.41

1 year ago

0.0.42

1 year ago

0.0.43

1 year ago

0.0.21

2 years ago

0.0.44

1 year ago

0.0.22

2 years ago

0.0.45

1 year ago

0.0.23

2 years ago

0.0.46

1 year ago

0.0.24

2 years ago

0.0.25

1 year ago

0.0.37

1 year ago

0.0.38

1 year ago

0.0.16

2 years ago

0.0.39

1 year ago

0.0.17

2 years ago

0.0.18

2 years ago

0.0.19

2 years ago

0.0.30

1 year ago

0.0.31

1 year ago

0.0.32

1 year ago

0.0.10

2 years ago

0.0.33

1 year ago

0.0.11

2 years ago

0.0.34

1 year ago

0.0.12

2 years ago

0.0.35

1 year ago

0.0.13

2 years ago

0.0.36

1 year ago

0.0.14

2 years ago

0.0.26

1 year ago

0.0.27

1 year ago

0.0.28

1 year ago

0.0.29

1 year ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago