johanneslamers

{% macro getSrcSet(image, sizes, upscale) %}
	{%- spaceless %}
		{% set sizesOut = [] %}
		{% set allowScaleLarger = upscale | default(false) %}
		
		{# loop over sizes parameter and generate transforms #}
		{% for size in sizes %}
			{%- spaceless %}
				{% set currentTransform = {} %}
				

johanneslamers

Handy helpers for controlling visibility of elements until Vue has compiled.

Use like:

<div v-cloak>
  <h1>
    <span class="v-cloak--inline">Loading...</span> <!-- Only displayed before compiling -->
    <span class="v-cloak--hidden">{{ post.title }}</span> <!-- Hidden until compiling is finished -->
 

johanneslamers

<form method="POST" 
      action="/posts/3" 
      v-ajax complete="Okay, the post has been deleted."
  >
    {{ method_field('DELETE') }}
    {{ csrf_field() }}

    <button type="submit">Delete Post</button>
</form>

johanneslamers

jQuery(function($) {
    $('form[data-async]').on('submit', function(event) {
        var $form = $(this);
        var $target = $($form.attr('data-target'));

        $.ajax({
            type: $form.attr('method'),
            url: $form.attr('action'),
            data: $form.serialize(),

johanneslamers

jQuery(document).ready( function() {

    jQuery('#form').show();
    jQuery('#output').hide();
    
    jQuery('#get-detail').click( function() {
        
        var valid = true;
    
        jQuery('input[type="text"], input[type="password"], input[type="email"]').each( function() {

johanneslamers

<input type="text"
       name="home_phone"
       class="form-control"
       v-model="homePhone | phone"
       lazy>

johanneslamers

/**
 * Think of this "main.js" file as your application bootstrap.
 */

import Vue from 'vue'
import Resource from 'vue-resource'
import VueRouter from 'vue-router'
import routes from './routes'
import middleware from './middleware'

johanneslamers

#!/bin/bash

# Execute via: ./set-project-perms.sh PROJECT_NAME
# The paradigm is the entire project dir is owned by $CHOWN_USER with the group set to $CHOWN_GROUP
# $CHOWN_USER is an admin or user account that is used to edit files/templates, etc.
# $CHOWN_GROUP is the group of the webserver (e.g.: 'apache', 'nginx', 'httpd', etc.)
# The project dir permissions are set to 755 (-rwxr-xr-x) for directories and to 644 (-rw-r--r--) for files
# The permissions to $DIRS[] that need to be writeable are set to 775 (-rwxrwxr-x) for directories and
# 664 (-rw-rw-r--) for files.  Add any assets directories, etc. as necessary.
# Change $BASE_DIR to the absolute path where your websites are stored (leaving it appended with '/$1')

johanneslamers

{% trim %}

    {{ mongo.find({ deleted : { '$exists' : false } })|json_encode }}

{% endtrim %}

johanneslamers

{{ [
    { id: 1, name: "Wietse", donkerblauw: 10, blauw:  20 },
    { id: 2, name: "Thomas", groen:       20, oranje: 40 },
    { id: 3, name: "Pepper", oranje:      90, groen:   5 },
    { id: 4, name: "Henk",   blauw:       40, oranje: 20 }
]|json_encode }}