Skip to content

Instantly share code, notes, and snippets.

View DoubleMarv's full-sized avatar

Barry Marv DoubleMarv

1 follower · 0 following
View GitHub Profile
@DoubleMarv
DoubleMarv / gist:57ab7bbde89e9c1852e5f1b854a756f9
Created October 12, 2017 09:21
Angular to parse JSON feed and toggle sections
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<body>
<div ng-app="myApp" ng-controller="gettheposts">
<form>
<input type="button" id="show-section1" value="Section 1" ng-click="section(1)" ng-class="{'btn-primary': is(1)}" />
<input type="button" id="show-section2" value="Section 2" ng-click="section(2)" ng-class="{'btn-primary': is(2)}" />
<input type="button" id="show-section3" value="Section 3" ng-click="section(3)" ng-class="{'btn-primary': is(3)}" />
@DoubleMarv
DoubleMarv / gist:8c8b49f85ecdbc7583c732c10224a220
Created October 13, 2017 15:35
30/70 slanted divs
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js">
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.css">
<style>
body {
background-color: #dcdcdc;
@DoubleMarv
DoubleMarv / Vue show
Last active October 25, 2017 10:38
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<!--[if lt IE 9]>
@DoubleMarv
DoubleMarv / gist:2c05553709bd7b02e29b88b8c79c4ea9
Created November 7, 2017 09:59
Vue js parse JSON
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<!--[if lt IE 9]>
@DoubleMarv
DoubleMarv / Angular Search by Single Word on a button
Created November 10, 2017 08:35
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<title>Angluar</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
</head>
@DoubleMarv
DoubleMarv / gist:2f23cac7db38db0ae53c37eaf6f4318b
Last active November 14, 2017 14:26
Update and fetch from mySQL with Angular
<!DOCTYPE html>
<!-- index.php !-->
<html>
<head>
<title>Webslesson Tutorial | AngularJS Tutorial with PHP - Insert Data into Mysql Database</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js"></script>
</head>
<body>
<br /><br />
@DoubleMarv
DoubleMarv / gist:e92fbe6f5abea458438760e7bb017dde
Created February 20, 2018 00:11
Button filterable Google Maps with custom icons and custom styling
<section class="locations-map">
<div class="container">
<div class="row">
<div class="columns large-6">
<script src="https://maps.googleapis.com/maps/api/js?key=MY-api-KEY&sensor=true&language=ee&dummy=dummy.js"></script>
<div id="map-canvas"></div>
<button id="kerry" onClick="hideCounty(this.id);">Kerry</button>
<button id="cork" onClick="hideCounty(this.id);">Cork</button>
<button id="limerick" onClick="hideCounty(this.id);">Limerick</button>
@DoubleMarv
DoubleMarv / gist:c7db0a6a508d4d50f55dc85c28ef2bda
Created February 20, 2018 09:24
Cockpit cms outputting with angular
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cover - Free Bulma template</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- Bulma Version 0.6.0 -->
@DoubleMarv
DoubleMarv / V-for inside a component
Created March 14, 2018 11:50
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
@DoubleMarv
DoubleMarv / gist:324bd7255b8200d17a249080cb42a7a3
Created March 26, 2018 10:22
Vue Search Titles (v-for loop) with v-model text input
<section id="app">
<!-- ////////////////// -->
<div class="field">
<label class="label">Search</label>
<div class="control">
<input class="input" type="text" placeholder="Text input" v-model="searchQuery" value="Autism">
</div>
<p class="help">This is a help text</p>
</div>
<!-- ////////////////// -->