init

content.js

@@ -0,0 +1,482 @@
+'use strict';
+decadeModule.import(function (lib, game, ui, get, ai, _status) {
+	decadeUI.content = {
+		chooseGuanXing: function (player, cards1, movable1, cards2, movable2, infohide) {
+			if (get.itemtype(player) != 'player') throw player;
+			if (!cards1 && !cards2) throw arguments;
+
+			var guanXing = decadeUI.dialog.create('confirm-box guan-xing');
+
+			var properties = {
+				caption: undefined,
+				tip: undefined,
+				header1: undefined,
+				header2: undefined,
+				cards: [[], []],
+				movables: [movable1 ? movable1 : 0, movable2 ? movable2 : 0],
+				selected: undefined,
+				callback: undefined,
+				infohide: undefined,
+				confirmed: undefined,
+				doubleSwitch: undefined,
+				orderCardsList: [[], []],
+				finishing: undefined,
+				finished: undefined,
+				finishTime: function (time) {
+					if (this.finishing || this.finished) return;
+					if (typeof time != 'number') throw time;
+					this.finishing = true;
+					setTimeout(function (dialog) {
+						dialog.finishing = false;
+						dialog.finish();
+					}, time, this)
+				},
+				finish: function () {
+					if (this.finishing || this.finished) return;
+					this.finishing = true;
+					if (this.callback) this.confirmed = this.callback.call(this);
+
+					cards = guanXing.cards[0];
+					if (cards.length) {
+						for (var i = cards.length - 1; i >= 0; i--) {
+							cards[i].removeEventListener('click', guanXing._click);
+							cards[i].classList.remove('infohidden');
+							cards[i].classList.remove('infoflip');
+							cards[i].style.cssText = cards[i].rawCssText;
+							delete cards[i].rawCssText;
+
+							if (!this.callback) ui.cardPile.insertBefore(cards[i], ui.cardPile.firstChild);
+						}
+					}
+
+					cards = guanXing.cards[1];
+					for (var i = 0; i < cards.length; i++) {
+						cards[i].removeEventListener('click', guanXing._click);
+						cards[i].classList.remove('infohidden');
+						cards[i].classList.remove('infoflip');
+						cards[i].style.cssText = cards[i].rawCssText;
+						delete cards[i].rawCssText;
+
+						if (!this.callback) ui.cardPile.appendChild(cards[i]);
+					}
+
+					_status.event.cards1 = this.cards[0];
+					_status.event.cards2 = this.cards[1];
+					_status.event.num1 = this.cards[0].length;
+					_status.event.num2 = this.cards[1].length;
+					if (_status.event.result) _status.event.result.bool = this.confirmed === true;
+					else _status.event.result = { bool: this.confirmed === true }
+
+					game.broadcastAll(function () {
+						if (!window.decadeUI && decadeUI.eventDialog) return;
+						decadeUI.eventDialog.close();
+						decadeUI.eventDialog.finished = true;
+						decadeUI.eventDialog.finishing = false;
+						decadeUI.eventDialog = undefined;
+					});
+					decadeUI.game.resume();
+				},
+				update: function () {
+					var x, y;
+					for (var i = 0; i < this.cards.length; i++) {
+						cards = this.cards[i];
+						if (this.orderCardsList[i].length) {
+							cards.sort(function (a, b) {
+								var aIndex = guanXing.orderCardsList[i].indexOf(a);
+								var bIndex = guanXing.orderCardsList[i].indexOf(b);
+
+								aIndex = aIndex >= 0 ? aIndex : guanXing.orderCardsList[i].length;
+								bIndex = bIndex >= 0 ? bIndex : guanXing.orderCardsList[i].length;
+								return aIndex - bIndex;
+							});
+						}
+
+						y = 'calc(' + (i * 100) + '% + ' + (i * 10) + 'px)';
+						for (var j = 0; j < cards.length; j++) {
+							x = 'calc(' + (j * 100) + '% + ' + (j * 10) + 'px)';
+							// cards[j].style.transform = 'translate(' + x + ', ' + y + ')';
+							// cards[j].style.zIndex = (i * 10 + j + 1);
+							cards[j].style.cssText += ';transform:translate(' + x + ', ' + y + '); z-index:' + (i * 10 + j + 1) + ';';
+						}
+					}
+				},
+				swap: function (source, target) {
+					game.broadcast(function (source, target) {
+						if (!window.decadeUI && decadeUI.eventDialog) return;
+
+						decadeUI.eventDialog.swap(source, target);
+					}, source, target);
+
+					var sourceIndex = this.cardToIndex(source, 0);
+					var targetIndex = this.cardToIndex(target, 1)
+
+					if (sourceIndex >= 0 && targetIndex >= 0) {
+						this.cards[0][sourceIndex] = target;
+						this.cards[1][targetIndex] = source;
+						this.update();
+						this.onMoved();
+						return;
+					}
+
+					sourceIndex = this.cardToIndex(source, 1);
+					targetIndex = this.cardToIndex(target, 0);
+
+					if (sourceIndex >= 0 && targetIndex >= 0) {
+						this.cards[1][sourceIndex] = target;
+						this.cards[0][targetIndex] = source;
+						this.update();
+						this.onMoved();
+						return;
+					}
+
+					if (sourceIndex >= 0) {
+						targetIndex = this.cardToIndex(target, 1);
+						if (targetIndex < 0) console.error('card not found');
+
+						this.cards[1][sourceIndex] = target;
+						this.cards[1][targetIndex] = source;
+					} else {
+						sourceIndex = this.cardToIndex(source, 0);
+
+						if (targetIndex < 0 || sourceIndex < 0) return console.error('card not found');
+						this.cards[0][sourceIndex] = target;
+						this.cards[0][targetIndex] = source;
+					}
+
+					this.update();
+					this.onMoved();
+				},
+				switch: function (card) {
+					game.broadcast(function (card) {
+						if (!window.decadeUI && decadeUI.eventDialog) return;
+
+						decadeUI.eventDialog.switch(card);
+					}, card);
+
+					var index = this.cardToIndex(card, 0);
+					if (index >= 0) {
+						if (this.cards[1].length >= this.movables[1]) return;
+
+						card = this.cards[0][index];
+						this.cards[0].remove(card);
+						this.cards[1].push(card);
+					} else {
+						if (this.cards[0].length >= this.movables[0]) return;
+
+						index = this.cardToIndex(card, 1);
+						if (index < 0) return console.error('card not found');
+						card = this.cards[1][index];
+						this.cards[1].remove(card);
+						this.cards[0].push(card);
+					}
+
+					this.update();
+					this.onMoved();
+				},
+				move: function (card, indexTo, moveDown) {
+					var dim = moveDown ? 1 : 0;
+					var dim2 = dim;
+					var index = this.cardToIndex(card, dim);
+
+					indexTo = Math.max(indexTo, 0);
+					if (index < 0) {
+						var dim2 = dim == 1 ? 0 : 1;
+						index = this.cardToIndex(card, dim2);
+						if (index < 0) return console.error('card not found');
+
+						if (this.cards[dim].length >= this.movables[dim]) return;
+					}
+
+					this.cards[dim2].splice(index, 1);
+					this.cards[dim].splice(indexTo, 0, card);
+					this.onMoved();
+					this.update();
+				},
+				cardToIndex: function (card, cardArrayIndex) {
+					if (!(card && card.cardid)) return -1;
+					var id = card.cardid;
+					var cards = this.cards[cardArrayIndex == null ? 0 : cardArrayIndex];
+					for (var i = 0; i < cards.length; i++) {
+						if (cards[i].cardid == id) return i;
+					}
+
+					return -1;
+				},
+				lockCardsOrder: function (isBottom) {
+					var orders;
+					var cards;
+
+					if (isBottom) {
+						cards = this.cards[1];
+						this.orderCardsList[1] = [];
+						orders = this.orderCardsList[1];
+					} else {
+						cards = this.cards[0];
+						this.orderCardsList[0] = [];
+						orders = this.orderCardsList[0];
+					}
+
+					if (cards.length) {
+						for (var i = 0; i < cards.length; i++) {
+							orders.push(cards[i]);
+						}
+					}
+				},
+				unlockCardsOrder: function (isBottom) {
+					if (isBottom) {
+						this.orderCardsList[1] = [];
+					} else {
+						this.orderCardsList[0] = [];
+					}
+				},
+				getCardArrayIndex: function (card) {
+					var cards = this.cards;
+
+					if (cards[0].indexOf(card) >= 0) {
+						return 0;
+					} else if (cards[1].indexOf(card) >= 0) {
+						return 1;
+					} else {
+						return -1;
+					}
+
+				},
+				onMoved: function () {
+					if (typeof this.callback == 'function') {
+						var ok = this.callback.call(this);
+						if (!ok) {
+							this.classList.add('ok-disable');
+							return;
+						}
+					}
+
+					this.classList.remove('ok-disable');
+				},
+				_click: function (e) {
+					if (this.finishing || this.finished) return;
+					switch (this.objectType) {
+						case 'content':
+							if (guanXing.selected) {
+								var y = (this.offsetHeight * decadeUI.zooms.body * decadeUI.zooms.card) / 2 - (guanXing.cards[0].includes(guanXing.selected) ? 12 : -12);
+								var index = e.layerY < y ? 0 : 1;
+								if (!guanXing.cards[index].includes(guanXing.selected)) {
+									guanXing.switch(guanXing.selected);
+								}
+							}
+
+							guanXing.selected = null;
+							break;
+
+						case 'card':
+							if (guanXing.selected == null) {
+								guanXing.selected = this;
+								break;
+							}
+
+							if (guanXing.selected != this) {
+								guanXing.swap(guanXing.selected, this);
+							} else if (guanXing.doubleSwitch) {
+								guanXing.switch(this);
+							}
+
+							guanXing.selected = null;
+							break;
+						case 'button ok':
+							if (guanXing.classList.contains('ok-disable')) return;
+							guanXing.confirmed = true;
+							guanXing.finish();
+							break;
+
+						default:
+							guanXing.classList.remove('selecting');
+							guanXing.selected = null;
+							break;
+					}
+
+					e.stopPropagation();
+				},
+				_selected: undefined,
+				_caption: decadeUI.dialog.create('caption', guanXing),
+				_content: decadeUI.dialog.create('content buttons', guanXing),
+				_tip: decadeUI.dialog.create('tip', guanXing),
+				_header1: undefined,
+				_header2: undefined,
+				_infohide: undefined,
+				_callback: undefined,
+
+			}
+
+			for (var key in properties) {
+				guanXing[key] = properties[key];
+			}
+
+			Object.defineProperties(guanXing, {
+				selected: {
+					configurable: true,
+					get: function () {
+						return this._selected;
+					},
+					set: function (value) {
+						var current = this._selected;
+						if (current == value) return;
+						if (current != undefined) current.classList.remove('selected');
+
+						this._selected = current = value;
+						if (current != undefined) {
+							current.classList.add('selected');
+							this.classList.add('selecting');
+						} else {
+							this.classList.remove('selecting');
+						}
+					},
+				},
+				caption: {
+					configurable: true,
+					get: function () {
+						return this._caption.innerHTML;
+					},
+					set: function (value) {
+						if (this._caption.innerHTML == value) return;
+						this._caption.innerHTML = value;
+					},
+				},
+				tip: {
+					configurable: true,
+					get: function () {
+						return this._tip.innerHTML;
+					},
+					set: function (value) {
+						if (this._tip.innerHTML == value) return;
+						this._tip.innerHTML = value;
+					},
+				},
+				header1: {
+					configurable: true,
+					get: function () {
+						if (this._header1) return this._header1.innerHTML;
+						return '';
+					},
+					set: function (value) {
+						if (!this._header1 || this._header1.innerHTML == value) return;
+						this._header1.innerHTML = value;
+					},
+				},
+				header2: {
+					configurable: true,
+					get: function () {
+						if (this._header2) return this._header2.innerHTML;
+						return '';
+					},
+					set: function (value) {
+						if (!this._header2 || this._header2.innerHTML == value) return;
+						this._header2.innerHTML = value;
+					},
+				},
+				infohide: {
+					configurable: true,
+					get: function () {
+						return this._infohide;
+					},
+					set: function (value) {
+						if (this._infohide == value) return;
+						this._infohide = value;
+
+						for (var i = 0; i < this.cards.length; i++) {
+							var cards = this.cards[i];
+							for (var j = 0; j < cards.length; j++) {
+								if (value) {
+									cards[j].classList.add('infohidden');
+									cards[j].classList.add('infoflip');
+									cards[j].style.backgroundImage = '';
+								} else {
+									cards[j].classList.remove('infohidden');
+									cards[j].classList.remove('infoflip');
+									cards[j].style.cssText = cards[j].rawCssText;
+								}
+							}
+						}
+					},
+				},
+				callback: {
+					configurable: true,
+					get: function () {
+						return this._callback;
+					},
+					set: function (value) {
+						if (this._callback == value) return;
+						this._callback = value;
+						this.onMoved();
+					},
+				}
+			});
+
+			var content = guanXing._content;
+			guanXing.addEventListener('click', guanXing._click, false);
+
+
+			if (game.me == player) {
+				content.objectType = 'content';
+				content.addEventListener('click', guanXing._click, false);
+				var button = decadeUI.dialog.create('button ok', guanXing);
+				button.innerHTML = '确认';
+				button.objectType = 'button ok';
+				button.addEventListener('click', guanXing._click, false);
+			}
+
+			var size = decadeUI.getHandCardSize();
+			var height = 0;
+
+			if (cards1) {
+				guanXing.cards[0] = cards1;
+				guanXing.movables[0] = Math.max(cards1.length, guanXing.movables[0]);
+			}
+
+			if (cards2) {
+				guanXing.cards[1] = cards2;
+				guanXing.movables[1] = Math.max(cards2.length, guanXing.movables[1]);
+			}
+
+			if (guanXing.movables[0] > 0) {
+				height = size.height;
+				guanXing._header1 = decadeUI.dialog.create('header', guanXing._content);
+				guanXing._header1.style.top = '0';
+				guanXing._header1.innerHTML = '牌堆顶'
+			}
+
+			if (guanXing.movables[1] > 0) {
+				height += height + (height > 0 ? 10 : 0);
+				guanXing._header2 = decadeUI.dialog.create('header', guanXing._content);
+				guanXing._header2.style.bottom = '0';
+				guanXing._header2.innerHTML = '牌堆底'
+			}
+
+			content.style.height = height + 'px';
+
+			var cards;
+			for (var i = 0; i < guanXing.cards.length; i++) {
+				cards = guanXing.cards[i];
+				for (var j = 0; j < cards.length; j++) {
+					if (game.me == player) {
+						cards[j].objectType = 'card';
+						cards[j].removeEventListener('click', ui.click.intro);
+						cards[j].addEventListener('click', guanXing._click, false);
+					}
+
+					cards[j].rawCssText = cards[j].style.cssText;
+					cards[j].fix();
+					content.appendChild(cards[j]);
+				}
+			}
+
+			decadeUI.game.wait();
+			guanXing.infohide = infohide == null ? (game.me == player ? false : true) : infohide;
+			guanXing.caption = get.translation(player) + '正在发动【观星】';
+			guanXing.tip = '点击2张牌交换位置；点击1张牌再点击上方或下方移动到另一方';
+			guanXing.update();
+			ui.arena.appendChild(guanXing);
+
+			decadeUI.eventDialog = guanXing;
+			return guanXing;
+		},
+	};
+});