Skip to content

Instantly share code, notes, and snippets.

View nelsson's full-sized avatar

Nelson Villafuerte Orbezo nelsson

View GitHub Profile
@nelsson
nelsson / wp-role-bodyclass.php
Created November 27, 2017 17:02 — forked from jancbeck/wp-role-bodyclass.php
WordPress: Add user role class to body tag
<?php
// Add role class to body
function add_role_to_body($classes) {
global $current_user;
$user_role = array_shift($current_user->roles);
$classes .= 'role-'. $user_role;
return $classes;
@nelsson
nelsson / TextField.js
Last active March 22, 2019 17:31
Form with Formik in react
import React from 'react'
import { withProps } from 'recompose'
import { Formik, Field, Form } from 'formik'
import Button from '@material-ui/core/Button'
import { Search as SearchIcon } from '@material-ui/icons'
import IconButton from '@material-ui/core/IconButton'
import { TextField } from 'formik-material-ui'
let isSubmitting = true
const InputField = () => {
import React from 'react'
import { useState } from 'react'
import PropTypes from 'prop-types'
import { Formik, Form } from 'formik'
import { TextField } from '@bah/ui'
import { withStyles } from '@material-ui/core/styles'
import { default as VisibilityIcon } from '@material-ui/icons/VisibilityOutlined'
import { default as VisibilityOffIcon } from '@material-ui/icons/VisibilityOffOutlined'
export const colors = {
BrandPrimary: '#4af6cd',
BrandSecondary: '#1a2026',
BrandTerciary: '#6d64ce',
Black: '#000000',
White: '#ffffff',
DarkGray1: '#979797',
DarkGray2: '#3d444b',
DarkGray3: '#4a4a4a',
DarkGray4: '#909090',
{
"name": "@bah/worspace",
"version": "0.1.0",
"main": "index.js",
"author": "@bairesdev",
"license": "UNLICENSED",
"private": true,
"workspaces": [
"packages/*"
],
<mat-card class="card card--{{state}} mat-card" *ngIf=iscomplete fxLayout="row">
<a *ngIf=template_a href="{{link}}" target="_blank">
<div class="check-status">
<mat-icon>check</mat-icon>
</div>
<mat-card-header class="mat-card-header">
<mat-card-title>{{title | truncate : 14}}</mat-card-title>
<mat-card-subtitle>{{subtitle | truncate : 14}}</mat-card-subtitle>
</mat-card-header>
<mat-card-content class="mat-card-content">
<div class="section-profiles">
<app-profile
class="app-profile app-profile--complete"
state="completo"
template="a"
subtitle="subtitulo"
title="Datos Personales"
content="Text here"
cta="+ Detalle"
link="http://google.com"
@nelsson
nelsson / mailing.html
Created May 5, 2019 16:21
Html para enviar al cliente o empresa cuando llenan un formulario
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="target-densitydpi=device-dpi">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0"/>
</head>
<body style="text-align: center;">
<div align="center" style="margin-left:auto;margin-right:auto;">
import React from "react";
import PropTypes from "prop-types";
import {
StyleSheet,
View,
TouchableNativeFeedback,
TouchableWithoutFeedback,
Platform,
Image,
Linking
@nelsson
nelsson / usos-map.js
Created May 27, 2019 04:56
formas de usar map en react
import React from 'react';
import ItemList from './ItemList';
function Features() {
const list = [
{
title: '524 carbon credits available',
description: 'This project generates 750 credits per year',
},
{