Skip to content

Instantly share code, notes, and snippets.

View felisio's full-sized avatar
🏠
Working from home

Fabio Elisio felisio

🏠
Working from home
  • Vila Nova de Gaia - Porto - Portugal
View GitHub Profile
@felisio
felisio / webpack.base.conf.js
Created July 6, 2016 12:49 — forked from vedovelli/webpack.base.conf.js
webpack base config for vue cli with support for Bootstrap and Font-awesome
var path = require('path')
module.exports = {
entry: {
app: './src/main.js'
},
output: {
path: path.resolve(__dirname, '../dist/static'),
publicPath: '/static/',
filename: '[name].js'
@felisio
felisio / actions.js
Created July 12, 2016 15:03
generic actions
mport Vue from 'vue'
console.log(Vue.http);
export const resources = {
employees : Vue.resource('employees{/id}')
}
export function getAllEmployees({ dispatch }) {
resources.employee.get('/employees').then((resp)=>{
@felisio
felisio / gulpfile.js
Created November 13, 2015 13:43
Gulpfile for React.js include Watchify + Babelify + Browser-sync
'use strict';
// gulpfile.js
var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var browserify = require('browserify');
var watchify = require('watchify');
var babelify = require('babelify');
@felisio
felisio / an-component.vue
Created October 17, 2016 11:39 — forked from vinicius73/an-component.vue
Helpers to filter collections
<script>
// an component
import { orderBy, isEmpty } from 'lodash';
import filterByName from '../helpers/filters/by-name';
// omit
computed: {
listOrdened() {
const { orderBy as by, order } = this.configs;
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import Hello from './components/Hello.vue'
import Comp from './components/Comp.vue'
Vue.use(VueRouter)
const routers = [
{ path: '/hello', component: Hello },
@felisio
felisio / styles.less
Created January 6, 2017 14:52
Atom Styles
atom-workspace {
font-family: 'Fira Code';
font-size: 12px;
}
atom-text-editor {
font-family: 'Fira Code';
font-style: normal;
text-rendering: optimizeLegibility;
}
@felisio
felisio / gulpfile.js
Created February 17, 2017 13:04
Gulp Generate
const gulp = require('gulp');
const template = require('gulp-template');
const rename = require('gulp-rename');
const path = require('path');
const yargs = require('yargs');
const appRoot = require('app-root-path');
const loadsh = require('lodash');
require('./contains');
/*
@felisio
felisio / AnimatedScrollView.js
Last active June 3, 2017 23:35
R.N. AnimatedScrollView
import React, { PureComponent } from 'react';
import { View, Image, ListView, Text, Animated } from 'react-native';
import styles from './styles';
const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
export default class AnimatedScrollView extends PureComponent {
constructor(props) {
super(props);
this.state = {
@felisio
felisio / service_angular1.js
Created June 20, 2017 13:50
esqueleto do service para angular 1
/*
* servicos para o site
*/
var $service = angular.module('app.services', []);
//-----------processo de Autenticação do usuario ----------------------------------//
//Factory para autenticação
$service.factory('AuthService', function ($rootScope, $http, Session) {
@felisio
felisio / manifest.json
Created September 7, 2017 09:59
example manifest json
{
"name": "My Progressive Web App",
"short_name": "PWA",
"start_url": "/index.html", // qual pagina sera iniciada
"scope": ".", // quais paginas serão incluidas na experiencia do PWA
"display": "standalone", // seu pwa ira funcionar de forma autonoma
"background_color": "#fff", // qual a cor sera usada enquanto estiver carregando (ou coloque o splashscreen)
"theme_color": "#3f51b5", // cor do tema ( customiza a barra de cima do celular )
"description": "Pwa de estudo", // desrição
"dir": "ltr", // indica a direção de laitura do seu app ltr - leftToRight