open-index/open-npm huggingface dataset:
npm package: @savantly/ngx-graphexp
Description: Gremlin client [Tinkerpop] for an Angular app
Author: Jeremy@Savantly.net
Latest version: 1.0.5

# ngx-graphexp
GraphExp plugin for Angular

## Installation  
yarn -  

    yarn add @savantly/ngx-graphexp

npm -  

    npm install @savantly/ngx-graphexp  


## Usage  
Import the required modules into your application  

    import { GraphexpModule, GraphexpService } from '@savantly/ngx-graphexp';
    import { GremlinClientOptions } from '@savantly/gremlin-js';  

Create an instance of the GraphexpService, passing in a configuration object -  

    export const graphexpService = new GraphexpService(new GremlinClientOptions());  
    
Use the component in your application, passing in custom options -  

    import { GraphConfig, GraphexpService } from '@savantly/ngx-graphexp';
	import { Component } from '@angular/core';
	
	@Component({
	  selector: 'sv-root',
	  template: '<sv-graphexp [graphexpService]="service" [graphConfig]="graphConfig"></sv-graphexp>',
	  styleUrls: ['./app.component.css']
	})
	export class AppComponent {
	
	  graphConfig: GraphConfig = new GraphConfig();
	
	  constructor (public service: GraphexpService) {
	    this.graphConfig.nodeLabels = ['god', 'titan', 'demigod', 'human', 'monster', 'location'];
	    this.graphConfig.linkLabels = ['is_father_of', 'has_pet', 'lives_in'];
	  }
	
	}


## Default GraphConfig options   

[graphConfig.ts](./src/app/modules/graphexp/graphViz/graphConfig.ts)  

## Default GremlinClientOptions  

[gremlin.client.options.ts](https://github.com/savantly-net/gremlin-js/blob/master/src/gremlin/gremlin.client.options.ts)  


## Screenshots 


![example](./examples/example.png)  

![menu](./examples/example_menu.png)  

Select a label and add properties to the node  
![create node](./examples/example_create_node.png)  

shift-drag to create a new connection between nodes  
![drag link](./examples/example_drag_link.png)  

Select the label and add properties to the link  
![create link](./examples/example_create_link.png)
npm package: @savantly/ngx-gremlin
Description: Gremlin client [Tinkerpop] for an Angular app
Author: Jeremy@Savantly.net
Latest version: 1.0.1

# ngx-graphexp
GraphExp plugin for Angular



![example](./examples/example.png)  

![menu](./examples/example_menu.png)  

Select a label and add properties to the node  
![create node](./examples/example_create_node.png)  

shift-drag to create a new connection between nodes  
![drag link](./examples/example_drag_link.png)  

Select the label and add properties to the link  
![create link](./examples/example_create_link.png)
npm package: @savantly/ngx-inline-edit
Description: [![Build Status](https://travis-ci.org/savantly-net/ngx-inline-edit.svg?branch=master)](https://travis-ci.org/savantly-net/ngx-inline-edit)
Author: Jeremy Branham
Latest version: 0.3.0

[![Build Status](https://travis-ci.org/savantly-net/ngx-inline-edit.svg?branch=master)](https://travis-ci.org/savantly-net/ngx-inline-edit)  

# ngx-inline-edit
Inline editing for Angular and Material

An input box appears when you click on the text, with confirm/cancel buttons.  
I use this as an alternative to submitting an entire form. Whereas a single field, when modified, can be sent to persistent storage.  
Easy peasy!  

Feel free to create PRs and suggest updates.  

See this example - [example use](./src/app/)   


## Example 

Install `npm install @savantly/ngx-inline-edit`  

Include the module in your project -  

    import { BrowserModule } from '@angular/platform-browser';
	import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
	import { NgModule } from '@angular/core';
	
	
	import { AppComponent } from './app.component';
	import { InlineEditModule } from '@savantly/ngx-inline-edit';
	
	
	@NgModule({
	  declarations: [
	    AppComponent
	  ],
	  imports: [
	    BrowserModule,
	    BrowserAnimationsModule,
	    InlineEditModule
	  ],
	  providers: [],
	  bootstrap: [AppComponent]
	})
	export class AppModule { }


Use the directive -  

    <inline-input-edit 
        [label]="'Test Label'" 
        [required]="true" 
        [prefix]="'<b>$</b>&nbsp;'" 
        [changed]="onChange"
        ([value])="value">
    </inline-input-edit>



![Example](./examples/example.png)  


![Editing](./examples/example_editing.png)  


![Editing2](./examples/example_editing2.png)  


![Viewing](./examples/example_viewing.png)