kamikaz1k

import groovy.json.JsonOutput
import groovy.json.JsonSlurper
import java.util.Date

datadog = new com.freshbooks.jenkinshelper.datadog()
github = new com.freshbooks.jenkinshelper.GitHub()
helper = new com.freshbooks.jenkinshelper.pipelinehelper()
slack = new com.freshbooks.jenkinshelper.slack()

def APP_NAME = 'service-name'

kamikaz1k

Convert MOV to GIF using FFmpeg and ImageMagick

I tried a few different techniques to make a GIF via command-line and the following gives me the best control of quality and size. Once you're all setup, you'll be pumping out GIFs in no time!

Preparation

Install FFmpeg

• $ brew install ffmpeg [all your options]
  • Example: $ brew install ffmpeg --with-fdk-aac --with-ffplay --with-freetype --with-frei0r --with-libass --with-libvo-aacenc --with-libvorbis --with-libvpx --with-opencore-amr --with-openjpeg --with-opus --with-rtmpdump --with-schroedinger --with-speex --with-theora --with-tools

Install ImageMagick

kamikaz1k

{
  ...
  function validateInput (fieldId) {
    
    if (/US|CA/.test(scope.countryCode)) { ... }
    else { ... }

    // Update internal update flag so that splitModel function 
    // knows that it was an internal trigger
    directiveUpdate = true;

kamikaz1k

<div ng-form="phoneNumberForm">
    <span ng-if="countryCode === 'CA' || countryCode === 'US'">
        <span>+</span>
        <input type="text"
            ng-model="phone.countryCode"
            ng-disabled="true">
        <span>(</span>
        <input type="text"
            ng-model="phone.areaCode"
            ng-pattern="/^[0-9]{3}$/"

kamikaz1k

{
  ...
  scope.validateInput = function validateInput(fieldId) {

      var phone = scope.phone;

      // Validate input for US/CA Form
      if (/US|CA/.test(scope.countryCode)) {

          // If all the model values have values, 

kamikaz1k

link: function postLink (scope, element, attributes, ngModelCtrl) {
  ...
  // Step 2.
  // Set watcher on parentModel so that internal model is updated
  scope.$watch("parentModel", function () {
      splitModel();
  });
  
  // Function takes the parentModel value and splits it up
  // to populate the internal data model

kamikaz1k

<div ng-form="phoneNumberForm">
    <!-- Step 1. -->
    <span ng-if="countryCode === 'CA' || countryCode === 'US'">
      ...
    </span>
    <span ng-if="countryCode !== 'CA' && countryCode !== 'US'">
      ...
    </span>
</div>

kamikaz1k

function validateInput(fieldId) {
  if (/US|CA/.test(scope.countryCode)) {
    ... 
      // pass
      ngModelCtrl.$setValidity("validPhone", true);
      scope.parentModel = phone.international;
    ... 
      // fail
      ngModelCtrl.$setValidity("validPhone", false);
      scope.parentModel = "";

kamikaz1k

link: function postLink (scope, element, attributes, ngModelCtrl) {
  ...
  
  function splitModel (fieldId) {
    ...
    // If areaCode exists, and current focus is on 
    if (phone.areaCode && fieldId === "area") {
        element.find("#phoneOne").focus();
    }
    else if (phone.phoneOne && fieldId === "one") {

kamikaz1k

<form name="customerProfile"
  <phone-number name="phone" ng-model="phone" country-code="cc" ng-required="true" />
</form>