<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="dist/elao-admin.css">
    <script src="dist/elao-admin.js" async></script>
  </head>
  <body>
    <script>
    window.addEventListener('load', function onLoad() {
      const { Collapsible, Drop, Tree, MobileSidebar } = elaoAdmin;

      Collapsible.init();
      Drop.init();
      Tree.init();
      MobileSidebar.init();
    });
    </script>
  </body>
</html>

In your app's build:

/* assets/js/app.js */
import { Collapsible, Drop, Tree, MobileSidebar } from '@elao/admin';
// Or with ADM Modules:
const { Collapsible, Drop, Tree, MobileSidebar } = require('@elao/admin');

Collapsible.init();
Drop.init();
Tree.init();
MobileSidebar.init();

/* assets/style/app.scss */

// Import Work Sans font
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600&display=swap');

// Import elao/admin main style file.
@import '@elao/admin';

// Customize style with variables
@import './variables';

/* assets/style/variables.scss */
:root {
  --primary: #e63218;
  --primary--dark: #b11803;
  --text: #51607a;
  --text--dark: #384257;
  --text--light: #9e9a9a;
  --text--lighter: #bcb7b7;
  --border: #faeded;
  --border--dark: #f2d2d2;
  --background: #fafaff;
  --background--dark: #e2e4f7;
  --disabled: #edeefa;
  --success: #00cc99;
  --warning: #ffca28;
  --danger: #ef4055;
  --primary-font: 'Work Sans';
}

$screen-sm: 750px;
$screen-md: 1000px;

Features

Choices dropdown

Contributing

To the library

Install dependencies:

make install

Build with:

make build

To the demo

The demo application lives inside the demo folder:

cd demo

It's a Symfony application used to dynamically generate a static site with Stenope with random but realistic data.

It requires: - PHP 7.4+ and a local Symfony CLI install. - Node 16+ and NPM 7

In order to boot the application for development purposes, you need to build the library if not already done:

cd ../
make build
cd demo

Then, you need to start a Symfony web server to expose the application, as well as a Webpack dev-server to build assets with HMR enabled.

make start

Will start both.
The Symfony server command outputs the URL (in the big green rectangle) at which will be available the application (usually http://127.0.0.1:8000)

Publish a new version

Update the version in package.json
Create a new release and tag for this version with release X.Y.Z and tag vX.Y.Z.

Fontello

make fontello-push will open your fontello project on http://fontello.com/.
Modify your font on http://fontello.com/ then click on "Save session".
make fontello-pull will download your modifications and update project files.
Commit the modifications.

FAQs

What is @elao/admin?

Is @elao/admin well maintained?

Package last updated on 26 Nov 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

@elao/admin

Elao admin

Installation

Usage

In HTML page