alatzl

/**
 * Implements hook_form_system_theme_settings_alter()
 */
function drupal_theme_template_form_system_theme_settings_alter(&$form, $form_state) {
  $form['dtt_enable_livereload'] = array(
    '#type'          => 'checkbox',
    '#title'         => t('Enable livereload'),
    '#default_value' => theme_get_setting('dtt_enable_livereload'),
    '#description'   => t("For development use only."),
  );

alatzl

/**
 * Adds the livereload javascript so we don't need the browser extension.
 */

  if (theme_get_setting('dtt_enable_livereload')==true) {
    global $base_url;

    $output = $base_url . '/';
    $output .= drupal_get_path('theme', 'drupal_theme_template') . '/assets/javascripts/vendor/livereload.js?';
    // $output .= 'host=' . parse_url($base_url, PHP_URL_HOST);

alatzl

    .nav-drawer, .inner-wrap {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: transform 400ms ease
        -moz-transition: transform 400ms ease
        -o-transition: transform 400ms ease
        transition: transform 400ms ease;

alatzl

.nav-drawer, .inner-wrap {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

alatzl

    .nav-drawer, .inner-wrap {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }

alatzl

-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);

alatzl

angular.module('myModule')
  .service('addresses', ['addressService', '$q', function(addressService, $q) {

    this.prefix = 'My Address: ';
    this.printAddress = function() {
      var deferred = $q.defer(),
          self = this;

      addressService.getFullAddress(function(addr) {
        deferred.resolve(self.prefix + addr);

alatzl

angular.module('myModule')
  .service('addresses', ['addressService', '$q', Addresses]);

class Addresses {
  constructor(addressService, $q) {
    this.$q = $q;
    this.addressService = addressService;
    this.prefix = "My Address: "
  }
  printAddress() {

alatzl

angular.module('myModule')
  .directive('roar', function() {
    return {
      restrict: 'E',
      scope: {
        dinoType: '@'
      },
      template: '<p>I am a {{ getType }}, hear me ROAR!</p>',
      link: function(scope) {
        scope.getType = function() {

alatzl

angular.module('myModule')
  .directive('roar', function() {
    return {
      restrict: 'E',
      scope: {},
      controller: roarCtrl,
      controllerAs: dinoRoar,
      bindToController: {
        dinoType: '@'
      }