банк

[hideprofile][html]

</style>

<div class="oa-bank-top">
<div>
<span>ON:AIR BANK</span>
<h2>банк</h2>
<em>баланс / начисления / списания / активность</em>
</div>

<div class="oa-bank-coins">
<b>Ⓥ</b>
<span>считаем голоса</span>
</div>
</div>

<div class="oa-bank-tabs">
<label for="oa-bank-main">основное</label>
<label for="oa-bank-game">игровое</label>
<label for="oa-bank-active">активное</label>
<label for="oa-bank-spend">траты</label>
</div>

<div class="oa-bank-title">
<span>daily balance</span>
<b>банк</b>
<em>зарабатываем / тратим</em>
</div>

</div>

<div class="oa-bank-reader">
<h4>счётчик</h4>

<div class="oa-reader-tabs">
<button type="button" class="active" id="oaReaderIncomeTab">начислить</button>
<button type="button" id="oaReaderSpendTab">тратить</button>
</div>

<div class="oa-reader-panel active" id="oaReaderIncome">
<div class="oa-bank-picked" id="oaBankPicked">
<span>нажми на позиции справа</span>
</div>

<div class="oa-bank-total">
<span>итого</span>
<b id="oaBankTotal">0 голосов</b>
</div>

<button type="button" id="oaBankCopy">скопировать</button>
<button type="button" id="oaBankClear">очистить</button>
</div>

<div class="oa-reader-panel" id="oaReaderSpend">
<div class="oa-bank-picked" id="oaSpendPicked">
<span>нажми на траты справа</span>
</div>

<div class="oa-bank-total">
<span>тратим</span>
<b id="oaSpendTotal">0 голосов</b>
</div>

<button type="button" id="oaSpendCopy">скопировать</button>
<button type="button" id="oaSpendClear">очистить</button>
</div>
</div>
</div>

<div class="oa-bank-hero">
<h3>как работает банк?</h3>
<p>
Банк — это тема, где игроки забирают голоса за основные действия на форуме:
регистрацию, анкету, приход по заявке, оформление профиля и другие стартовые активности.
Всё приносится по шаблону с доказательствами.
</p>
</div>

<div class="oa-bank-section">
<h3>основные начисления</h3>

<div class="oa-bank-row" data-calc data-name="регистрация персонажа" data-price="50"><span>регистрация персонажа</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="пришёл по заявке" data-price="100"><span>пришёл по заявке</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="анкета текстом" data-price="100"><span>анкета текстом</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="анкета мемами" data-price="70"><span>анкета мемами</span><b>70 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="оставить заявку на нужного" data-price="150"><span>оставить заявку на нужного</span><b>150 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="привести друга" data-price="200"><span>привести друга</span><b>200 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="первая покупка в магазине" data-price="50"><span>первая покупка в магазине</span><b>50 голосов</b></div>
</div>

</div>

<div class="oa-bank-section">
<h3>игровые начисления</h3>

<div class="oa-bank-row" data-calc data-name="открыть игровой эпизод" data-price="100"><span>открыть игровой эпизод</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="закрыть игровой эпизод" data-price="150"><span>закрыть игровой эпизод</span><b>150 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="написать первый игровой пост" data-price="200"><span>написать первый игровой пост</span><b>200 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="написать sns-пост" data-price="50"><span>написать sns-пост</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 5 sns-постов" data-price="100"><span>каждые 5 sns-постов</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="пост до 3500 символов" data-price="100"><span>пост до 3500 символов</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="пост от 3500 до 7000 символов" data-price="200"><span>пост от 3500 до 7000 символов</span><b>200 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="пост от 7500 символов и выше" data-price="500"><span>пост от 7500 символов и выше</span><b>500 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="ответ в течение суток" data-price="200"><span>ответ в течение суток</span><b>200 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="что-то про соцсеть" data-price="200"><span>что-то про соцсеть</span><b>200 голосов</b></div>
</div>

</div>

<div class="oa-bank-section">
<h3>активность</h3>

