Skip to content

Instantly share code, notes, and snippets.

Daniel Zuzevich DZuz14

Block or report user

Report or block DZuz14

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View script.php
// The below command is creating a variable that loads the 'departures' template, and loads its children.
// I am curious as to where the date is getting it's instructions on how to display itself.
// Hoping you can shed some light onto the subject.
$departures = $page->get('template=departures')->children('template=departure');
<div class="ctaBox-departure">
<label for="departure">
<?=__('Departure Date')?>: </label>
<select name="departure">
@DZuz14
DZuz14 / Slider.js
Created Jan 29, 2017
Start of the higher order component
View Slider.js
import React, { Component } from 'react';
export default class Slider extends Component {
constructor(props) {
super(props);
this.state = {}
}
render() {
@DZuz14
DZuz14 / SlideThree.js
Created Jan 29, 2017
One of the three slides in the slider.
View SlideThree.js
import React, { Component } from 'react';
const SlideThree= (props) => {
return <div className="slide"></div>
}
export default SlideThree;
@DZuz14
DZuz14 / SlideThreeWithImage.js
Last active Jan 29, 2017
One of the slide components with a background image added
View SlideThreeWithImage.js
import React, { Component } from 'react';
const SlideThree= (props) => {
let background = {
backgroundImage: 'url(aurora.jpg)',
backgroundSize: 'cover',
backgroundPosition: 'center'
}
@DZuz14
DZuz14 / Slider.js
Created Jan 29, 2017
Slider with conditionals added
View Slider.js
import React, { Component } from 'react';
import SlideOne from './SlideOne';
import SlideTwo from './SlideTwo';
import SlideThree from './SlideThree';
export default class Slider extends Component {
constructor(props) {
super(props);
this.state = {
@DZuz14
DZuz14 / ArrowComponents.js
Last active Jul 29, 2018
Left And Right Arrows
View ArrowComponents.js
import React from 'react';
const RightArrow = () => {
return (
<div className="nextArrow">
<i className="fa fa-arrow-right fa-2x" aria-hidden="true"></i>
</div>
);
}
View SliderWithFunctionsAdded.js
import React, { Component } from 'react';
import SlideOne from './SlideOne';
import SlideTwo from './SlideTwo';
import SlideThree from './SlideThree';
import RightArrow from './RightArrow';
import LeftArrow from './LeftArrow';
export default class Slider extends Component {
constructor(props) {
super(props);
View ArrowClickHandlers.js
import React, { Component } from 'react';
const RightArrow = (props) => {
return (
<div onClick={props.nextSlide} className="nextArrow">
<i className="fa fa-arrow-right fa-2x" aria-hidden="true"></i>
</div>
);
}
View New-Slider.js
/*
This is an example of what I am reverting it to.
For full view of the code, visit the repository here https://github.com/DZuz14/react-slider
*/
// This is the Main Slider Component now
import React, { Component } from 'react';
import Slide from './Slide';
@DZuz14
DZuz14 / AddAlarm.js
Last active May 31, 2017
React Native Component
View AddAlarm.js
import React, { Component } from 'react'
import { View, Text, Switch, NativeModules, AsyncStorage } from 'react-native'
import { Slider, Button, FormLabel, FormInput } from 'react-native-elements'
import { medgrey, darkgrey, green, white } from '../utils'
// Java Bridge Component to Native AlarmManager API
const AlarmManager = NativeModules.AlarmManager
export default class AddAlarm extends Component {
constructor(props) {
You can’t perform that action at this time.