Skip to content
Snippets Groups Projects
Commit bf6bd0fa authored by juanf's avatar juanf
Browse files

SSDM-3292 : Sample type placeholder on dropdown + Make experiment types on...

SSDM-3292 : Sample type placeholder on dropdown + Make experiment types on inventory to use default ones + Preview image out of column + Break long labels on forms.

SVN: 35891
parent 56375614
No related branches found
No related tags found
No related merge requests found
...@@ -59,6 +59,11 @@ h1, h2, legend { ...@@ -59,6 +59,11 @@ h1, h2, legend {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300; font-weight: 300;
} }
.control-label {
word-wrap: break-word;
}
/* /*
.btn { .btn {
min-width: 45px !important; min-width: 45px !important;
......
...@@ -224,7 +224,7 @@ var FormUtil = new function() { ...@@ -224,7 +224,7 @@ var FormUtil = new function() {
$component.attr('required', ''); $component.attr('required', '');
} }
$component.append($("<option>").attr('value', '').attr('selected', '').text('')); $component.append($("<option>").attr('value', '').attr('selected', '').attr('disabled', '').text("Select a sample type"));
for(var i = 0; i < sampleTypes.length; i++) { for(var i = 0; i < sampleTypes.length; i++) {
var sampleType = sampleTypes[i]; var sampleType = sampleTypes[i];
if(profile.isSampleTypeHidden(sampleType.code)) { if(profile.isSampleTypeHidden(sampleType.code)) {
......
...@@ -71,7 +71,7 @@ var SampleDataGridUtil = new function() { ...@@ -71,7 +71,7 @@ var SampleDataGridUtil = new function() {
for(var pathIdx = 0; pathIdx < dataFiles.result.length; pathIdx++) { for(var pathIdx = 0; pathIdx < dataFiles.result.length; pathIdx++) {
if(!dataFiles.result[pathIdx].isDirectory) { if(!dataFiles.result[pathIdx].isDirectory) {
var downloadUrl = profile.allDataStores[0].downloadUrl + '/' + dataset.code + "/" + dataFiles.result[pathIdx].pathInDataSet + "?sessionID=" + mainController.serverFacade.getSession(); var downloadUrl = profile.allDataStores[0].downloadUrl + '/' + dataset.code + "/" + dataFiles.result[pathIdx].pathInDataSet + "?sessionID=" + mainController.serverFacade.getSession();
var previewImage = $("<img>", { 'src' : downloadUrl, 'class' : 'zoomableImage', 'style' : 'height:80px;' }); var previewImage = $("<img>", { 'src' : downloadUrl, 'class' : 'zoomableImage', 'style' : 'width:100%;' });
previewImage.click(function(event) { previewImage.click(function(event) {
Util.showImage(downloadUrl); Util.showImage(downloadUrl);
event.stopPropagation(); event.stopPropagation();
......
...@@ -62,17 +62,31 @@ function ProjectFormView(projectFormController, projectFormModel) { ...@@ -62,17 +62,31 @@ function ProjectFormView(projectFormController, projectFormModel) {
if(this._projectFormModel.mode !== FormMode.CREATE) { if(this._projectFormModel.mode !== FormMode.CREATE) {
//Create Experiment //Create Experiment
var $createExpBtn = FormUtil.getButtonWithIcon("glyphicon-plus", function() { var $createExpBtn = FormUtil.getButtonWithIcon("glyphicon-plus", function() {
var $dropdown = FormUtil.getExperimentTypeDropdown("experimentTypeDropdown", true);
Util.blockUI("Select the type for the Experiment: <br><br>" + $dropdown[0].outerHTML + "<br> or <a class='btn btn-default' id='experimentTypeDropdownCancel'>Cancel</a>");
$("#experimentTypeDropdown").on("change", function(event) { var showSelectExperimentType = function() {
var experimentTypeCode = $("#experimentTypeDropdown")[0].value; var $dropdown = FormUtil.getExperimentTypeDropdown("experimentTypeDropdown", true);
_this._projectFormController.createNewExperiment(experimentTypeCode); Util.blockUI("Select the type for the Experiment: <br><br>" + $dropdown[0].outerHTML + "<br> or <a class='btn btn-default' id='experimentTypeDropdownCancel'>Cancel</a>");
});
$("#experimentTypeDropdown").on("change", function(event) {
var experimentTypeCode = $("#experimentTypeDropdown")[0].value;
_this._projectFormController.createNewExperiment(experimentTypeCode);
});
$("#experimentTypeDropdownCancel").on("click", function(event) {
Util.unblockUI();
});
}
$("#experimentTypeDropdownCancel").on("click", function(event) { if(profile.isInventorySpace(_this._projectFormModel.project.spaceCode)) {
Util.unblockUI(); var experimentType = profile.getExperimentTypeForExperimentTypeCode(_this._projectFormModel.project.spaceCode);
}); if(experimentType) {
_this._projectFormController.createNewExperiment(_this._projectFormModel.project.spaceCode);
} else {
showSelectExperimentType();
}
} else {
showSelectExperimentType();
}
}); });
toolbarModel.push({ component : $createExpBtn, tooltip: "Create Experiment" }); toolbarModel.push({ component : $createExpBtn, tooltip: "Create Experiment" });
......
...@@ -134,7 +134,7 @@ function SampleTableView(sampleTableController, sampleTableModel) { ...@@ -134,7 +134,7 @@ function SampleTableView(sampleTableController, sampleTableModel) {
this._getLoadedSampleTypesDropdown = function() { this._getLoadedSampleTypesDropdown = function() {
var _this = this; var _this = this;
var $sampleTypesSelector = $('<select>', { 'id' : 'sampleTypeCodesToShow', class : 'form-control' }); var $sampleTypesSelector = $('<select>', { 'id' : 'sampleTypeCodesToShow', class : 'form-control' });
$sampleTypesSelector.append($('<option>', { 'value' : '' }).text('')); $sampleTypesSelector.append($("<option>").attr('value', '').attr('selected', '').attr('disabled', '').text("Select a sample type"));
for(sampleTypeCode in this._sampleTableModel.sampleTypes) { for(sampleTypeCode in this._sampleTableModel.sampleTypes) {
$sampleTypesSelector.append($('<option>', { 'value' : sampleTypeCode }).text(sampleTypeCode)); $sampleTypesSelector.append($('<option>', { 'value' : sampleTypeCode }).text(sampleTypeCode));
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment