Giter VIP home page Giter VIP logo

amexio-atom-extension's Introduction

Amexio Angular Extensions for Atom

This extension will help the developers of Atom with quick code snippet for the Amexio Angular Markup as well as Angular TypeScript.

Usage

Demo

Select the Amexio Ui Component

### Fill up the required Component Params

## Requirements

Install Amexio to enhance your Angular Project.

Amexio Angular Extension - Installation

To install this library, follow the steps given below:

$ cd your-angular-project
$ npm install amexio-ng-extensions --save

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule,FormsModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { AmexioWidgetModule,CommonHttpService } from 'amexio-ng-extensions';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AmexioWidgetModule,
    FormsModule
  ],
  providers: [CommonHttpService],
  bootstrap: [AppComponent]
})
export class AppModule { }

Include this in your app's angular-cli.json file

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../src/assets/messenger-theme-air.css",
        "../src/assets/messenger.css",
        "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css",
        "../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.min.css",
        "../node_modules/jquery-bootstrap-scrolling-tabs/jquery.scrolling-tabs.min.css",
        "styles.css"
      ],
      "scripts": ["../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/jquery-bootstrap-scrolling-tabs/jquery.scrolling-tabs.min.js",
        "../src/assets/messenger.js",
        "../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js",
        "../node_modules/bootstrap-datepicker/dist/locales/bootstrap-datepicker.en-GB.min.js",
        "../node_modules/bootstrap-timepicker/js/bootstrap-timepicker.min.js"],

If not using cli then simply add it to the index.html head.

Once your library is imported, you can use its components, directives and pipes in your Angular application:

<!-- You can now use your library component in app.component.html -->
<amexio-text-input></amexio-text-input>

Installing Extension in Atom

In the install package section look for "MetaMagic-Amexio" (https://atom.io/packages/MetaMagic-Amexio) package

Known Issues

--

Release Notes

1.X.X

Amexio Atom Extension supports Amexio Varanasi http://www.amexio.org/showcaseapp/v1/index.html#/home Amexio Atom Extension supports Amexio Hampi http://www.amexio.org/showcaseapp/v2/index.html#/home

License

Apache 2.0 © MetaMagic Global Inc, 2017. Amexio Angular Extensions

Enjoy!

amexio-atom-extension's People

Contributors

anaghak07 avatar arafkarsh avatar ashwiniagre avatar ashwiniagre1 avatar pratikthecook avatar rashmithakkar avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.