Implement multiple question images

[rreitmann]

We need to implement the changes designed in #1414

[dkatzberg]

@rreitmann I like to discuss a last question for this topic: It is about the case if a question has only one image. Do we use the carousel always to have a similar style or do we disable the carousel?

[dkatzberg]

Ng-Change on Ng-Select is an problem. Hacky workaround is linked under the issue: https://github.com/angular/material/issues/1576

[dkatzberg]

Mongoskript for searching just question files: db.getCollection('fs.files').find({"filename": { $regex: /questions/ }})

Mongoskript for deleting just question files: db['fs.files'].remove({"filename": { $regex: /questions/ }});

[rreitmann]

We can select all old image files by executing: db.fs.files.find({"filename": { $regex: /^\/questions/ }})

Deleting files can be done with: db.fs.files.remove({"filename": { $regex: /^\/questions/ }})

Afterwards the chunks are still present but can be cleaned up with:

function removeChunkIfNoOwner(chunk){
  //Look for the parent file
  var parentCount = db.fs.files.find({'_id' : chunk.files_id}).count();

  if (parentCount === 0 ){
     db.fs.chunks.remove({'_id': chunk._id});
     print("Removing chunk " + chunk._id);
  }
}
db.fs.chunks.find().forEach(removeChunkIfNoOwner);

[rreitmann]

@dkatzberg Here are my remarks:

• [x] We should refactor the question import so that it does not generate all resources at once but instead iterates over the questions of an instrument and does all required steps per question (including uploading the images of a question)
• [x] We should display the question images on the question details page as discussed on the whiteboard
• [x] The carousel does currently not resize correctly (responsive and width)
• [x] The carousel has an unnecessary padding (left and right)
• [x] Image resolution can be obtained via

  /* Get image file dimensions*/
  Upload.imageDimensions(file).then(function(dimensions){console.log(dimensions.width, dimensions.height);});

[dkatzberg]

@rreitmann The resizing is a problem. We should talk about this on monday. @rreitmann The padding is from the md-card, not from the carousel. If I remove the padding, I remove it from the card, not just the from the carousel. I know that I could add the padding to the other string elements, but we should talk about this on monday too.

[kimsommer]

• It would be cool to have the whole image card with carousel as full screen when I click on open image in new tab
• when I view the website in English and click on one question, the images first shown to me are not necessarily in English - is is possible to adapt this when English images exist?
• uploading questions via the upload button (not drag and drop) does not work

[dkatzberg]

We should discuss the first point on monday for need.