Abel Masila abel-masila

⚛️

Shipping code!

Frontend Engineer

abel-masila / jsonsdata.json

Last active May 28, 2018 16:25

	{
	"filedata": [
	{
	"date_issued": "2018-03-27",
	"transaction_type": "IMPORT",
	"policy_number": "DSM/MARC/POL/0202762",
	"open_cover": false,
	"icc": "ICC-A",
	"insured_name": "GALCO LIMITED",
	"insured_email": "[email protected]",

abel-masila / reqData.json

Created May 27, 2018 11:58

abel-masila / json1.js

Created May 21, 2018 19:50

	const data=[
	{
	"date_issued": "2018-01-25",
	"transaction_type": "IMPORT",
	"policy_number": "jub/2018/0298",
	"OPEN COVER (YES or NO)": "YES",
	"endorsement_number": "jub/2018/0298/001",
	"icc": "ICC-A",
	"insured_name": "Another buyer",
	"insured_email": "[email protected]",

abel-masila / json.json

Last active May 21, 2018 11:23

	[
	{
	"COVER ISSUE DATE ": "25-Jan-2018",
	"IMPORT / EXPORT": "IMPORT",
	"POLICY NUMBER": "jub/2018/0298",
	"OPEN COVER (YES or NO)": "YES",
	"ENDORSEMENT NUMBER": "jub/2018/0298/001",
	"ICC CLASS (ICC-A, ICC-B or ICC-C)": "ICC-A",
	"INSURED NAME": "Another buyer",
	"INSURED EMAIL ADDRESS": "[email protected]",

abel-masila / qoutes.js

Last active May 2, 2018 09:39

	const selectedGoods = quote.selected_goods;
	if(this.goodsValidator.allValid()){
	this.goodsValidator.hideMessages();
	selectedGoods.push(selectedGood);
	}else {
	this.goodsValidator.showMessages();
	// rerender to show messages for the first time
	this.forceUpdate();
	}

abel-masila / promise.js

Created April 24, 2018 14:10

	//async promise with user input
	const asyncAdd=(a,b)=>{
	return new Promise((resolve,reject)=>{
	setTimeout(()=>{
	if(typeof a=== 'number' && typeof b==='number'){
	resolve(a+b);
	}else {
	reject('Arguments must be numbers');
	}
	},1500)

abel-masila / promises-chaining.js

Created April 24, 2018 11:16

	axios.get(geocodeURL).then((response)=>{
	if(response.data.status==='ZERO_RESULTS'){
	throw new Error('Unable to find that address!');
	}

	const lat=response.data.results[0].geometry.location.lat;
	const lng=response.data.results[0].geometry.location.lng;

	const weatherURL=`https://api.darksky.net/forecast/3708bcb6e2a477e7fb94de8fd3ecdfab/${lat},${lng}`;

abel-masila / form-validation.js

Created April 18, 2018 13:36

	import validator from 'validator';

	class FormValidator{
	constructor(validations) {
	// validations is an array of validation rules specific to a form
	this.validations = validations;
	}
	validate(state){
	// start out assuming valid
	let validation = this.valid();

abel-masila / BlankState.jsx

Created March 7, 2018 12:52

	import React, { Component } from 'react';

	import loading_icon from '../images/ellipsis.gif';

	export default class BlankState extends Component {

	constructor(props){
	super(props);

	let { data = [], dataName = 'Info', isDataLoading, customMessage } = this.props;

abel-masila / Scope.js

Created February 25, 2018 14:57