[Layout] Refactor view switcher

Refactor view switcher to simplify it; treat it
as a representation of a domain object that modifies
an ng-model. This simplifies reuse, e.g. in frames
within a layout. WTD-535.
This commit is contained in:
Victor Woeltjen
2014-12-04 12:12:41 -08:00
parent cbb77f0a14
commit 6cd0cd8e3c
5 changed files with 48 additions and 44 deletions

View File

@@ -16,11 +16,6 @@
"implementation": "BrowseController.js",
"depends": [ "$scope", "objectService", "navigationService" ]
},
{
"key": "ViewSwitcherController",
"implementation": "ViewSwitcherController.js",
"depends": [ "$scope" ]
},
{
"key": "CreateMenuController",
"implementation": "creation/CreateMenuController",

View File

@@ -1,4 +1,4 @@
<span ng-controller="ViewSwitcherController">
<span>
<div class="object-browse-bar bar abs">
<div class="items-select left abs">
@@ -13,14 +13,17 @@
parameters="{ category: 'view-control' }">
</mct-representation>
<mct-include key="'switcher'" ng-model="switcher" ng-if="switcher.options.length > 0">
</mct-include>
<mct-representation key="'switcher'"
mct-object="domainObject"
ng-model="representation">
</mct-representation>
</div>
</div>
<div class='object-holder abs vscroll'>
<mct-representation key="switcher.selected.key" mct-object="domainObject">
<mct-representation key="representation.selected.key"
mct-object="domainObject">
</mct-representation>
</div>
</span>

View File

@@ -1,53 +0,0 @@
/*global define,Promise*/
/**
* Module defining ViewSwitcherController. Created by vwoeltje on 11/7/14.
*/
define(
[],
function () {
"use strict";
/**
* Controller for the view switcher; populates and maintains a list
* of applicable views for a represented domain object.
* @constructor
*/
function ViewSwitcherController($scope) {
// If the view capability gets refreshed, try to
// keep the same option chosen.
function findMatchingOption(options, selected) {
var i;
if (selected) {
for (i = 0; i < options.length; i += 1) {
if (options[i].key === selected.key) {
return options[i];
}
}
}
return options[0];
}
// Get list of views, read from capability
function updateOptions(views) {
var options = views || [];
$scope.switcher = {
options: options,
selected: findMatchingOption(
options,
($scope.switcher || {}).selected
)
};
}
// Update view options when the in-scope results of using the
// view capability change.
$scope.$watch("view", updateOptions);
}
return ViewSwitcherController;
}
);