bettysteger

trix-toolbar .button_group button::before {
  background-image: none !important;
  font-family: 'FontAwesome';
  font-size: 12px;
  line-height: 28px;
}

trix-toolbar .button_group button.bold:before {
  content: '\f032';
}

bettysteger

/**
 * Use Croppie for a simple image cropping.
 * @see  https://github.com/Foliotek/Croppie
 * @example
 *   <lh-croppie src="cropped.source" ng-model="cropped.image"></lh-croppie>
 */
angular.module('lingohubApp').directive('lhCroppie', function () {
  return {
    restrict: 'E',
    scope: {

bettysteger

// BEFORE
var feedUrl = 'https://lingohub.com/blog/feed/rss2'; 
$http.jsonp('https://ajax.googleapis.com/ajax/services/feed/load', {params: {v: '1.0', q: feedUrl, num:-1, callback:'JSON_CALLBACK'}}).success(function(data) {
  $scope.entries = data.responseData.feed.entries;
  angular.forEach($scope.entries, function (entry) {
    entry.publishedDate = new Date(entry.publishedDate);
  });
});

bettysteger

var text = "this is a {highlighted} text"; 

var regex = /\{\S+?\}/g;
var html = text.replace(regex, '<mark>$&</mark>'); // $& = matched value = {highlight}
alert(html); // => "this is a <mark>{highlighted}</mark> text"

var regex2 = /\{(\S+?)\}/g; // you need ()-brackets to get $1
var html2 = text.replace(regex2, '<mark>$1</mark>'); // $1 = first () = highlight
alert(html2); // => "this is a <mark>highlighted</mark> text"

bettysteger

/**
 * Modal provider. Adds state which will open a modal.
 * Opens or closes modal on URL change.
 */
app.provider('modalState', function($stateProvider) {
  var provider = this;
  var modalResult;
  this.$get = function() {
    return provider;
  };

bettysteger

<a href="https://lingohub.com/projects" translate="projects_link"></a>

en.json: { "projects_link": "Projects" }

LingoHub creates:
de.json: { "projects_link": "Projekte" }

bettysteger

/**
 * This array is needed for canceling requests when changing the state/route.
 * @type {Array}
 */
var currentRequests = [];

/**
 * Handles route changes.
 */
app.run(['$rootScope', function($rootScope) {

bettysteger

// AtScript
@Directive({
  selector: '[blink]'
})
class Blink {
  constructor(elment:Element, options:Options, timeout:Timeout) {}
}

// ES6
class Blink {

bettysteger

// AtScript
class MyClass {
  methodA(name:string):int {
    var length:int = name.length;
    return length;
  }
}

// ES6
class MyClass {

bettysteger

/**
 * Classes and Inheritance
 * Code Example from http://www.es6fiddle.net/
 */
class Polygon {
  constructor(height, width) { //class constructor
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }