|
|
@@ -60,10 +60,10 @@ export default {
|
|
|
videoGrid: [],
|
|
|
bigMembersCountSelectedId: null,
|
|
|
lowMembersCountSelectedId: null,
|
|
|
- maxCols: 12,
|
|
|
- maxRows: 4,
|
|
|
- rowHeight: 240,
|
|
|
- gridPadding: 8,
|
|
|
+ maxCols: 1,
|
|
|
+ maxRows: 12,
|
|
|
+ rowHeight: 120,
|
|
|
+ gridPadding: 0,
|
|
|
loadingInProgress: false
|
|
|
};
|
|
|
},
|
|
|
@@ -139,28 +139,31 @@ export default {
|
|
|
adjustVideoContainers() {
|
|
|
this.videoGrid = [];
|
|
|
|
|
|
- let windowHeight = window.innerHeight;
|
|
|
+ let windowHeight = window.innerHeight * 0.75;
|
|
|
this.rowHeight = (windowHeight - this.gridPadding * (this.maxRows + 1)) / this.maxRows;
|
|
|
|
|
|
- let cols = Math.ceil(Math.sqrt(this.videos.length));
|
|
|
- let rows = Math.ceil(this.videos.length / cols);
|
|
|
+ //let cols = Math.ceil(Math.sqrt(this.videos.length));
|
|
|
+ let cols = 1
|
|
|
+ let rows = Math.ceil(this.videos.length / cols)
|
|
|
|
|
|
- let elementsLastRow = this.videos.length % cols;
|
|
|
- let lastNormalIndex = this.videos.length - elementsLastRow;
|
|
|
+ let elementsLastRow = this.videos.length % cols
|
|
|
+ let lastNormalIndex = this.videos.length - elementsLastRow
|
|
|
|
|
|
if (elementsLastRow) {
|
|
|
- this.maxCols = cols * elementsLastRow;
|
|
|
+ this.maxCols = cols * elementsLastRow
|
|
|
} else {
|
|
|
- this.maxCols = cols;
|
|
|
+ this.maxCols = cols
|
|
|
}
|
|
|
|
|
|
- let colsPerElement = this.maxCols / cols;
|
|
|
- let rowsPerElement = this.maxRows / rows;
|
|
|
+ //let colsPerElement = this.maxCols / cols;
|
|
|
+ let rowsPerElement = this.maxRows / rows
|
|
|
|
|
|
- let colsLastRow = Math.ceil(this.maxCols / elementsLastRow);
|
|
|
+ let colsPerElement = 1
|
|
|
|
|
|
- let cntX = 0;
|
|
|
- let cntY = 0;
|
|
|
+ let colsLastRow = Math.ceil(this.maxCols / elementsLastRow)
|
|
|
+
|
|
|
+ let cntX = 0
|
|
|
+ let cntY = 0
|
|
|
|
|
|
for (let [index, video] of this.videos.entries()) {
|
|
|
video.i = index;
|
Flavionel