<div class="oa-bank-row" data-calc data-name="первые 100 сообщений" data-price="100"><span>первые 100 сообщений</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 100 сообщений" data-price="50"><span>каждые 100 сообщений</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 100 позитива" data-price="50"><span>каждые 100 позитива</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 100 уважения" data-price="50"><span>каждые 100 уважения</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="быть на форуме 1 час" data-price="100"><span>быть на форуме 1 час</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="быть на форуме 3 часа" data-price="300"><span>быть на форуме 3 часа</span><b>300 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 10 реклам" data-price="100"><span>каждые 10 реклам</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="каждые 15 'это интересно'" data-price="50"><span>каждые 15 'это интересно'</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="создал флуд'" data-price="100"><span>создал флуд</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="добил флуд'" data-price="100"><span>добил флуд</span><b>100 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="участие в конкурсе'" data-price="50"><span>участие в конкурсе</span><b>50 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="попадание в таблицу" data-price="250"><span>попадание в таблицу</span><b>250 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="провёл на форуме 1 день" data-price="200"><span>провёл на форуме 1 день</span><b>200 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="провёл на форуме 15 дней" data-price="500"><span>провёл на форуме 15 дней</span><b>500 голосов</b></div>
<div class="oa-bank-row" data-calc data-name="провёл на форуме 30 дней" data-price="1000"><span>провёл на форуме 30 дней</span><b>1000 голосов</b>
</div>
</div>

</div>

<div class="oa-bank-hero">
<h3>траты</h3>
<p>
Здесь можно выбрать позиции, на которые игрок тратит голоса. Нажимай на строку,
и она попадёт в левый счётчик во вкладку «тратить».
</p>
</div>

<div class="oa-bank-section">
<h3>магазин трат</h3>

<div class="oa-bank-row" data-spend data-name="первая смена внешности" data-price="0"><span>смена внешности</span><b>бесплатно</b></div>
<div class="oa-bank-row" data-spend data-name="смена внешности" data-price="1500"><span>смена внешности</span><b>1500 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="выкупить внешность на неделю" data-price="1000"><span>выкупить внешность на неделю</span><b>1000 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="выкупить внешность на 2 недели" data-price="2000"><span>выкупить внешность на неделю</span><b>2000 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="первый твин" data-price="0"><span>твин</span><b>бесплатно (с одобрения амс, коммент) </b></div>
<div class="oa-bank-row" data-spend data-name="твин" data-price="3500"><span>твин</span><b>3500 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="выписаться из списков" data-price="10000"><span>выписаться из списков</span><b>10000 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="аватар от амс" data-price="0"><span>индивидуальный фон</span><b>только в кредит ахах</b></div>
<div class="oa-bank-row" data-spend data-name="индивидуальный фон" data-price="2000"><span>индивидуальный фон</span><b>2000 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="индивидуальная плашка" data-price="1500"><span>индивидуальная плашка</span><b>1500 голосов</b></div>
<div class="oa-bank-row" data-spend data-name="индивидуальная иконка" data-price="1000"><span>индивидуальная иконка</span><b>1000 голосов</b></div>
</div>

</div>

</div>
</div>

var incomeRows = bank.querySelectorAll('.oa-bank-row[data-calc]');
var spendRows = bank.querySelectorAll('.oa-bank-row[data-spend]');

var incomeTab = bank.querySelector('#oaReaderIncomeTab');
var spendTab = bank.querySelector('#oaReaderSpendTab');
var incomePanel = bank.querySelector('#oaReaderIncome');
var spendPanel = bank.querySelector('#oaReaderSpend');

var incomeBox = bank.querySelector('#oaBankPicked');
var incomeTotal = bank.querySelector('#oaBankTotal');
var incomeResult = bank.querySelector('#oaBankResult');
var incomeCopy = bank.querySelector('#oaBankCopy');
var incomeClear = bank.querySelector('#oaBankClear');

var spendBox = bank.querySelector('#oaSpendPicked');
var spendTotal = bank.querySelector('#oaSpendTotal');
var spendResult = bank.querySelector('#oaSpendResult');
var spendCopy = bank.querySelector('#oaSpendCopy');
var spendClear = bank.querySelector('#oaSpendClear');

var incomeItems = [];
var spendItems = [];

