\
settings \
No Assets Selected
';
}
else
{
assetsHtml = ' \
\
No ' + (this.BranchType == BranchTypes.SHARED ? "Items" : "Assets") + ' Selected
';
}
// build the window page html
var cacheAssets = this.Children.slice(firstIndex, lastIndex);
// the assets rows
for (var i = 0, j = cacheAssets.length; i < j; i++)
{
assetsHtml += cacheAssets[i].getHtml(this.CacheID);
}
// build the pager
if (this.Children.length > Consts.PAGE_SIZE)
{
var isFirstPage = (pageNumber == 1);
var isLastPage = (lastIndex == this.Children.length);
var fromAsset = (pageNumber - 1) * Consts.PAGE_SIZE + 1;
var toAsset = fromAsset + cacheAssets.length - 1;
var changeToPreviousString = 'changeContainerPage(\'' + this.CacheID + '\',' + (pageNumber-1) + ');';
var changeToNextString = 'changeContainerPage(\'' + this.CacheID + '\',' + (pageNumber+1) + ');';
assetsHtml += ' \
';
}
return assetsHtml;
}
// checks if an asset object reference exists in the container
Container.prototype.indexOfAsset = function(cacheID)
{
for (var i = 0, j = this.Children.length; i < j; i++)
{
if (this.Children[i].CacheID == cacheID)
return i;
}
return -1;
}
// clear the "Children" array of container and their objects in the "cacheDictionary"
Container.prototype.clearChildren = function()
{
// first delete all the "CacheAsset" objects in the cacheDictionary
for (var i = 0, j = this.Children.length; i < j; i++)
{
delete cacheDictionary[this.Children[i].CacheID];
}
this.Children = [];
this.IsFull = false;
}
// rename a container (only album containers are allowed to be renamed)
Container.prototype.rename = function(newName)
{
this.Title = newName;
var titleText = Browser.IE ? this.Title : Resize.cutoffText(this.Title, true, Resize.ContainerWidth);
var titleElement = $get('ContainerTitle' + this.CacheID);
titleElement.innerHTML = titleText;
}
// deleteing a container (only Album) moves all the assets in it to the "assets not in album" container and then delete the container itself
Container.prototype.deleteContainer = function()
{
// all the assets in the album will move to the "Assets not in Album" container so delete it's cache
var assetsNotInAlbum = this.Branch.Children[0];
assetsNotInAlbum.clearChildren();
// delete the album from the "Albums" branch children array and refresh the "Albums" branch GUI
var containerIndex = this.Branch.indexOfContainer(this.CacheID);
this.Branch.Children.splice(containerIndex, 1);
if (this.Branch.NumOfChildren > 0)
this.Branch.NumOfChildren--;
buildBranchWindow(this.Branch.CacheID, 1);
// delete this asset from the "cacheDictionary" and "assets" object
delete cacheDictionary[this.CacheID];
}
// add selected assets to container
Container.prototype.addAssets = function(selectedIDs)
{
// as for now - just delete the "Children" array of the container
// to get the updated children when opening again
this.clearChildren();
this.NumOfChildren += selectedIDs.length;
// update GUI
var containerWindow = $get('ContainerWindow' + this.CacheID);
// check if container is in GUI at all
if (containerWindow)
{
if (containerWindow.style.display == 'block') // if the added to container is open - rebuild it to refresh
{
// show the loading image until assets are built
LoadingTimers[this.CacheID] = setTimeout(function(){ShowLoadingImage(containerWindow, this.CacheID)}, Consts.LOADING_IMAGE_DELAY);
buildContainerWindow(this.CacheID, 1);
}
else // if container window is closed - just change the number of children to see the change
{
var numOfChildrenElement = $get("ContainerChildrenNum" + this.CacheID);
numOfChildrenElement.innerHTML = "(" + this.NumOfChildren + ")";
}
}
}
// remove selected assets from the container
Container.prototype.removeAssets = function(selectedIDs)
{
var asset;
// for each of the selected assets -
for (var i = 0, j = selectedIDs.length; i < j; i++)
{
// remove it from the "AssetCacheIDs" and "ContainerCacheIDs" lists in the Asset object,
asset = cacheDictionary[selectedIDs[i]].AssetObject;
for (var x = 0, z = asset.AssetCacheIDs.length; x < z; x++)
{
if (asset.AssetCacheIDs[x] == selectedIDs[i])
{
asset.AssetCacheIDs.splice(x, 1);
break;
}
}
for (var x = 0, z = asset.ContainerCacheIDs.length; x < z; x++)
{
if (asset.ContainerCacheIDs[x] == this.CacheID)
{
asset.ContainerCacheIDs.splice(x, 1);
break;
}
}
// remove it from the cacheDictionary,
delete cacheDictionary[selectedIDs[i]];
// remove it from its container "Children" array
this.Children.splice(this.indexOfAsset(selectedIDs[i]), 1);
}
this.NumOfChildren -= selectedIDs.length;
buildContainerWindow(this.CacheID, 1);
}
/*** end of Container object ***/
/*** the Branch object ***/
// ctor
// optional arguments: created
function Branch(id, title, children, imageClass, cacheID, branchType)
{
// properties of the branch
this.ID = id;
this.Title = title;
this.NumOfChildren = children;
this.ImageClass = imageClass;
// properties of the cache object
this.CacheID = cacheID; // a unique id for every object in the cache. a string: [branchID][containerID]
this.BranchType = branchType; // Enum object "BranchTypes" - the type of items the container holds
this.Children = []; // the array that will hold the "Container" objects of the branch
this.IsLoading = false; // a flag for knowing if the branch is in the middle of getting data from the server
this.LoadingRetries = 0; // to keep the reloading times in case of error in loading
this.LoadingError = false;
this.IsFull = false; // a flag for knowing if the branch has loaded from the server all the assets
}
// checks if an container object reference exists in the branch
Branch.prototype.indexOfContainer = function(cacheID)
{
for (var i = 0, j = this.Children.length; i < j; i++)
{
if (this.Children[i].CacheID == cacheID)
return i;
}
return -1;
}
// loads the content from server to the Children array of the Container
// the function fetches a certain amount of data each time and adds it to the array.
Branch.prototype.prefetchData = function() {
var from, amount; // for the "skip" and "take" parameters
from = this.Children.length;
amount = Consts.LOAD_AMOUNT;
this.IsLoading = true;
// execute the web request with the correct method by the type of branch
switch (this.BranchType) {
case BranchTypes.NEW:
{
executeWebRequest("Timelines.GetInboxEntities", [], { onSuccessFunction: parseNewsFeedOnSuccess, onFailureFunction: parseNewsFeedOnFailure }, undefined, callbackXml);
break;
}
case BranchTypes.ALBUM:
{
executeWebRequest("Sidebar.GetAlbums", [{ name: "SerType", value: 2 }, { name: "Skip", value: from }, { name: "Take", value: amount}], { onSuccessFunction: parseBranchContainersOnSuccess, onFailureFunction: parseBranchContainersOnFailure, branch: this });
break;
}
case BranchTypes.TAG:
{
executeWebRequest("Sidebar.GetTags", [{ name: "SerType", value: 2 }, { name: "Skip", value: from }, { name: "Take", value: amount}], { onSuccessFunction: parseBranchContainersOnSuccess, onFailureFunction: parseBranchContainersOnFailure, branch: this });
break;
}
case BranchTypes.SHARED:
{
executeWebRequest("Sidebar.GetTargets", [{ name: "SerType", value: 2 }, { name: "Skip", value: from }, { name: "Take", value: amount}], { onSuccessFunction: parseBranchContainersOnSuccess, onFailureFunction: parseBranchContainersOnFailure, branch: this });
break;
}
case BranchTypes.SOURCE:
{
executeWebRequest("Sidebar.GetChannels", [{ name: "SerType", value: 2 }, { name: "Skip", value: from }, { name: "Take", value: amount}], { onSuccessFunction: parseBranchContainersOnSuccess, onFailureFunction: parseBranchContainersOnFailure, branch: this });
break;
}
}
}
// returns the html of the branch row
Branch.prototype.getHtml = function()
{
var branchHtml =
'
\
\
\
' + this.Title + '
\
\
(-)
\
';
return branchHtml;
}
// returns html for a page of Branch containers. the count of pages starts from 1.
// checks if the page requested is close to end of cached data and if so,
// prefetches more containers from server to cache.
Branch.prototype.getWindowPageHtml = function(pageNumber) {
var firstIndex = Consts.PAGE_SIZE * (pageNumber - 1);
var lastIndex = firstIndex + Consts.PAGE_SIZE;
var containers = [];
var containersHtml = "";
// check if requested data is in the cache - build the page
if (this.Children.length >= lastIndex) {
// OK, keep the default setting
}
// if the PAGE_SIZE elements aren't available but cache is full - build with the data that exists
else if (this.IsFull) {
// if finished loading all assets from server and no available data
if (this.Children.length <= firstIndex) {
return '
';
}
else // part of the data is available
{
lastIndex = this.Children.length;
}
}
// data isn't available, and cache isn't full yet,
// if the container isn't in middle of loading - prefetch data from server
else if (!this.IsLoading) {
if (this.LoadingRetries <= Consts.ACTION_RETRIES) {
this.prefetchData();
return "";
}
else // error in fetching data from server
{
return '
| Error in fetching data from server |
';
}
}
else // loading...
{
return "";
}
// check if we're close to end of cache and need to load more from server to cache
if ((!this.IsFull) && (this.Children.length - lastIndex < Consts.LAST_ELEMENTS_AMOUNT))
this.prefetchData();
// build the window page html
containers = this.Children.slice(firstIndex, lastIndex);
// the containers rows
for (var i = 0, j = containers.length; i < j; i++) {
containersHtml += containers[i].getHtml(this.ID);
}
// build the pager
if (this.Children.length > Consts.PAGE_SIZE) {
var isFirstPage = (pageNumber == 1);
var isLastPage = (lastIndex == this.Children.length);
var fromContainer = (pageNumber - 1) * Consts.PAGE_SIZE + 1;
var toContainer = fromContainer + containers.length - 1;
var changeToPreviousString = 'changeBranchPage(\'' + this.CacheID + '\',' + (pageNumber - 1) + ');';
var changeToNextString = 'changeBranchPage(\'' + this.CacheID + '\',' + (pageNumber + 1) + ');';
containersHtml += ' \
';
}
/**** TEMP DEBUG - WHAT THE F*** IS THIS LOOP FOR ****/
// in the albums branch add the "assets not in album"
/*
if (this.BranchType == BranchTypes.ALBUM) {
console.info('what is this')
//containersHtml += this.Children[0].getHtml(this.ID);
}
*/
return containersHtml;
}
/*** end of Branch object ***/
\