marufsiddiqui

Yeoman + Compass Sprites

Setup

generator-webapp has support for compass out of the box. However, in order to use one of my favorite features of it — sprites and the image_url helper — you have to make some adjustments to the Gruntfile.

Let's assume you use a SASS stylesheet like this one:

@import "design/*.png"

marufsiddiqui

/Users/newscred/python-env/cms/bin/python /Applications/PyCharm.app/helpers/pydev/pydevd.py --multiproc --client 127.0.0.1 --port 56390 --file /Users/newscred/Sites/python/cms/manage.py runserver 8000
pydev debugger: process 1828 is connecting

Connected to pydev debugger (build 125.92)
pydev debugger: process 1831 is connecting

Validating models...

0 errors found
Django version 1.4, using settings 'cms.settings'

marufsiddiqui

<div class="nc-comments nc-disqus">
                <div id="disqus_thread"></div>
                <script type="text/javascript">
                    var disqus_shortname = '{{ module.query }}';
                    var disqus_identifier = '{{ request.build_absolute_uri }}';

                    /* * * DON'T EDIT BELOW THIS LINE * * */
                    (function () {
                        var dsq = document.createElement('script');
                        dsq.type = 'text/javascript';

marufsiddiqui

function getImages(uri) {
    var request = require('request');
    var url = require('url');
    var cheerio = require('cheerio');
    path = require('path')
    var fs = require('fs');
 
    request(uri, function (error, response, body) {
        if (!error && response.statusCode == 200) {
            $ = cheerio.load(body)

marufsiddiqui

var shoppingModule = angular.module('ShoppingModule', []);

    shoppingModule.factory('Items', function () {
        var items = {};

        items.query = function () {
            return [
                {title: 'Paint pots', description: 'Pots full of paint', price: 3.95},
                {title: 'Polka dots', description: 'Dots with polka', price: 2.95},
                {title: 'Pebbles', description: 'Just little rocks', price: 6.95}

marufsiddiqui

var homeModule = angular.module('HomeModule', []);

homeModule.filter('titleCase', function () {
  return function (input) {
    var words = input.split(' ');
    for (var i = 0; i < words.length; i++) {
      words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1);
    }
    return words.join(' ');
  }

marufsiddiqui

//src : http://tech.pro/tutorial/1318/progressively-enhancing-html5-forms-creating-a--required--attribute-fallback-with-jquery
$(function () {

    // feature detect
    var supportsRequired = 'required' in document.createElement('input')

    // loop through required attributes
    $('[required]').each(function () {

        // if 'required' isn't supported

marufsiddiqui

var removeLock = function (mod) {

        var $mod = getModByID(mod);
        $mod
            .find('.module-not-editable').remove().end()
            .removeClass('not-editable');
    };

marufsiddiqui

{
    row:[{
	    id:1,
		column: [{
			id:1,
			width: 100%,
			height: 100%,
			css_class: test
		}]
	},

marufsiddiqui

function email_test()
{
    $this->layout = 'email/html/default';
    $user = $this->User->findById(1);
    $this->set('name', $user['User']['firstname']);
    $this->set('email_heading', 'Welcome to My App');
    return $this->render('/elements/email/html/welcome');
}

// Source http://stackoverflow.com/questions/12501561/how-do-i-test-an-html-email-template-on-cakephp