function bbOpen() {
return '[' + 'b' + ']';
}

function bbClose() {
return '[' + '/' + 'b' + ']';
}

function word(num) {
var n = Math.abs(num) % 100;
var n1 = n % 10;
if (n > 10 && n < 20) return 'голосов';
if (n1 > 1 && n1 < 5) return 'голоса';
if (n1 === 1) return 'голос';
return 'голосов';
}

function getTotal(items) {
var total = 0;
items.forEach(function (item) {
total += item.price * (parseInt(item.count, 10) || 0);
});
return total;
}

/* ЗДЕСЬ МЕНЯЕТСЯ ГОТОВЫЙ КОД ДЛЯ НАЧИСЛЕНИЙ */
function buildIncomeText() {
var total = getTotal(incomeItems);
var lines = [];

incomeItems.forEach(function (item) {
var count = parseInt(item.count, 10) || 0;
var sum = item.price * count;
var detail = count > 1 ? ' x ' + count : '';

if (sum > 0) {
lines.push('— ' + item.name + detail + ': ' + sum + ' ' + word(sum));
}
});

incomeTotal.textContent = total + ' ' + word(total);

incomeResult.value =
bbOpen() + 'за что:' + bbClose() + '\n' +
(lines.length ? lines.join('\n') : '— ') +
'\n' + bbOpen() + 'доказательства:' + bbClose() + '\n' +
'\n' + bbOpen() + 'сумма:' + bbClose() + ' ' + total + ' ' + word(total) +
'\n' + bbOpen() + 'итого на балансе:' + bbClose();
}

/* ЗДЕСЬ МЕНЯЕТСЯ ГОТОВЫЙ КОД ДЛЯ ТРАТ */
function buildSpendText() {
var total = getTotal(spendItems);
var lines = [];

spendItems.forEach(function (item) {
var count = parseInt(item.count, 10) || 0;
var sum = item.price * count;
var detail = count > 1 ? ' x ' + count : '';

if (sum > 0) {
lines.push('— ' + item.name + detail + ': ' + sum + ' ' + word(sum));
}
});

spendTotal.textContent = total + ' ' + word(total);

spendResult.value =
bbOpen() + 'что берём:' + bbClose() + '\n' +
(lines.length ? lines.join('\n') : '— ') +
'\n' + bbOpen() + 'исхи и пожелания:' + bbClose() + '\n' +
'\n' + bbOpen() + 'скока тратим:' + bbClose() + ' ' + total + ' ' + word(total) +
'\n' + bbOpen() + 'скока осталось:' + bbClose();
}

function renderList(box, items, emptyText, mode) {
box.innerHTML = '';

if (!items.length) {
box.innerHTML = '<span>' + emptyText + '</span>';
if (mode === 'income') buildIncomeText();
if (mode === 'spend') buildSpendText();
return;
}

items.forEach(function (item, index) {
var count = parseInt(item.count, 10) || 0;
var sum = item.price * count;

var el = document.createElement('div');
el.className = 'oa-picked-item';

el.innerHTML =
'<strong>' + item.name + '</strong>' +
'<em>' + sum + ' ' + word(sum) + '</em>' +
'<div class="oa-picked-controls">' +
'<button type="button" class="oa-picked-minus" data-mode="' + mode + '" data-index="' + index + '">-</button>' +
'<input type="number" min="0" value="' + count + '" data-mode="' + mode + '" data-index="' + index + '" placeholder="сколько раз?">' +
'<button type="button" class="oa-picked-plus" data-mode="' + mode + '" data-index="' + index + '">+</button>' +
'</div>' +
'<button type="button" class="oa-picked-remove" data-mode="' + mode + '" data-index="' + index + '">убрать</button>';

box.appendChild(el);
});

if (mode === 'income') buildIncomeText();
if (mode === 'spend') buildSpendText();
}

function renderIncome() {
renderList(incomeBox, incomeItems, 'нажми на позиции справа', 'income');
}

function renderSpend() {
renderList(spendBox, spendItems, 'нажми на траты справа', 'spend');
}

function addItem(items, name, price) {
var exists = items.find(function (item) {
return item.name === name;
});

if (exists) {
exists.count += 1;
} else {
items.push({
name: name,
price: price,
count: 1
});
}
}

