Jan Viehweger janviehweger

Angular module structure (proposal)

Everyone who's reading this, please leave your opinion/ideas/proposals as a comment for a better world!

Background

Most of you guys read Josh' proposals to make components more reusable, I think. Now, reading through this proposals definitely gives a feeling that this is the right way. Anyways, If you haven't read it yet, you should.

So Josh shows us, how angular apps can be structured in a better and more reusable way. Reusability is a very important thing when it comes to software development. Actually the whole angularjs library follows a philosophy of reusability. Which is why you able to make things like:

	<?php
	namespace FluidTYPO3\Demo\Domain\Model;

	use TYPO3\CMS\Extbase\DomainObject\AbstractEntity;
	use TYPO3\CMS\Extbase\Persistence\ObjectStorage;

	/**
	* Domain Model: Simple entry with tag relations.
	*
	* The annotations on the class-level doc comment define

	wget get.typo3.org/4.5 -O typo3_src-4.5.40.tar.gz && tar xzf typo3_src-4.5.40.tar.gz && ln -snf typo3_src-4.5.40 typo3_src-4.5
	wget get.typo3.org/6.2 -O typo3_src-6.2.27.tar.gz && tar xzf typo3_src-6.2.27.tar.gz && ln -snf typo3_src-6.2.27 typo3_src-6.2
	wget get.typo3.org/7 -O typo3_src-7.6.11.tar.gz && tar xzf typo3_src-7.6.11.tar.gz && ln -snf typo3_src-7.6.11 typo3_src-7
	wget get.typo3.org/8 -O typo3_src-8.3.1.tar.gz && tar xzf typo3_src-8.3.1.tar.gz && ln -snf typo3_src-8.3.1 typo3_src-8

	// Fonts mixin
	font-url(file)
	return '../fonts/' + file

	webfont(family, file, hack-chrome-windows = false, weight = 'normal')
	@font-face
	font-family family
	src url(font-url(file + '.eot'))
	src url(font-url(file + '.eot?#iefix')) format('embedded-opentype'),
	url(font-url(file + '.woff')) format('woff'),

	/http://i-skool.co.uk/mobile-development/web-design-for-mobiles-and-tablets-viewport-sizes//
	/At least requires the meta viewport tag with content 'width=device-width'/
	@media only screen and (max-width: 1080px) and (orientation : portrait) {
	/* PORTRAIT:
	Windows Surface Pro*/
	}

	@media only screen and (max-width: 800px) and (orientation : portrait) {
	/* PORTRAIT:
	Acer Iconia Tab A100

	#!/bin/bash

	# Functions ==============================================

	# return 1 if global command line program installed, else 0
	# example
	# echo "node: $(program_is_installed node)"
	function program_is_installed {
	# set to 1 initially
	local return_=1

	<html>
	<body style="background: #333">
	<script >
	var gui = require('nw.gui');
	var win = gui.Window.get();
	function takeSnapshot() {
	win.capturePage(function(img) {
	var popWindow = gui.Window.open('popup.html',
	{width: 420, height: 300});
	popWindow.on('loaded', function() {

	@echo off

	NET SESSION >nul 2>&1
	IF %ERRORLEVEL% NEQ 0 (
	echo This setup needs admin permissions. Please run this file as admin.
	pause
	exit
	)

	set NODE_VER=null

	(function (window) {

	// This library re-implements setTimeout, setInterval, clearTimeout, clearInterval for iOS6.
	// iOS6 suffers from a bug that kills timers that are created while a page is scrolling.
	// This library fixes that problem by recreating timers after scrolling finishes (with interval correction).
	// This code is released in the public domain. Do with it what you want, without limitations. I do not promise
	// that it works, or that I will provide support (don't sue me).
	// Author: rkorving@wizcorp.jp

	var timeouts = {};

	#!/usr/bin/env bash

	# Use this one-liner to produce a JSON literal from the Git log:

	git log \
	--pretty=format:'{%n "commit": "%H",%n "author": "%aN <%aE>",%n "date": "%ad",%n "message": "%f"%n},' \
	$@ \| \
	perl -pe 'BEGIN{print "["}; END{print "]\n"}' \| \
	perl -pe 's/},]/}]/'