@momsfriendlydevco/angular-ui-history

Simple history display component for Angular

Usage no npm install needed!

<script type="module">
  import momsfriendlydevcoAngularUiHistory from 'https://cdn.skypack.dev/@momsfriendlydevco/angular-ui-history';
</script>

README

angular-ui-history

Simple history display component for Angular.

Demo.

Installation

  1. Grab the NPM
npm install --save @momsfriendlydevco/angular-ui-history
  1. Install the required script + CSS somewhere in your build chain or include it in a HTML header:
<script src="/libs/angular-ui-history/dist/angular-ui-history.min.js"/>
<link href="/libs/angular-ui-history/dist/angular-ui-history.min.css" rel="stylesheet" type="text/css"/>

This module also requires several third party dependencies to be exposed:

<script src="/libs/angular-gravatar/build/angular-gravatar.min.js"></script>
<script src="/libs/angular-relative-date/dist/angular-relative-date.min.js"></script>
<script src="/libs/@momsfriendlydevco/angular-bs-tooltip/dist/angular-bs-tooltip.min.js"></script>
<script src="/libs/quill/dist/quill.min.js"></script>
<script src="/libs/ng-quill/dist/ng-quill.min.js"></script>
<script src="/libs/quill-image-drop-module/image-drop.min.js"></script>
<script src="/libs/quill-mention/dist/quill.mention.min.js"></script>
<link rel="stylesheet" href="/libs/quill-mention/dist/quill.mention.min.css">
<link rel="stylesheet" href="/libs/quill/dist/quill.snow.css">
  1. Include the router in your main angular.module() call:
var app = angular.module('app', ['angular-ui-history'])
  1. Use somewhere in your template:
<ui-history query-url="'/api/history'" allow-post="true" allow-upload="true"></ui-history>

A demo is also available in the source code - see follow the instructions in the demo directory.

API

This package profiles the following directives: