Skip to content

Instantly share code, notes, and snippets.

Avatar

Jesper Wøldiche woeldiche

View GitHub Profile
@woeldiche
woeldiche / advanced-view-row-as-object.js
Last active Aug 29, 2015
Template for advance view json response
View advanced-view-row-as-object.js
// Each row as an object
"advancedView": {
"allRows": true,
"dataContent": {
"aaData": [
{
"checkbox": "<div class=\"form-checkbox form-checkbox--single\"><input data-action=\"select.row\" type=\"checkbox\" id=\"select-{{@index}}\" value=\"{{@index}}\" /><label for=\"select-{{@index}}\"><span class=\"aria--visible\">{{this.id}}</span></label></div>",
"id": "<a class=\"inline-link\" data-link=\"row\" href=\"http://link-to-subscription-details.html\">{{this.id}}</a>",
"name" : "{{this.name}}",
"product" : "{{this.product}}",
@woeldiche
woeldiche / config.js
Last active Aug 29, 2015
client-side template
View config.js
var TN = TN || {};
TN.config = TN.config || {};
TN.config.list = TN.config.list || {};
TN.config.list.dropdown = TN.config.list.dropdown || {};
TN.config.list.dropdown['example-dropdown'] = {
template: "<% _(data.content).forEach(function(row) { <li><a class=\"media media--small\" href=\"#\"><div class=\"media__image leader--small\"><span class=\"img--icon img--medium\"><img src=\"<%= row.image.url %>\" width=\"<%= row.image.width %>\" height=\"<%= row.image.height %>\" alt=\"<%= row.image.alt %>\"></span></div><div class=\"media__body\"><div class=\"text-truncate\"><strong><%= row.payer %></strong></div><div class=\"text-truncate\"><%= row.accname %></div><div class=\"text-truncate\"><%= row.accnum %></div></div></a></li> }); %>",
ajaxurl: '@Model.AjaxUrl',
View template.hbs
<div data-desk-after="logo" data-mobile-append="main-menu" data-responsive>
<h2 class="aria--visible">Main menu</h2>
<ul class="menu--main mobile-one-whole tablet-one-half">
{{#each links}}
{{#if this.active}}
<li class="item--open active-trail" data-menu="tree">
<a id="main-menu--active" href="#" class="active-trail">{{this.label}}</a>
{{> menu-subnav this.menu-second}}
</li>
{{else}}
View tn.config.js
TN.config.table = TN.config.table || {};
TN.config.table.data = TN.config.table.data || {};
TN.config.table.data['example-table'] = {
serverside: false,
pipeline: 200,
ajaxurl: "src/data/my-subscriptions.json",
order: [1, 'asc'],
pagingType: 'simple_numbers',
processing: true,
language: {
View Gruntfile.js
// Generated on 2013-11-11 using generator-webapp 0.4.4
/* jshint camelcase: false */
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
View myfiles
// Generated on 2013-11-11 using generator-webapp 0.4.4
/* jshint camelcase: false */
'use strict';
// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'
View index.jade
//- Include file with mixin
include ./titles
//- Use mixin
+titlepage(title)
//- Other content
.u-containedSmall.u-trailer.u-padded
include ../includes/search
@woeldiche
woeldiche / template.php
Created Sep 23, 2011
Move fields til other regions
View template.php
<?php
/**
* Implements hook_page_alter().
* Moves field_title_image from node to 'featured' region.
* Moves secondary content from node (downloads, links) to 'sidebar-two' region.
*/
function pufdk_page_alter(&$page) {
// Declare variables
$image = array();
$secondary_content = array();
@woeldiche
woeldiche / template.php
Created Nov 28, 2012
Add classes to fields in egedal theme
View template.php
<?php
/**
* Implements template_preprocess_field().
*
* Adds classes to field based on field name.
*
* Good options are:
* - Field name: $vars['element']['#field_name'].
* - Content type: $vars['element']['#bundle'].
@woeldiche
woeldiche / videooverlay.html
Last active Dec 16, 2015
Embed vimeo, using JS API to remove itself when finished playing.
View videooverlay.html
<div style="width:100%; height:100%; clear:both; position:absolute; top: 0; left: 0; z-index:99; overflow:hidden;" id="video-layer">
<iframe id="player1" src="http://player.vimeo.com/video/63243786?api=1&player_id=player1&title=0&byline=0&portrait=0&autoplay=1" width="1200" height="675" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen style="min-height: 100%; max-height: 100%; min-width: 100%; max-width: 100%; width: 100%; height: 100%; position: absolute; z-index: 50;"></iframe>
<a class="video-link" href="#" style="position: absolute; z-index: 55; bottom: 10%; left: 10%; color: #fff;">Skip Video</a>
</div>
<script type="text/javascript">
(function ($) {
"use strict";
var f = $('#player1'),
You can’t perform that action at this time.