js面向对象开发互联网机顶盒应用头端之二

/**
* Dare Movie Object.
* @constructor
*/

//声明构造函数 构造函数初始化变量
Dare.Movie = function() {
this.parent = new Dare.Util();
this.className = "Dare.Movie";

//----类Dare.Movie全局属性变量-----//
this.stylePath = dareStyle.getStylePath();
this.pageIndex = 0; //当前页索引
this.pageTotal = 0; //总页数;
this.pageSize = 8; //每页显示记录数
this.recordCount = 0; //总记录数
this.dataSource = null; //数据源
this.tempdataSource; //数据源

this.orderBy = 'sortdate'; //默认排序字段
this.sortDirection = 'asc'; //默认升序方式
this.searchValue = '';
this.currentFocus = 'searchvalue'; //初始化焦点
this.bookMovies = { movies: [] };
//----类Dare.Movie全局属性变量-----//

this.selectImages = { "normal": this.stylePath + "selectall.gif", "focus": this.stylePath + "selectallover.gif", "on": this.stylePath + "selectallon.gif" };
this.unselectImages = { "normal": this.stylePath + "unselectall.gif", "focus": this.stylePath + "unselectallover.gif", "on": this.stylePath + "unselectallon.gif" };
this.Allselected = false; //全选状态，按下后变为true ,在按为false
this.hasGetChspell = false; //获取拼音的状态，第一次查询后获取
};
Dare.Movie.prototype = new Dare.Util(); //继承父类 Dare.Util是系统架构工具类
Dare.Movie.prototype.constructor = Dare.Movie; //引用构造函数
/**
* @function movieInit
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.movieInit = function() {
sortimg.innerText = DareLang.DATETIME;
searchimg.innerText = DareLang.SEARCH;
sortdate.innerText = DareLang.DATETIME;
sortname.innerText = DareLang.NAME;
sorttype.innerText = DareLang.TYPE;
sortsize.innerText = DareLang.SIZE;
this.$('title').src = this.stylePath + DareLang.IMAGE.MY_MOVIE_TITLE; //'movie_title.gif';
this.$('imgtop').src = this.stylePath + 'movie_no.png';
this.$('selectAllimg').src = this.unselectImages.normal;
this.$('freshimg').src = this.stylePath + 'no.gif';
var json = new Dare.JSObject.JSON();
var cmd = new Dare.Business.Command();
this.dataSource = cmd.getFiles('movie', 'date', '');

var request = new Dare.Request();
var index = request.QueryString('pageIndex');
this.pageIndex = index == null ? 0 : parseInt(index);

this.tempdataSource = this.dataSource;
this.recordCount = this.dataSource.length;
this.pageTotal = this.recordCount % this.pageSize == 0 ? this.recordCount / this.pageSize : parseInt(this.recordCount / this.pageSize + 1);
this.movieDataBind();

};
Dare.Movie.prototype.sort = function() {
var sortname = 'date';

switch (this.orderBy) {
case 'sortname':
sortname = 'name';
if (this.hasGetChspell == false) {
for (var j in this.tempdataSource) {
this.tempdataSource[j].chname = chineseSpell.getpy(dareUtil.getFileName(this.tempdataSource[j]["name"]), 4).toString().toLowerCase();
}
this.dataSource = this.tempdataSource;
this.hasGetChspell = true;
}
break;
case 'sorttype':
sortname = 'type';
break;
case 'sortsize':
sortname = 'size';
break;
case 'sortdate':
sortname = 'date';
break;
default:
sortname = 'date';
break;
}
dareUtil.sortBy(this.dataSource, sortname, this.sortDirection);
this.movieDataBind();
}
Dare.Movie.prototype.loading = function() {
this.$('freshimg').src = this.stylePath + 'loading.gif';
};
Dare.Movie.prototype.closeLoading = function() {
this.$('freshimg').src = this.stylePath + 'no.gif';
};
/**
* @function movieDataBind
* @author
* @return this.$('maincontent').innerHTML
*/
Dare.Movie.prototype.movieDataBind = function() {
this.loading();
var start = parseInt(this.pageIndex * this.pageSize);
var end = parseInt(this.pageIndex * this.pageSize + this.pageSize);
if (end > this.recordCount) end = this.recordCount;

var item = '';
var i = 0;

for (var j = start; j < end; j++) {
if (this.dataSource[j] == null) break;
var itemId = 'item' + i;
var selectId = 'select' + i;
var movieId = 'movie' + i;
var name = dareUtil.getFileName(this.dataSource[j]['name']);
var subName = dareUtil.trimstr(name, 20);
var movieObj = '{name:"' + this.dataSource[j]['name'] + '",type:"' + this.dataSource[j]['type'] + '",size:"' + this.dataSource[j]['size'] + '",time:"' + this.secondsToMMSS(this.dataSource[j]['time']) + '",scale:"' + this.dataSource[j]['scale'] + '",date:"' + this.dataSource[j]['date'] + '"}';
item += '<div class="itemnone" id="' + itemId + '"><div id="' + movieId + '" style="display:none;">' + movieObj + '</div><div class="selectnone" id="' + selectId + '" ></div>' +
'<div class="menufont">' + subName + '</div>' +
'<div class="menusize">' + this.secondsToMMSS(this.dataSource[j]['time']) + '</div>'
'</div>';

i++;

}

this.$('movies').innerHTML = item;
if (this.$('item0')) {
this.$('item0').className = 'item';
this.currentFocus = 'item0';
this.movieDetail('movie0');
this.$('pagetext').innerHTML = this.pageTotal == 0 ? '' : (this.pageIndex + 1) + "/" + this.pageTotal;
}
this.bookMovieBind();
this.closeLoading();
};
/**
* @function movieDetail
* @author
* @return this.$('detail').innerHTML
*/
Dare.Movie.prototype.movieDetail = function(id) {
var movie = this.$(id).innerText;
var json = new Dare.JSObject.JSON();
var movieArray = json.toObject(movie);
var detailContent = '';

detailContent += DareLang.NAME + ': ' + dareUtil.getFileName(movieArray["name"]) + '<br>';
detailContent += DareLang.TYPE + ': ' + movieArray["type"] + '<br>';
detailContent += DareLang.SIZE + ': ' + dareUtil.fileSizeInt2Str(movieArray["size"]) + '<br>';
detailContent += DareLang.DURATION + ': ' + movieArray["time"] + '<br>';
detailContent += DareLang.RESOLUTION + ': ' + movieArray["scale"] + '<br>';
detailContent += DareLang.DATETIME + ': ' + movieArray["date"];

this.$('detail').innerHTML = detailContent;
};
/**
* @function previousPage
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.previousPage = function() {
this.pageIndex--;
if (this.pageIndex < 0) { this.pageIndex = 0; return; }
if (this.pageIndex <= this.pageTotal - 1 && this.pageIndex >= 0) {
this.movieDataBind();
this.$('item0').className = 'item';
}
};
/**
* @function nextPage
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.nextPage = function() {
this.pageIndex++;
if (this.pageIndex >= this.pageTotal) { this.pageIndex = this.pageTotal - 1; return; }
if (this.pageIndex <= this.pageTotal - 1) {
this.movieDataBind();
}
};
Dare.Movie.prototype.searchLostFocus = function() {
document.getElementById('searchvalue').blur();
document.getElementById('fresh').focus();
}
/**
* @function keypressHandler
* @author
* @param event
* @return null
*/
Dare.Movie.prototype.keypressHandler = function(event) {
var keyValue = Dare.isiPanel ? event.which : window.event.keyCode;
//document.getElementById("divDebug").innerText += "keyValue:" + keyValue+"</br>";
showUSBInfo(keyValue);
this.searchLostFocus();
switch (keyValue) {
case KeyMap.STB_KEY_DOWN: //向下
this.keydownHandler();
break;
case KeyMap.STB_KEY_UP: //向上
this.keyupHandler();
break;
case KeyMap.STB_KEY_ENTER: //确定
this.keyenterHandler();
break;
case KeyMap.STB_KEY_LEFT: //向左
this.keyleftHandler();
break;
case KeyMap.STB_KEY_RIGHT: //向右
this.keyrightHandler();
break;
case KeyMap.STB_KEY_PAGEUP: //上一页
this.keypageupHandler();
break;
case KeyMap.STB_KEY_PAGEDOWN: //下一页
this.keypagedownHandler();
break;
case KeyMap.STB_KEY_HOME:
break;
case KeyMap.STB_KEY_STOP:
window.location.href = '../main/index.html?focus=1';
break;
case KeyMap.STB_KEY_FULLSCREEN:
this.focusToolbar();
break;
default:
break;
}
};
/**
* 回到菜单
*/
Dare.Movie.prototype.focusToolbar = function () {
document.getElementById('searchvalue').focus();
this.currentFocus = 'searchvalue';
for (var i = 0; i < 8; i++) {
document.getElementById("item" + i).className = "itemnone";
}
}
/**
* @function keyupHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keyupHandler = function() {
if (this.currentFocus == "searchvalue") {
this.$('searchvalue').focus();
return;
}
switch (this.currentFocus) {
case 'item0':
if (this.pageIndex == 0) {
this.currentFocus = 'searchvalue';
this.$('item0').className = 'itemnone';
searchvalue.focus();
}
break;
case 'sortsize': //大小
this.$('sortsize').className = 'sortnone';
this.$('sorttype').className = 'sortselected';
this.currentFocus = 'sorttype';
break;
case 'sorttype': //类型
this.$('sorttype').className = 'sortnone';
this.$('sortname').className = 'sortselected';
this.currentFocus = 'sortname';
break;
case 'sortname': //名称
this.$('sortname').className = 'sortnone';
this.$('sortdate').className = 'sortselected';
this.currentFocus = 'sortdate';
default:
break;
}

this.pageEvent = false;
var foucusId = this.currentFocus.substr(4, 1);
if ('0' == foucusId) {
this.previousPage();
this.pageEvent = true;
}
if (parseInt(foucusId) <= 7 && this.pageEvent == false) {
this.listUpFocus(foucusId);
}
};
/**
* @function listDownFocus
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.listDownFocus = function(i) {
this.pageEvent = false;
var id = parseInt(i) + 1;
if (this.$('item' + (id))) {
this.$('item' + i).className = 'itemnone';
this.$('item' + (id)).className = 'item';
this.currentFocus = 'item' + (id);
this.rightPressCount = 0;
this.movieDetail('movie' + (id));
}
};
/**
* @function listUpFocus
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.listUpFocus = function(i) {
this.pageEvent = false;
this.$('item' + i).className = 'itemnone';
var id = parseInt(i) - 1;
this.$('item' + (id)).className = 'item';
this.currentFocus = 'item' + (id);
this.rightPressCount = 0;
this.movieDetail('movie' + (id));
};
/**
* @function keydownHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keydownHandler = function() {
if (this.currentFocus.indexOf('item') < 0
&& this.currentFocus.indexOf('sort') < 0
&& this.$('item0')
&& this.$('sortlist').style.display == 'none') {
this.$('searchimg').className = 'search';
this.$('sortimg').className = 'search';
if (this.sortDirection == 'asc') this.$('arrowimg').className = 'arrowup';
else this.$('arrowimg').className = 'arrowdown';
this.currentFocus = 'item0';
this.$('item0').className = 'item';
return;
}
if (sortlist.style.display != "none") {
switch (this.currentFocus) {
case 'sortimg':
this.$('sortdate').className = 'sortselected';
this.currentFocus = 'sortdate';
break;
case 'sortdate': //日期
this.$('sortdate').className = 'sortnone';
this.$('sortname').className = 'sortselected';
this.currentFocus = 'sortname';
break;
case 'sortname': //名称
this.$('sortname').className = 'sortnone';
this.$('sorttype').className = 'sortselected';
this.currentFocus = 'sorttype';
break;
case 'sorttype': //类型
this.$('sorttype').className = 'sortnone';
this.$('sortsize').className = 'sortselected';
this.currentFocus = 'sortsize';
default:
break;
}
}
this.pageEvent = false;
var foucusId = this.currentFocus.substr(4, 1);
if ('7' == foucusId) {
this.nextPage();
this.pageEvent = true;
return;
}
if (parseInt(foucusId) < 7 && this.pageEvent == false) {
this.listDownFocus(foucusId);
}
};
/**
* @function keyenterHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keyenterHandler = function() {
if (this.currentFocus == 'sortimg') {
this.$('sortlist').style.display = 'block';
return;
}

if (this.orderBy != this.currentFocus && (this.currentFocus == 'sortdate' || this.currentFocus == 'sortname' || this.currentFocus == 'sorttype' || this.currentFocus == 'sortsize')) {
this.$('sortlist').style.display = "none";
this.$('sortimg').innerText = this.$(this.currentFocus).innerText;
this.orderBy = this.currentFocus;

this.$(this.currentFocus).className = 'sortnone';
this.$('sortimg').className = 'search';
this.currentFocus = 'arrowimg';

}

switch (this.currentFocus) {
case 'arrowimg':
if (this.sortDirection == 'asc') {
this.sortDirection = 'desc';
this.$('arrowimg').className = 'arrowdownon';
}
else {
this.sortDirection = 'asc';
this.$('arrowimg').className = 'arrowupon';
}
this.sort();
return; case 'searchimg':
this.$('searchimg').className = 'searchon';
this.movieSeacher();
return; case 'sortimg':
this.$('sortimg').className = 'searchon';
break;
default:
break;
}
if (this.currentFocus == 'selectAllimg') {
this.Allselected = !this.Allselected; //取反
if (this.Allselected) {
this.selectAll();
}
else {
this.unSelectAll();
}
}
var hasMovie = false;
if (this.currentFocus.indexOf('item') >= 0) {
var movies = this.bookMovies.movies;
var json = new Dare.JSObject.JSON();
if (movies.length != 0) {
var movieList = json.parse(movies);
new Dare.Business.Command().setGlobalVar("movieBookList", movieList);
hasMovie = true;
}
else {
var focusId = this.currentFocus.substr(4, 1);
var moviestr = this.$('movie' + focusId).innerText;
var json = new Dare.JSObject.JSON();
var movie = json.toObject(moviestr);
movies.push(movie);
var movieList = json.parse(movies);
new Dare.Business.Command().setGlobalVar('movieBookList', movieList);
//选片对象有实例 按确定转向播放页面
hasMovie = true;
}
if (hasMovie) {
var currentMedia = new Dare.Business.Command().getGlobalVar('currentPlayMedia');
var json = new Dare.JSObject.JSON();
var mp = json.toObject(currentMedia);
var currentPlayMovieInPlayList = false;
for (var k in movies) {
if (movies[k].name == mp.playPath) {
currentPlayMovieInPlayList = true;
break;
}
}
window.location.href = '../movie/movieplay.html?appendback=true¤tPlayMovieInPlayList=' + currentPlayMovieInPlayList + '&pageIndex=' + this.pageIndex;
}
}
};
Dare.Movie.prototype.selectAll = function() {
var movies = dareMovie.bookMovies.movies;
for (var f in dareMovie.dataSource) {
var movie = dareMovie.dataSource[f];
movies.push(movie);
}
for (var i = 0; i < 8; i++) {
if (this.$('item' + i)) {
this.$('select' + i).className = 'select';
}
}
this.$('selectAllimg').src = this.selectImages.on;
};
/**
* 全不选
*/
Dare.Movie.prototype.unSelectAll = function() {
this.$('selectAllimg').src = this.unselectImages.on;
this.bookMovies.movies = [];
for (var i = 0; i < 8; i++) {
if (this.$('item' + i)) {
this.$('select' + i).className = 'selectnone';
}
}
};
Dare.Movie.prototype.arrowImageFocus = function() {
if (this.sortDirection == "asc") {
document.getElementById('arrowimg').className = 'arrowupover';
} else {
document.getElementById('arrowimg').className = 'arrowdownover';
}
};
Dare.Movie.prototype.arrowImageLostFocus = function() {
if (this.sortDirection == "asc") {
document.getElementById('arrowimg').className = 'arrowup';
}
else {
document.getElementById('arrowimg').className = 'arrowdown';
}
};
/**
* @function keyleftHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keyleftHandler = function() {
this.$('sortlist').style.display = 'none';
if (this.currentFocus.indexOf('sort') == 0) {
this.currentFocus = 'searchimg';
this.$('searchimg').className = 'searchover';
this.$('sortimg').className = 'search';
return;
}
switch (this.currentFocus) {
case 'arrowimg':
if (this.sortDirection == 'asc') {
this.$('arrowimg').className = 'arrowup';
} else {
this.$('arrowimg').className = 'arrowdown';
}
this.$('sortimg').className = 'searchover';
this.currentFocus = 'sortimg';
break;
case 'sortimg':
this.$('sortimg').className = 'search';
this.$('searchimg').className = 'searchover';
this.currentFocus = 'searchimg';
break;
case 'searchimg':
this.currentFocus = 'searchvalue';
document.getElementById('searchimg').className = 'search';
searchvalue.focus();
break;
case 'selectAllimg':
if (this.Allselected) { this.$('selectAllimg').src = this.selectImages.normal; }
else this.$('selectAllimg').src = this.unselectImages.normal;
this.arrowImageFocus();
this.currentFocus = 'arrowimg';
break;
default:
break;
}
};
/**
* @function keyrightHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keyrightHandler = function() {
this.$('sortlist').style.display = 'none';
if (this.currentFocus.indexOf('sort') == 0) {
this.currentFocus = 'arrowimg';
this.$('sortimg').className = 'search';
if (this.sortDirection == "asc") {
this.$('arrowimg').className = 'arrowupover';
} else {
this.$('arrowimg').className = 'arrowdownover';
}
return;
}
switch (this.currentFocus) {
case 'searchvalue':
this.$('searchimg').className = 'searchover';
this.currentFocus = 'searchimg';
break;
case 'searchimg':
this.$('searchimg').className = 'search';
this.$('sortimg').className = 'searchover';
this.currentFocus = 'sortimg';
break;
case 'sortimg':
this.$('sortimg').className = 'search';
if (this.sortDirection == "asc") {
this.$('arrowimg').className = 'arrowupover';
} else {
this.$('arrowimg').className = 'arrowdownover';
}
this.currentFocus = 'arrowimg';
break;
case "arrowimg":
if (this.Allselected) { this.$('selectAllimg').src = this.selectImages.focus; }
else this.$('selectAllimg').src = this.unselectImages.focus;
this.arrowImageLostFocus();
this.currentFocus = 'selectAllimg';
break;
default:
break;
}

if (this.currentFocus.indexOf('item') >= 0) {
var focusId = this.currentFocus.substr(4, 1);
var selectObj = this.$('select' + focusId);
var movieString = this.$('movie' + focusId).innerText;
var json = new Dare.JSObject.JSON();
var movie = json.toObject(movieString);

if (selectObj.className == 'selectnone') {
selectObj.className = 'select';
this.selectMovie(movie, 0);
}
else {
selectObj.className = 'selectnone';
this.selectMovie(movie, 1);
}

}
};
/**
* @function keypageupHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keypageupHandler = function() {
this.previousPage();
};
/**
* @function keypagedownHandler
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.keypagedownHandler = function() {
this.nextPage();
};

/**
* @function selectMovie 选择
* @author
* @param movie type
* @return null
*/
Dare.Movie.prototype.selectMovie = function(movie, type) {
var movies = this.bookMovies.movies;
switch (type) {
//添加对象
case 0:
movies.push(movie);
break;
//移除对象
case 1:
for (var i in movies) {
if (movies[i].name == movie.name) {
movies.splice(i, 1);
break;
}
}
break;
default:
break;
}
};
/**
* @function bookMovieBind
* @author
* @return null
*/
Dare.Movie.prototype.bookMovieBind = function() {
var start = parseInt(this.pageIndex * this.pageSize);
var end = parseInt(this.pageIndex * this.pageSize + this.pageSize);
if (end > this.dataSource.length) end = this.dataSource.length;

var movies = this.bookMovies.movies;
var json = new Dare.JSObject.JSON();
var movieBookList = new Dare.Business.Command().getGlobalVar("movieBookList");
if (movieBookList.length != 0) {
var movieBooks = json.toObject(movieBookList);
for (var key in movieBooks) {
movies.push(movieBooks[key]);
}
new Dare.Business.Command().setGlobalVar('movieBookList', '');
}

var i = 0;
for (var j = start; j < end; j++) {
var selectObj = this.$('select' + i);
var movieString = this.$('movie' + i).innerText;
var json = new Dare.JSObject.JSON();
var movie = json.toObject(movieString);
for (var key in movies) {
if (movies[key].name == movie.name) {
selectObj.className = 'select';
break;
}
}
i++;
}

};
/**
* @function styleInt
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.styleInt = function() {
this.$('searchimg').className = 'search';
this.$('sortimg').className = 'search';
this.$('arrowimg').className = 'arrowup';
};
/**
* @function movieSeacher 查询
* @author
* @param null
* @return null
*/
Dare.Movie.prototype.movieSeacher = function() {
if (this.hasGetChspell == false) {
for (var j in this.tempdataSource) {
this.tempdataSource[j].chname = chineseSpell.getpy(dareUtil.getFileName(this.tempdataSource[j]["name"]), 4).toString().toLowerCase();
}
this.dataSource = this.tempdataSource;

this.hasGetChspell = true;
}
var keyWord = this.$('searchvalue').value;
var resultData = []; //交换数组
var i = 0;
for (var key in this.tempdataSource) {
if (dareUtil.getFileName(this.tempdataSource[key].name).indexOf(keyWord) != -1 || this.tempdataSource[key].chname.indexOf(keyWord) == 0) {

resultData.push(this.tempdataSource[key]); //从缓存数据库原读取，便于二次查询
}
}
this.dataSource = resultData;
this.recordCount = this.dataSource.length;

this.pageTotal = this.recordCount % this.pageSize == 0 ? this.recordCount / this.pageSize : parseInt(this.recordCount / this.pageSize + 1);
this.movieDataBind();
};
var dareMovie = new Dare.Movie();
document.onkeypress = function(event) {
dareMovie.keypressHandler(event);
};