2020-10-07 12:23:02 +02:00
|
|
|
/*
|
|
|
|
Copyright 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
limitations under the License.
|
|
|
|
*/
|
|
|
|
|
|
|
|
import {ViewModel} from "../ViewModel.js";
|
|
|
|
|
|
|
|
export class RoomGridViewModel extends ViewModel {
|
|
|
|
constructor(options) {
|
|
|
|
super(options);
|
|
|
|
this._width = options.width;
|
|
|
|
this._height = options.height;
|
|
|
|
this._selectedIndex = 0;
|
|
|
|
this._viewModels = [];
|
|
|
|
}
|
|
|
|
|
2020-10-08 14:17:43 +02:00
|
|
|
roomViewModelAt(i) {
|
2020-10-09 19:43:11 +02:00
|
|
|
return this._viewModels[i];
|
2020-10-07 12:23:02 +02:00
|
|
|
}
|
|
|
|
|
2020-10-08 14:17:43 +02:00
|
|
|
get focusIndex() {
|
|
|
|
return this._selectedIndex;
|
2020-10-07 12:23:02 +02:00
|
|
|
}
|
|
|
|
|
2020-10-08 14:17:43 +02:00
|
|
|
setFocusIndex(idx) {
|
2020-10-07 13:18:19 +02:00
|
|
|
if (idx === this._selectedIndex) {
|
|
|
|
return;
|
|
|
|
}
|
2020-10-07 12:23:02 +02:00
|
|
|
this._selectedIndex = idx;
|
2020-10-09 19:43:11 +02:00
|
|
|
const vm = this._viewModels[this._selectedIndex];
|
|
|
|
vm?.focus();
|
2020-10-07 12:23:02 +02:00
|
|
|
this.emitChange("focusedIndex");
|
|
|
|
}
|
|
|
|
get width() {
|
|
|
|
return this._width;
|
|
|
|
}
|
|
|
|
|
|
|
|
get height() {
|
|
|
|
return this._height;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Sets a pair of room and room tile view models at the current index
|
|
|
|
* @param {RoomViewModel} vm
|
|
|
|
* @package
|
|
|
|
*/
|
2020-10-09 19:43:11 +02:00
|
|
|
setRoomViewModel(vm) {
|
2020-10-07 12:23:02 +02:00
|
|
|
const old = this._viewModels[this._selectedIndex];
|
2020-10-09 19:43:11 +02:00
|
|
|
this.disposeTracked(old);
|
|
|
|
this._viewModels[this._selectedIndex] = this.track(vm);
|
2020-10-07 12:23:02 +02:00
|
|
|
this.emitChange(`${this._selectedIndex}`);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* @package
|
|
|
|
*/
|
2020-10-07 14:18:35 +02:00
|
|
|
tryFocusRoom(roomId) {
|
2020-10-09 19:43:11 +02:00
|
|
|
const index = this._viewModels.findIndex(vm => vm.id === roomId);
|
2020-10-07 14:18:35 +02:00
|
|
|
if (index >= 0) {
|
2020-10-08 14:17:43 +02:00
|
|
|
this.setFocusIndex(index);
|
2020-10-07 14:18:35 +02:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
2020-10-07 12:23:02 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
2020-10-09 19:43:11 +02:00
|
|
|
* Returns the first set of room vm,
|
|
|
|
* and untracking it so it is not owned by this view model anymore.
|
2020-10-07 12:23:02 +02:00
|
|
|
* @package
|
|
|
|
*/
|
|
|
|
getAndUntrackFirst() {
|
2020-10-09 19:43:11 +02:00
|
|
|
for (const vm of this._viewModels) {
|
|
|
|
if (vm) {
|
|
|
|
this.untrack(vm);
|
|
|
|
return vm;
|
2020-10-07 12:23:02 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|