Skip to content

Instantly share code, notes, and snippets.

View fcsonline's full-sized avatar

Ferran Basora fcsonline

View GitHub Profile
[
{
"id":"HkqEDLvxE",
"gender":"male",
"parents":[
{
"id":"011jVS4rb",
"type":"blood"
},
{
@fcsonline
fcsonline / events.rb
Created January 24, 2019 08:54
Events / Commands / Callbacks / Observers / Webhooks
module ApiCore
module TeamInteractor
class Create
attr_accessor(
:team,
:team_params,
:team_metadata_params,
:author
)
@fcsonline
fcsonline / mlocate.sh
Created May 10, 2018 09:41
Disable mlocate un Ubuntu (100% CPU and 100% IO problems)
sudo chmod -x /etc/cron.daily/mlocate
sudo dpkg -P mlocate
sudo tee /etc/apt/preferences.d/disable-mlocate << EOF
Package: mlocate
Pin: release o=Ubuntu
Pin-Priority: -1
EOF
@fcsonline
fcsonline / CartList.jsx
Last active December 2, 2016 12:40
Cart - CartList
class CartList extends React.Component {
onClickItem(event, index) {
this.state.setState({
selected: [
...this.state.selected,
index
]
});
}
.cart {
border: 1px solid #ddd;
}
.cart li {
margin-bottom: 10px;
border: 1px solid red;
}
.cart li.selected {
@fcsonline
fcsonline / CartList.html
Created December 2, 2016 12:12
Cart - CartList markup
<ul class="cart">
<li>
<header>Item 1</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
<button>Remove from cart</button>
</li>
<li class="premium selected">
<header>Item 2</header>
<p>Fusce vel neque sit amet felis fermentum cursus vitae.</p>
<button>Remove from cart</button>
@fcsonline
fcsonline / Cart.html
Created December 2, 2016 12:00
Cart - Markup
<ul>
<li>
<div>
<header>Item 1</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
<button>Remove from cart</button>
</div>
</li>
<li class="selected"> <!-- More clear responsibilities (SelectList) -->
<div class="premium"> <!-- More clear responsibilities (CartItem) -->
.selectable-list {
border: 1px solid #ddd;
}
.selectable-list li {
padding-bottom: 10px; /* margin to padding ;) */
}
.selectable-list .selected {
background-color: blue;
}
@fcsonline
fcsonline / CartItem.jsx
Created December 2, 2016 11:53
Cart - CartItem
class CartItem extends React.Component {
onClickRemove () {
// Go to your store and remove item
}
render() {
const { item } = this.props;
const isPremium = item.premium ? 'premium' : '';
return (
@fcsonline
fcsonline / SelectableList.jsx
Created December 2, 2016 11:45
Cart - SelectableList
class SelectableList extends React.Component {
onClickItem(event, index) {
this.state.setState({
selected: [
...this.state.selected,
index
]
});
}