Skip to content

Instantly share code, notes, and snippets.

View MacKentoch's full-sized avatar
👨‍💻

Erwan DATIN MacKentoch

👨‍💻
232 followers · 17 following
  • France
View GitHub Profile
@MacKentoch
MacKentoch / createJavascriptObject.js
Last active August 29, 2015 14:22
define a class in javascript
//////////////////////////
// definition
//////////////////////////
//class definition
function Programmer(name, favoriteLanguage){
//object properties
this.name = name;
this.favoriteLanguage = favoriteLanguage;
@MacKentoch
MacKentoch / AngularJS : Pass Data Between Controller.html
Last active August 29, 2015 14:24
AngularJS : share data between controller
<!DOCTYPE html>
<html><head>
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}</style>
<title>AngularJS Services</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js" type="text/javascript"></script>
@MacKentoch
MacKentoch / Angular JS : provider - factory -config - good writing as object.html
Last active August 29, 2015 14:24
Angular JS : good way to write angular + provider + factory + config app
<!DOCTYPE html>
<html><head>
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}</style>
<title>AngularJS Services</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js" type="text/javascript"></script>
@MacKentoch
MacKentoch / angularparse.html
Last active August 29, 2015 14:26
AngularJS : $parse on array of object
<!doctype >
<html ng-app="app">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.js"></script>
</head>
@MacKentoch
MacKentoch / angular_clock.js
Last active August 29, 2015 14:27
an angular clock directive
angular
.module('edaApp', [])
.directive('edaClock', [
'$timeout',
function($timeout){
/**
* should be in a provider or at least a service
*/
var htmlTemplate = [
@MacKentoch
MacKentoch / menu_button.html
Last active August 29, 2015 14:27
a nice menu button
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="utf-8">
<title>a nice menu button</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css">
@MacKentoch
MacKentoch / angular - change css on scroll - directive.js
Last active August 29, 2015 14:27
/**
*
* Directive :
*
* trigger bool 'scrollChCssTriggerValue' change
* when document scrolls more than 'scrollChCssTriggerValue'
*
* @PARAM : scrollChCssFlag : scope value - object { scrollChCssTriggerValue: booolValue}
* @PARAM : scrollChCssTriggerValue : attribute - number
*
@MacKentoch
MacKentoch / angular formly contains angular formly.html
Last active September 17, 2015 20:13
answer or suggestion : How to get the data from a directive field type
<!DOCTYPE html>
<html>
<head>
<!-- Twitter bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<!-- apiCheck is used by formly to validate its api -->
<script src="https://rawgit.com/kentcdodds/apiCheck.js/master/dist/api-check.js"></script>
<!-- This is the latest version of angular (at the time this template was created) -->
@MacKentoch
MacKentoch / upgrade NodeJS (bash)
Last active November 9, 2015 06:59
sudo npm cache clean -f
sudo npm install -g n
@MacKentoch
MacKentoch / check template cache item content from console.js
Created November 14, 2015 12:49
//in console (chrome)
var templatesToCheck = 'svg/decoration/info-512px.svg';
var ngAppElem = angular.element(document.querySelector('[ng-app]') || document); //works even if you manually bootstraped (ie ES6 app)
ngAppElem.injector().get('$templateCache').get(templateToCheck);