eessppeelllloo/image-sequencer
1
0
Fork 0
mirror of https://github.com/publiclab/image-sequencer.git synced 2025-12-11 19:00:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

preview optimization (#1573)

Browse Source 
Co-authored-by: Rishabh Shukla <42492389+blurry-x-face@users.noreply.github.com>
Co-authored-by: Jeffrey Warren <jeff@unterbahn.com>
This commit is contained in:
keshav234156
2020-01-29 21:18:23 +05:30
committed by GitHub
parent 28cedd72a6
commit 5f745ef4bd
3 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
examples/lib/defaultHtmlSequencerUi.js
View File

@@ -1,4 +1,5 @@
var urlHash = require('./urlHash.js'); var urlHash = require('./urlHash.js');
insertPreview = require('./insertPreview.js');
function DefaultHtmlSequencerUi(_sequencer, options) { function DefaultHtmlSequencerUi(_sequencer, options) {
options = options || {}; options = options || {};
@@ -33,6 +34,11 @@ function DefaultHtmlSequencerUi(_sequencer, options) {
function removeStepUi() { function removeStepUi() {
var index = $(removeStepSel).index(this) + 1; var index = $(removeStepSel).index(this) + 1;
// If last step is removed.
if(sequencer.steps.length==index+1){
console.log("inside")
insertPreview.updatePreviews(sequencer.steps[index-1].output.src, document.querySelector('#addStep'));
}
sequencer.removeSteps(index).run({ index: index - 1 }); sequencer.removeSteps(index).run({ index: index - 1 });
// remove from URL hash too // remove from URL hash too
urlHash.setUrlHashParameter('steps', sequencer.toString()); urlHash.setUrlHashParameter('steps', sequencer.toString());

4
examples/lib/defaultHtmlStepUi.js
View File

@@ -11,6 +11,7 @@
const intermediateHtmlStepUi = require('./intermediateHtmlStepUi.js'), const intermediateHtmlStepUi = require('./intermediateHtmlStepUi.js'),
urlHash = require('./urlHash.js'), urlHash = require('./urlHash.js'),
_ = require('lodash'), _ = require('lodash'),
insertPreview = require('./insertPreview.js');
mapHtmlTypes = require('./mapHtmltypes'), mapHtmlTypes = require('./mapHtmltypes'),
scopeQuery = require('./scopeQuery'), scopeQuery = require('./scopeQuery'),
isGIF = require('../../src/util/isGif'); isGIF = require('../../src/util/isGif');
@@ -365,6 +366,9 @@ function DefaultHtmlStepUi(_sequencer, options) {
updateDimensions(step); updateDimensions(step);
}); });
if (step.name === 'load-image') insertPreview.updatePreviews(step.output.src, document.querySelector('#addStep'));
else insertPreview.updatePreviews(step.output, document.querySelector('#addStep'));
// Handle the wasm bolt display // Handle the wasm bolt display
if (step.useWasm) { if (step.useWasm) {

1
examples/lib/insertPreview.js
View File

@@ -10,6 +10,7 @@ function generatePreview(previewStepName, customValues, path, DomNode) {
$(img).css('transform', 'translateX(-20%)'); $(img).css('transform', 'translateX(-20%)');
$(DomNode.querySelector('.radio-group')).find('.radio').each(function() { $(DomNode.querySelector('.radio-group')).find('.radio').each(function() {
if ($(this).attr('data-value') === previewStepName) { if ($(this).attr('data-value') === previewStepName) {
$(this).find('img').remove();
$(this).append(img); $(this).append(img);
} }
}); });