function updateInput(target) {
var mode = target.dataset.mode;
var index = parseInt(target.dataset.index, 10);
var items = mode === 'spend' ? spendItems : incomeItems;

if (!items[index]) return;

items[index].count = parseInt(target.value, 10) || 0;

var item = items[index];
var sum = item.price * item.count;
var pickedItem = target.closest('.oa-picked-item');

if (pickedItem) {
pickedItem.querySelector('em').textContent = sum + ' ' + word(sum);
}

if (mode === 'spend') {
buildSpendText();
} else {
buildIncomeText();
}
}

function handlePickedClick(e) {
var mode = e.target.dataset.mode;
if (!mode) return;

var items = mode === 'spend' ? spendItems : incomeItems;
var index = parseInt(e.target.dataset.index, 10);

if (!items[index]) return;

if (e.target.classList.contains('oa-picked-remove')) {
items.splice(index, 1);
}

if (e.target.classList.contains('oa-picked-minus')) {
items[index].count = Math.max(0, (parseInt(items[index].count, 10) || 0) - 1);
}

if (e.target.classList.contains('oa-picked-plus')) {
items[index].count = (parseInt(items[index].count, 10) || 0) + 1;
}

if (mode === 'spend') {
renderSpend();
} else {
renderIncome();
}
}

incomeRows.forEach(function (row) {
row.addEventListener('click', function () {
addItem(incomeItems, row.dataset.name, parseInt(row.dataset.price, 10) || 0);
switchReader('income');
renderIncome();
});
});

spendRows.forEach(function (row) {
row.addEventListener('click', function () {
addItem(spendItems, row.dataset.name, parseInt(row.dataset.price, 10) || 0);
switchReader('spend');
renderSpend();
});
});

incomeTab.addEventListener('click', function () {
switchReader('income');
});

spendTab.addEventListener('click', function () {
switchReader('spend');
});

incomeBox.addEventListener('focusin', function (e) {
if (e.target.matches('input') && e.target.value === '0') e.target.value = '';
});

spendBox.addEventListener('focusin', function (e) {
if (e.target.matches('input') && e.target.value === '0') e.target.value = '';
});

incomeBox.addEventListener('input', function (e) {
if (e.target.matches('input')) updateInput(e.target);
});

spendBox.addEventListener('input', function (e) {
if (e.target.matches('input')) updateInput(e.target);
});

incomeBox.addEventListener('focusout', function (e) {
if (e.target.matches('input') && e.target.value === '') {
e.target.value = '0';
updateInput(e.target);
}
});

spendBox.addEventListener('focusout', function (e) {
if (e.target.matches('input') && e.target.value === '') {
e.target.value = '0';
updateInput(e.target);
}
});

incomeBox.addEventListener('click', handlePickedClick);
spendBox.addEventListener('click', handlePickedClick);

incomeCopy.addEventListener('click', function () {
incomeResult.select();
document.execCommand('copy');
incomeCopy.textContent = 'скопировано';
setTimeout(function () {
incomeCopy.textContent = 'скопировать';
}, 1200);
});

spendCopy.addEventListener('click', function () {
spendResult.select();
document.execCommand('copy');
spendCopy.textContent = 'скопировано';
setTimeout(function () {
spendCopy.textContent = 'скопировать';
}, 1200);
});

incomeClear.addEventListener('click', function () {
incomeItems = [];
renderIncome();
});

spendClear.addEventListener('click', function () {
spendItems = [];
renderSpend();
});

renderIncome();
renderSpend();
})();
</script>

[/html][/hideprofile]

начислить

Код:

[b]за что:[/b]
[b]доказательства:[/b]
[b]сумма:[/b]
[b]итого на балансе:[/b]

потратить

Код:

[b]что берём:[/b]
[b]скока тратим:[/b]
[b]скока осталось:[/b]

yanichegoneznayu

Меню навигации

Пользовательские ссылки

Информация о пользователе

банк

Сообщений 1 страница 2 из 2

Поделиться1Сегодня 02:57:08

Поделиться2Сегодня 02:57:37