A basic example on how to show fullscreen images (if possible) within a modal using a slide box
Forked from Roberto De la Fuente O.'s Pen Ionic Modal + Slide Box - Fullscreen images.
A Pen by Michael Frohberg on CodePen.
| app.directive('dynamicHeight', function() { | |
| return { | |
| require: ['^ionSlideBox'], | |
| link: function(scope, elem, attrs, slider) { | |
| scope.$watch(function() { | |
| return slider[0].__slider.selected(); | |
| }, function(val) { | |
| //getting the heigh of the container that has the height of the viewport | |
| var newHeight = window.getComputedStyle(elem.parent()[0], null).getPropertyValue("height"); | |
| if (newHeight) { |
A basic example on how to show fullscreen images (if possible) within a modal using a slide box
Forked from Roberto De la Fuente O.'s Pen Ionic Modal + Slide Box - Fullscreen images.
A Pen by Michael Frohberg on CodePen.
| rem go to the 64-bit binaries | |
| cd whatever\x64 | |
| rem exclude the known problem DLLs - perhaps there are later versions of these as well? | |
| set ANSICON_EXC=nvd3d9wrap.dll;nvd3d9wrapx.dll | |
| rem start a new cmd with a logging ansicon | |
| ansicon -l3 | |
| rem start a 32-bit cmd | |
| %systemroot%\syswow64\cmd | |
| rem now it crashes? | |
| ansicon -u |
| describe('_.sortBy of lodash',function(){ | |
| var descData = [ | |
| {title: "B", number: 2, date: new Date("October 2, 2014") }, | |
| {title: "A", number: 1, date: new Date("October 1, 2014") }, | |
| ]; | |
| var ascData = [ | |
| {title: "A", number: 1, date: new Date("October 1, 2014") }, | |
| {title: "B", number: 2, date: new Date("October 2, 2014") }, | |
| ]; |
| document.URL.indexOf('http://') === -1 && document.URL.indexOf('https://') === -1 |
| function toCamelCase(str) { | |
| return str.replace(/[_-][a-z]/ig, function (s) { | |
| return s.substring(1).toUpperCase(); | |
| }); |
| ... | |
| F7.onPageInit('question', function(page) { | |
| if (page.context.audio) { | |
| document.getElementById('main-audio').className = 'question-audio'; | |
| game.playSound(page.context.audio); | |
| }; | |
| }); | |
| ... |
| // Detect autoplay | |
| // --------------- | |
| // This script detects whether the current browser supports the | |
| // autoplay feature for HTML5 Audio elements, and it sets the | |
| // `AUTOPLAY` variable accordingly. | |
| // Used in the Meteor app [PicDinner](http://picdinner.com) |
| gulp.task('build', gulpsync.sync(['unlock', 'compress']), function () { | |
| var endpoint = '/apps/' + config.phoneGap.appId; | |
| var env = config.ensure.environment(argv.env, argv.debugmode); | |
| pgBuild.auth({ token: config.phoneGap.authToken }, function (e, api) { | |
| gulp.src('tmp/*.zip').pipe(tap(function (file, t) { | |
| var options = { | |
| form: { | |
| data: { |
| myApp.directive("jplayer", ['$window', 'PlayerService', function ($window, PlayerService) { | |
| return { | |
| restrict: "E", | |
| // Have our own scope - we only want to watch the service and not conflict with other scopes | |
| scope: {}, | |
| // Serve up some html with our player | |
| templateUrl: "/jplayer-template.html", | |
| link: function (scope, element, attrs) { | |
| // An element on the page to attach the jPlayer to. Could also use "element" from linkFN ^ | |
| var jPlayer = angular.element("#jquery_jplayer_1").jPlayer(); |