Skip to content

Instantly share code, notes, and snippets.

View woeldiche's full-sized avatar

Jesper Wøldiche woeldiche

  • Clearhaus A/S & Unzer
  • Aarhus, Denmark
  • X @woeldiche
View GitHub Profile
@woeldiche
woeldiche / advanced-view-row-as-object.js
Last active August 29, 2015 13:58
Template for advance view json response
// 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 August 29, 2015 14:00
client-side template
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',
<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}}
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: {
// 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'
//- 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 September 23, 2011 10:01
Move fields til other regions
<?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 November 28, 2012 10:23
Add classes to fields in egedal theme
<?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 December 16, 2015 03:09
Embed vimeo, using JS API to remove itself when finished playing.
<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'),
<script type="text/javascript">
(function ($) {
"use strict";
$(document).ready(function() {
Modernizr.load([
{
load : "/sites/all/themes/cowiscope/script/libs/jquery.fitvids.js",
callback : function() {
$('.fluid-video-wrapper').fitVids();
}