Refactor content editor - Basic ui styling

This commit is contained in:
Oskar Wiksten
2013-01-29 12:13:05 +01:00
parent 8f73b28979
commit aa9480448d
9 changed files with 348 additions and 339 deletions

View File

@@ -5,16 +5,16 @@
<div id="actorconditionimage" class="field"><input type="hidden" id="iconID" ng-model="obj.iconID" /></div>
</div>
<div class="fieldWithLabel">
<label for="id" class="label">Internal ID:</label>
<input type="text" size="30" id="id" class="field fieldInput" ng-model="obj.id"/>
<label for="id">Internal ID:</label>
<input type="text" id="id" class="field at-input-id" ng-model="obj.id" />
</div>
<div class="fieldWithLabel">
<label for="name" class="label">Display name:</label>
<input type="text" size="30" id="name" class="field fieldInput" ng-model="obj.name" />
<label for="name">Display name:</label>
<input type="text" id="name" class="field at-input-name" ng-model="obj.name" />
</div>
<div class="fieldWithLabel">
<label for="category" class="label">Category:</label>
<select class="field fieldInput" id="category" ng-model="obj.category">
<label for="category">Category:</label>
<select class="field" id="category" ng-model="obj.category">
<option value="0">Spiritual</option>
<option value="1">Mental</option>
<option value="2">Physical Capacity</option>
@@ -22,26 +22,26 @@
</select>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="isPositive" ng-model="obj.isPositive" ng-true-value="1" ng-false-value="0" />Positive effect</div>
<label class="checkbox"><input type="checkbox" id="isPositive" ng-model="obj.isPositive" ng-true-value="1" ng-false-value="0" />Positive effect</label>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="isStacking" ng-model="obj.isStacking" ng-true-value="1" ng-false-value="0" />Allow stacked effects</div>
<label class="checkbox"><input type="checkbox" id="isStacking" ng-model="obj.isStacking" ng-true-value="1" ng-false-value="0" />Allow stacked effects</label>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasRoundEffect" ng-model="obj.hasRoundEffect" />Has effect every round (every 6s)</div>
<label class="checkbox"><input type="checkbox" id="hasRoundEffect" ng-model="obj.hasRoundEffect" />Has effect every round (every 6s)</label>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasFullRoundEffect" ng-model="obj.hasFullRoundEffect" />Has effect every full round (every 25:th s)</div>
<label class="checkbox"><input type="checkbox" id="hasFullRoundEffect" ng-model="obj.hasFullRoundEffect" />Has effect every full round (every 25:th s)</label>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasAbilityEffect" ng-model="obj.hasAbilityEffect" />Has constant ability effect</div>
<label class="checkbox"><input type="checkbox" id="hasAbilityEffect" ng-model="obj.hasAbilityEffect" />Has constant ability effect</label>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasRoundEffectDisplay" ng-ds-fade="obj.hasRoundEffect">
<legend>Every round (6s)</legend>
<div class="fieldWithLabel">
<label for="round_visualEffectID" class="label">Visual effect:</label>
<select class="field fieldInput" id="round_visualEffectID" ng-model="obj.roundEffect.visualEffectID">
<label for="round_visualEffectID">Visual effect:</label>
<select class="field" id="round_visualEffectID" ng-model="obj.roundEffect.visualEffectID">
<option value="-1">None</option>
<option value="0">Red splatter</option>
<option value="1">Blue swirl</option>
@@ -49,27 +49,27 @@
</select>
</div>
<div class="fieldWithLabel">
<label for="round_boostHP" class="label">Boost current HP (range):</label>
<label for="round_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="round_boostHP_Min" class="fieldInput integer" ng-model="obj.roundEffect.increaseCurrentHP.min" />
<input type="text" size="3" id="round_boostHP_Min" class="at-input-stat-minmax" ng-model="obj.roundEffect.increaseCurrentHP.min" />
-
<input type="text" size="3" id="round_boostHP_Max" class="fieldInput integer" ng-model="obj.roundEffect.increaseCurrentHP.max" />
<input type="text" size="3" id="round_boostHP_Max" class="at-input-stat-minmax" ng-model="obj.roundEffect.increaseCurrentHP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="round_boostAP" class="label">Boost current AP (range):</label>
<label for="round_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="round_boostAP_Min" class="fieldInput integer" ng-model="obj.roundEffect.increaseCurrentAP.min" />
<input type="text" size="3" id="round_boostAP_Min" class="at-input-stat-minmax" ng-model="obj.roundEffect.increaseCurrentAP.min" />
-
<input type="text" size="3" id="round_boostAP_Max" class="fieldInput integer" ng-model="obj.roundEffect.increaseCurrentAP.max" />
<input type="text" size="3" id="round_boostAP_Max" class="at-input-stat-minmax" ng-model="obj.roundEffect.increaseCurrentAP.max" />
</div>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasFullRoundEffectDisplay" ng-ds-fade="obj.hasFullRoundEffect">
<legend>Every full round (25s)</legend>
<div class="fieldWithLabel">
<label for="fullround_visualEffectID" class="label">Visual effect:</label>
<select class="field fieldInput" id="fullround_visualEffectID" ng-model="obj.fullRoundEffect.visualEffectID">
<label for="fullround_visualEffectID">Visual effect:</label>
<select class="field" id="fullround_visualEffectID" ng-model="obj.fullRoundEffect.visualEffectID">
<option value="-1">None</option>
<option value="0">Red splatter</option>
<option value="1">Blue swirl</option>
@@ -77,71 +77,71 @@
</select>
</div>
<div class="fieldWithLabel">
<label for="fullround_boostHP" class="label">Boost current HP (range):</label>
<label for="fullround_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="fullround_boostHP_Min" class="fieldInput integer" ng-model="obj.fullRoundEffect.increaseCurrentHP.min" />
<input type="text" size="3" id="fullround_boostHP_Min" class="at-input-stat-minmax" ng-model="obj.fullRoundEffect.increaseCurrentHP.min" />
-
<input type="text" size="3" id="fullround_boostHP_Max" class="fieldInput integer" ng-model="obj.fullRoundEffect.increaseCurrentHP.max" />
<input type="text" size="3" id="fullround_boostHP_Max" class="at-input-stat-minmax" ng-model="obj.fullRoundEffect.increaseCurrentHP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="fullround_boostAP" class="label">Boost current AP (range):</label>
<label for="fullround_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="fullround_boostAP_Min" class="fieldInput integer" ng-model="obj.fullRoundEffect.increaseCurrentAP.min" />
<input type="text" size="3" id="fullround_boostAP_Min" class="at-input-stat-minmax" ng-model="obj.fullRoundEffect.increaseCurrentAP.min" />
-
<input type="text" size="3" id="fullround_boostAP_Max" class="fieldInput integer" ng-model="obj.fullRoundEffect.increaseCurrentAP.max" />
<input type="text" size="3" id="fullround_boostAP_Max" class="at-input-stat-minmax" ng-model="obj.fullRoundEffect.increaseCurrentAP.max" />
</div>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasAbilityEffectDisplay" ng-ds-fade="obj.hasAbilityEffect">
<legend>Constant ability effect</legend>
<div class="fieldWithLabel">
<label for="boostMaxHP" class="label">Boost max HP:</label>
<input type="text" size="5" id="boostMaxHP" class="field fieldInput integer" ng-model="obj.abilityEffect.increaseMaxHP" />
<label for="boostMaxHP">Boost max HP:</label>
<input type="text" size="5" id="boostMaxHP" class="field at-input-stat" ng-model="obj.abilityEffect.increaseMaxHP" />
</div>
<div class="fieldWithLabel">
<label for="boostMaxAP" class="label">Boost max AP:</label>
<input type="text" size="5" id="boostMaxAP" class="field fieldInput integer" ng-model="obj.abilityEffect.increaseMaxAP" />
<label for="boostMaxAP">Boost max AP:</label>
<input type="text" size="5" id="boostMaxAP" class="field at-input-stat" ng-model="obj.abilityEffect.increaseMaxAP" />
</div>
<div class="fieldWithLabel">
<label for="moveCostPenalty" class="label">Increase move cost (AP):</label>
<input type="text" size="5" id="moveCostPenalty" class="field fieldInput integer" ng-model="obj.abilityEffect.increaseMoveCost" />
<label for="moveCostPenalty">Increase move cost (AP):</label>
<input type="text" size="5" id="moveCostPenalty" class="field at-input-stat" ng-model="obj.abilityEffect.increaseMoveCost" />
</div>
<div class="fieldWithLabel">
<label for="increaseUseItemCost" class="label">Increase use cost (AP):</label>
<input class="field" type="text" size="5" id="increaseUseItemCost" class="fieldInput integer" ng-model="obj.abilityEffect.increaseUseItemCost" />
<label for="increaseUseItemCost">Increase use cost (AP):</label>
<input type="text" size="5" id="increaseUseItemCost" class="field at-input-stat" ng-model="obj.abilityEffect.increaseUseItemCost" />
</div>
<div class="fieldWithLabel">
<label for="increaseReequipCost" class="label">Increase re-equip cost (AP):</label>
<input class="field" type="text" size="5" id="increaseReequipCost" class="fieldInput integer" ng-model="obj.abilityEffect.increaseReequipCost" />
<label for="increaseReequipCost">Increase re-equip cost (AP):</label>
<input type="text" size="5" id="increaseReequipCost" class="field at-input-stat" ng-model="obj.abilityEffect.increaseReequipCost" />
</div>
<div class="fieldWithLabel">
<label for="attackCost" class="label">Increase attack cost (AP):</label>
<input class="field" type="text" size="5" id="attackCost" class="fieldInput integer" ng-model="obj.abilityEffect.increaseAttackCost" />
<label for="attackCost">Increase attack cost (AP):</label>
<input type="text" size="5" id="attackCost" class="field at-input-stat" ng-model="obj.abilityEffect.increaseAttackCost" />
</div>
<div class="fieldWithLabel">
<label for="attackChance" class="label">Increase attack chance:</label>
<div class="field"><input type="text" size="5" id="attackChance" class="fieldInput integer" ng-model="obj.abilityEffect.increaseAttackChance" />%</div>
<label for="attackChance">Increase attack chance:</label>
<input type="text" size="5" id="attackChance" class="field at-input-stat" ng-model="obj.abilityEffect.increaseAttackChance" />%
</div>
<div class="fieldWithLabel">
<label for="attackDamage" class="label">Increase attack damage (range):</label>
<label for="attackDamage">Increase attack damage (range):</label>
<div class="field">
<input type="text" size="3" id="attackDamage_Min" class="fieldInput integer" ng-model="obj.abilityEffect.increaseAttackDamage.min" />
<input type="text" size="3" id="attackDamage_Min" class="at-input-stat-minmax" ng-model="obj.abilityEffect.increaseAttackDamage.min" />
-
<input type="text" size="3" id="attackDamage_Max" class="fieldInput integer" ng-model="obj.abilityEffect.increaseAttackDamage.max" />
<input type="text" size="3" id="attackDamage_Max" class="at-input-stat-minmax" ng-model="obj.abilityEffect.increaseAttackDamage.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="criticalChance" class="label">Increase critical skill:</label>
<div class="field"><input type="text" size="5" id="criticalChance" class="fieldInput integer" ng-model="obj.abilityEffect.increaseCriticalSkill" />%</div>
<label for="criticalChance">Increase critical skill:</label>
<input type="text" size="5" id="criticalChance" class="field at-input-stat" ng-model="obj.abilityEffect.increaseCriticalSkill" />%
</div>
<div class="fieldWithLabel">
<label for="blockChance" class="label">Increase block chance:</label>
<div class="field"><input type="text" size="5" id="blockChance" class="fieldInput integer" ng-model="obj.abilityEffect.increaseBlockChance" />%</div>
<label for="blockChance">Increase block chance:</label>
<input type="text" size="5" id="blockChance" class="field at-input-stat" ng-model="obj.abilityEffect.increaseBlockChance" />%
</div>
<div class="fieldWithLabel">
<label for="damageResistance" class="label">Increase damage resistance:</label>
<input class="field" type="text" size="5" id="damageResistance" class="fieldInput integer" ng-model="obj.abilityEffect.increaseDamageResistance" />
<label for="damageResistance">Increase damage resistance:</label>
<input type="text" size="5" id="damageResistance" class="field at-input-stat" ng-model="obj.abilityEffect.increaseDamageResistance" />
</div>
</fieldset>
<div class="endSets"> </div>

View File

@@ -2,30 +2,32 @@
<fieldset class="fieldSet">
<legend>General</legend>
<div class="fieldWithLabel">
<label for="id" class="label">Droplist internal ID:</label>
<input type="text" size="30" id="id" class="field fieldInput" ng-model="obj.id" />
<label for="id">Droplist internal ID:</label>
<input type="text" size="30" id="id" class="field at-input-id" ng-model="obj.id" />
</div>
<div class="fieldWithLabel">
<label for="stages" class="label">Items dropped</label>
<label for="stages">Items dropped</label>
<table class="field" id="items">
<thead><tr>
<th id="itemID">Item (id)</th>
<th id="quantity_Min">Min quantity</th>
<th id="quantity_Max">Max quantity</th>
<th id="quantity">Quantity (range)</th>
<th id="chance">Chance</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="dropItem in obj.items">
<td><input type="text" ng-model="dropItem.itemID" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="dropItem.quantity.min" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="dropItem.quantity.max" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="dropItem.chance" class="fieldInput" /></td>
<td><a ng-click="removeDropItem(dropItem)">X</a></td>
<td><input type="text" ng-model="dropItem.itemID" class="at-input-id" /></td>
<td>
<input type="text" size="3" ng-model="dropItem.quantity.min" class="at-input-quantity" />
-
<input type="text" size="3" ng-model="dropItem.quantity.max" class="at-input-quantity" />
</td>
<td><input type="text" size="3" ng-model="dropItem.chance" class="at-input-chance" /></td>
<td><a ng-click="removeDropItem(dropItem)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addDropItem()">Add</button>
<button ng-click="addDropItem()" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<div class="endSets"> </div>

View File

@@ -1,4 +1,3 @@
<div id="editItem">
<h3>Item</h3>
<fieldset class="fieldSet">
<legend>General</legend>
@@ -6,20 +5,20 @@
<div id="itemimage" class="field"><input type="hidden" id="iconID" ng-model="obj.iconID" /></div>
</div>
<div class="fieldWithLabel">
<label for="name" class="label">Display name:</label>
<input class="field" type="text" size="30" id="name" class="fieldInput" ng-model="obj.name" />
<label for="name">Display name:</label>
<input type="text" size="30" id="name" class="field at-input-name" ng-model="obj.name" />
</div>
<div class="fieldWithLabel">
<label for="id" class="label">Internal ID:</label>
<input class="field" type="text" size="30" id="id" class="fieldInput" ng-model="obj.id" />
<label for="id">Internal ID:</label>
<input type="text" size="30" id="id" class="field at-input-id" ng-model="obj.id" />
</div>
<div class="fieldWithLabel">
<label for="category" class="label">Category:</label>
<label for="category">Category:</label>
<select class="field" id="category" ng-model="obj.category" ng-options="s.name for s in itemCategories">
</select>
</div>
<div class="fieldWithLabel">
<label for="displaytype" class="label">Display as:</label>
<label for="displaytype">Display as:</label>
<select class="field" id="displaytype" ng-model="obj.displaytype">
<option value="0">Ordinary item</option>
<option value="1">Quest item (yellow)</option>
@@ -29,255 +28,258 @@
</select>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasManualPrice" ng-model="obj.hasManualPrice" ng-true-value="1" ng-false-value="0" />Item has manually specified store price</div>
<label class="checkbox"><input type="checkbox" id="hasEquipEffect" ng-model="obj.hasEquipEffect" />Has equip effect</label>
</div>
<div class="fieldWithLabel">
<label for="baseMarketCost" class="label">Base market cost (gold):</label>
<input class="field" type="text" size="7" id="baseMarketCost" ng-readonly="obj.hasManualPrice == 0" class="fieldInput integer" ng-model="obj.baseMarketCost" title="The actual price is adjusted 15% depending on if the item is being bought or sold. Set to 0 to prohibit selling this item type (for example, for a quest item)." />
<label class="checkbox"><input type="checkbox" id="hasUseEffect" ng-model="obj.hasUseEffect" />Has use effect</label>
</div>
<div class="fieldWithLabel">
<label for="marketCost_Sell" class="label">Actual price (gold):</label>
<label class="checkbox"><input type="checkbox" id="hasHitEffect" ng-model="obj.hasHitEffect" />Has effect on every hit</label>
</div>
<div class="fieldWithLabel">
<label class="checkbox"><input type="checkbox" id="hasKillEffect" ng-model="obj.hasKillEffect" />Has effect on every kill</label>
</div>
</fieldset>
<fieldset class="fieldSet">
<legend>Price</legend>
<div class="fieldWithLabel">
<label class="checkbox"><input type="checkbox" id="hasManualPrice" ng-model="obj.hasManualPrice" ng-true-value="1" ng-false-value="0" />Item has manually specified store price</label>
</div>
<div class="fieldWithLabel">
<label for="baseMarketCost">Base market cost (gold):</label>
<input type="text" size="7" id="baseMarketCost" ng-readonly="obj.hasManualPrice == 0" class="field at-input-gold" ng-model="obj.baseMarketCost" title="The actual price is adjusted 15% depending on if the item is being bought or sold. Set to 0 to prohibit selling this item type (for example, for a quest item)." />
</div>
<div class="fieldWithLabel">
<label for="marketCost_Sell">Actual price (gold):</label>
<div class="field">
<span>Sell: <input type="text" size="7" id="marketCost_Sell" class="fieldInput integer" ng-model="marketCost_Sell" readonly="readonly" /></span>
<span>Buy: <input type="text" size="7" id="marketCost_Buy" class="fieldInput integer" ng-model="marketCost_Buy" readonly="readonly" /></span>
<span>Sell: <input type="text" size="7" id="marketCost_Sell" class="at-input-gold" ng-model="marketCost_Sell" readonly="readonly" /></span>
<span>Buy: <input type="text" size="7" id="marketCost_Buy" class="at-input-gold" ng-model="marketCost_Buy" readonly="readonly" /></span>
</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasEquipEffect" ng-model="obj.hasEquipEffect" />Has equip effect</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasUseEffect" ng-model="obj.hasUseEffect" />Has use effect</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasHitEffect" ng-model="obj.hasHitEffect" />Has effect on every hit</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasKillEffect" ng-model="obj.hasKillEffect" />Has effect on every kill</div>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasEquipEffectDisplay" ng-ds-fade="obj.hasEquipEffect">
<legend>When equipped</legend>
<div class="fieldWithLabel">
<label for="equip_boostMaxHP" class="label">Increase max HP:</label>
<input type="text" size="5" id="equip_boostMaxHP" class="field fieldInput integer" ng-model="obj.equipEffect.increaseMaxHP" />
<label for="equip_boostMaxHP">Increase max HP:</label>
<input type="text" size="5" id="equip_boostMaxHP" class="field at-input-stat" ng-model="obj.equipEffect.increaseMaxHP" />
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasEquipEffect" ng-model="obj.hasEquipAPEffect" />Has AP effect</div>
<label class="checkbox"><input type="checkbox" id="hasEquipEffect" ng-model="obj.hasEquipAPEffect" />Has AP effect</label>
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasEquipAPEffect">
<label for="equip_boostMaxAP" class="label">Increase max AP:</label>
<input type="text" size="5" id="equip_boostMaxAP" class="field fieldInput integer" ng-model="obj.equipEffect.increaseMaxAP" />
<label for="equip_boostMaxAP">Increase max AP:</label>
<input type="text" size="5" id="equip_boostMaxAP" class="field at-input-stat" ng-model="obj.equipEffect.increaseMaxAP" />
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasEquipAPEffect">
<label for="equip_moveCostPenalty" class="label">Increase move cost (AP):</label>
<input type="text" size="5" id="equip_moveCostPenalty" class="field fieldInput integer" ng-model="obj.equipEffect.increaseMoveCost" />
<label for="equip_moveCostPenalty">Increase move cost (AP):</label>
<input type="text" size="5" id="equip_moveCostPenalty" class="field at-input-stat" ng-model="obj.equipEffect.increaseMoveCost" />
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasEquipAPEffect">
<label for="equip_increaseUseItemCost" class="label">Increase use item cost (AP):</label>
<input class="field" type="text" size="5" id="equip_increaseUseItemCost" class="fieldInput integer" ng-model="obj.equipEffect.increaseUseItemCost" />
<label for="equip_increaseUseItemCost">Increase use item cost (AP):</label>
<input type="text" size="5" id="equip_increaseUseItemCost" class="field at-input-stat" ng-model="obj.equipEffect.increaseUseItemCost" />
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasEquipAPEffect">
<label for="equip_increaseReequipCost" class="label">Increase re-equip cost (AP):</label>
<input class="field" type="text" size="5" id="equip_increaseReequipCost" class="fieldInput integer" ng-model="obj.equipEffect.increaseReequipCost" />
<label for="equip_increaseReequipCost">Increase re-equip cost (AP):</label>
<input type="text" size="5" id="equip_increaseReequipCost" class="field at-input-stat" ng-model="obj.equipEffect.increaseReequipCost" />
</div>
<div class="fieldWithLabel" ng-ds-fade="!isWeapon">
<label for="equip_attackCost" class="label">Increase attack cost (AP):</label>
<input class="field" type="text" size="5" id="equip_attackCost" class="fieldInput integer" ng-model="obj.equipEffect.increaseAttackCost" />
<label for="equip_attackCost">Increase attack cost (AP):</label>
<input type="text" size="5" id="equip_attackCost" class="field at-input-stat" ng-model="obj.equipEffect.increaseAttackCost" />
</div>
<div class="fieldWithLabel" ng-show="isWeapon">
<label for="equip_attackCost" class="label">Attack cost (AP):</label>
<input class="field" type="text" size="5" id="equip_attackCost" class="fieldInput integer" ng-model="obj.equipEffect.increaseAttackCost" />
<label for="equip_attackCost">Attack cost (AP):</label>
<input type="text" size="5" id="equip_attackCost" class="field at-input-stat" ng-model="obj.equipEffect.increaseAttackCost" />
</div>
<div class="fieldWithLabel">
<label for="equip_attackChance" class="label">Increase attack chance:</label>
<div class="field"><input type="text" size="5" id="equip_attackChance" class="fieldInput integer" ng-model="obj.equipEffect.increaseAttackChance" />%</div>
<label for="equip_attackChance">Increase attack chance:</label>
<input type="text" size="5" id="equip_attackChance" class="field at-input-stat" ng-model="obj.equipEffect.increaseAttackChance" />%
</div>
<div class="fieldWithLabel">
<label for="equip_attackDamage" class="label">Increase attack damage (range):</label>
<label for="equip_attackDamage">Increase attack damage (range):</label>
<div class="field">
<input type="text" size="3" id="equip_attackDamage_Min" class="fieldInput integer" ng-model="obj.equipEffect.increaseAttackDamage.min" />
<input type="text" size="3" id="equip_attackDamage_Min" class="at-input-stat-minmax" ng-model="obj.equipEffect.increaseAttackDamage.min" />
-
<input type="text" size="3" id="equip_attackDamage_Max" class="fieldInput integer" ng-model="obj.equipEffect.increaseAttackDamage.max" />
<input type="text" size="3" id="equip_attackDamage_Max" class="at-input-stat-minmax" ng-model="obj.equipEffect.increaseAttackDamage.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="equip_criticalChance" class="label">Increase critical skill:</label>
<div class="field"><input type="text" size="5" id="equip_criticalChance" class="fieldInput integer" ng-model="obj.equipEffect.increaseCriticalSkill" /></div>
<label for="equip_criticalChance">Increase critical skill:</label>
<input type="text" size="5" id="equip_criticalChance" class="field at-input-stat" ng-model="obj.equipEffect.increaseCriticalSkill" />
</div>
<div class="fieldWithLabel" ng-show="isWeapon">
<label for="equip_criticalMultiplier" class="label">Critical multiplier:</label>
<input class="field" type="text" size="5" id="equip_criticalMultiplier" class="fieldInput integer" ng-model="obj.equipEffect.setCriticalMultiplier" />
<label for="equip_criticalMultiplier">Critical multiplier:</label>
<input type="text" size="5" id="equip_criticalMultiplier" class="field at-input-stat" ng-model="obj.equipEffect.setCriticalMultiplier" />
</div>
<div class="fieldWithLabel">
<label for="equip_blockChance" class="label">Increase block chance:</label>
<div class="field"><input type="text" size="5" id="equip_blockChance" class="fieldInput integer" ng-model="obj.equipEffect.increaseBlockChance" />%</div>
<label for="equip_blockChance">Increase block chance:</label>
<input type="text" size="5" id="equip_blockChance" class="field at-input-stat" ng-model="obj.equipEffect.increaseBlockChance" />%
</div>
<div class="fieldWithLabel">
<label for="equip_damageResistance" class="label">Increase damage resistance:</label>
<input class="field" type="text" size="5" id="equip_damageResistance" class="fieldInput integer" ng-model="obj.equipEffect.increaseDamageResistance" />
<label for="equip_damageResistance">Increase damage resistance:</label>
<input type="text" size="5" id="equip_damageResistance" class="field at-input-stat" ng-model="obj.equipEffect.increaseDamageResistance" />
</div>
<div class="fieldWithLabel">
<label for="equip_conditions" class="label">Apply actor condition</label>
<label for="equip_conditions">Apply actor condition</label>
<table class="field" id="equip_conditions">
<thead><tr>
<th id="condition">Condition</th>
<th id="magnitude">Magnitude</th>
<th>Condition</th>
<th>Magnitude</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="condition in obj.equipEffect.addedConditions">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><a ng-click="removeCondition(obj.equipEffect.addedConditions, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><a ng-click="removeCondition(obj.equipEffect.addedConditions, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.equipEffect.addedConditions)">Add</button>
<button ng-click="addCondition(obj.equipEffect.addedConditions)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasUseEffectDisplay" ng-ds-fade="obj.hasUseEffect">
<legend>When used</legend>
<div class="fieldWithLabel">
<label for="use_boostHP" class="label">Boost current HP (range):</label>
<label for="use_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="use_boostHP_Min" class="fieldInput integer" ng-model="obj.useEffect.increaseCurrentHP.min" />
<input type="text" size="3" id="use_boostHP_Min" class="at-input-stat-minmax" ng-model="obj.useEffect.increaseCurrentHP.min" />
-
<input type="text" size="3" id="use_boostHP_Max" class="fieldInput integer" ng-model="obj.useEffect.increaseCurrentHP.max" />
<input type="text" size="3" id="use_boostHP_Max" class="at-input-stat-minmax" ng-model="obj.useEffect.increaseCurrentHP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="use_boostAP" class="label">Boost current AP (range):</label>
<label for="use_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="use_boostAP_Min" class="fieldInput integer" ng-model="obj.useEffect.increaseCurrentAP.min" />
<input type="text" size="3" id="use_boostAP_Min" class="at-input-stat-minmax" ng-model="obj.useEffect.increaseCurrentAP.min" />
-
<input type="text" size="3" id="use_boostAP_Max" class="fieldInput integer" ng-model="obj.useEffect.increaseCurrentAP.max" />
<input type="text" size="3" id="use_boostAP_Max" class="at-input-stat-minmax" ng-model="obj.useEffect.increaseCurrentAP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="use_conditionsSource" class="label">Apply actor condition</label>
<label for="use_conditionsSource">Apply actor condition</label>
<table class="field" id="use_conditionsSource">
<thead><tr>
<th id="condition">Condition</th>
<th id="magnitude">Magnitude</th>
<th id="duration">Duration</th>
<th id="chance">Chance</th>
<th>Condition</th>
<th>Magnitude</th>
<th>Duration</th>
<th>Chance</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="condition in obj.useEffect.conditionsSource">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.useEffect.conditionsSource, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.useEffect.conditionsSource, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.useEffect.conditionsSource)">Add</button>
<button ng-click="addCondition(obj.useEffect.conditionsSource)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasHitEffectDisplay" ng-ds-fade="obj.hasHitEffect">
<legend>When making a successful hit</legend>
<div class="fieldWithLabel">
<label for="hit_boostHP" class="label">Boost current HP (range):</label>
<label for="hit_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="hit_boostHP_Min" class="fieldInput integer" ng-model="obj.hitEffect.increaseCurrentHP.min" />
<input type="text" size="3" id="hit_boostHP_Min" class="at-input-stat-minmax" ng-model="obj.hitEffect.increaseCurrentHP.min" />
-
<input type="text" size="3" id="hit_boostHP_Max" class="fieldInput integer" ng-model="obj.hitEffect.increaseCurrentHP.max" />
<input type="text" size="3" id="hit_boostHP_Max" class="at-input-stat-minmax" ng-model="obj.hitEffect.increaseCurrentHP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="hit_boostAP" class="label">Boost current AP (range):</label>
<label for="hit_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="hit_boostAP_Min" class="fieldInput integer" ng-model="obj.hitEffect.increaseCurrentAP.min" />
<input type="text" size="3" id="hit_boostAP_Min" class="at-input-stat-minmax" ng-model="obj.hitEffect.increaseCurrentAP.min" />
-
<input type="text" size="3" id="hit_boostAP_Max" class="fieldInput integer" ng-model="obj.hitEffect.increaseCurrentAP.max" />
<input type="text" size="3" id="hit_boostAP_Max" class="at-input-stat-minmax" ng-model="obj.hitEffect.increaseCurrentAP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="hit_conditionsSource" class="label">Apply actor condition to source</label>
<label for="hit_conditionsSource">Apply actor condition to source</label>
<table class="field" id="hit_conditionsSource">
<thead><tr>
<th id="condition">Condition</th>
<th id="magnitude">Magnitude</th>
<th id="duration">Duration</th>
<th id="chance">Chance</th>
<th>Condition</th>
<th>Magnitude</th>
<th>Duration</th>
<th>Chance</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="condition in obj.hitEffect.conditionsSource">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsSource, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsSource, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.hitEffect.conditionsSource)">Add</button>
<button ng-click="addCondition(obj.hitEffect.conditionsSource)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
<div class="fieldWithLabel">
<label for="hit_conditionsTarget" class="label">Apply actor condition to target</label>
<label for="hit_conditionsTarget">Apply actor condition to target</label>
<table class="field" id="hit_conditionsTarget">
<thead><tr>
<th id="condition">Condition</th>
<th id="magnitude">Magnitude</th>
<th id="duration">Duration</th>
<th id="chance">Chance</th>
<th>Condition</th>
<th>Magnitude</th>
<th>Duration</th>
<th>Chance</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="condition in obj.hitEffect.conditionsTarget">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsTarget, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsTarget, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.hitEffect.conditionsTarget)">Add</button>
<button ng-click="addCondition(obj.hitEffect.conditionsTarget)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasKillEffectDisplay" ng-ds-fade="obj.hasKillEffect">
<legend>On every kill</legend>
<div class="fieldWithLabel">
<label for="kill_boostHP" class="label">Boost current HP (range):</label>
<label for="kill_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="kill_boostHP_Min" class="fieldInput integer" ng-model="obj.killEffect.increaseCurrentHP.min" />
<input type="text" size="3" id="kill_boostHP_Min" class="at-input-stat-minmax" ng-model="obj.killEffect.increaseCurrentHP.min" />
-
<input type="text" size="3" id="kill_boostHP_Max" class="fieldInput integer" ng-model="obj.killEffect.increaseCurrentHP.max" />
<input type="text" size="3" id="kill_boostHP_Max" class="at-input-stat-minmax" ng-model="obj.killEffect.increaseCurrentHP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="kill_boostAP" class="label">Boost current AP (range):</label>
<label for="kill_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="kill_boostAP_Min" class="fieldInput integer" ng-model="obj.killEffect.increaseCurrentAP.min" />
<input type="text" size="3" id="kill_boostAP_Min" class="at-input-stat-minmax" ng-model="obj.killEffect.increaseCurrentAP.min" />
-
<input type="text" size="3" id="kill_boostAP_Max" class="fieldInput integer" ng-model="obj.killEffect.increaseCurrentAP.max" />
<input type="text" size="3" id="kill_boostAP_Max" class="at-input-stat-minmax" ng-model="obj.killEffect.increaseCurrentAP.max" />
</div>
</div>
<div class="fieldWithLabel">
<label for="kill_conditionsSource" class="label">Apply actor condition</label>
<label for="kill_conditionsSource">Apply actor condition</label>
<table class="field" id="kill_conditionsSource">
<thead><tr>
<th id="condition">Condition</th>
<th id="magnitude">Magnitude</th>
<th id="duration">Duration</th>
<th id="chance">Chance</th>
<th>Condition</th>
<th>Magnitude</th>
<th>Duration</th>
<th>Chance</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="condition in obj.killEffect.conditionsSource">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.killEffect.conditionsSource, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.killEffect.conditionsSource, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.killEffect.conditionsSource)">Add</button>
<button ng-click="addCondition(obj.killEffect.conditionsSource)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<div class="endSets"> </div>

View File

@@ -2,15 +2,15 @@
<fieldset class="fieldSet">
<legend>General</legend>
<div class="fieldWithLabel">
<label for="id" class="label">Internal id:</label>
<input class="field" type="text" size="30" id="id" ng-model="obj.id" class="fieldInput"/>
<label for="id">Internal id:</label>
<input type="text" size="30" id="id" ng-model="obj.id" class="field at-input-id"/>
</div>
<div class="fieldWithLabel">
<label for="name" class="label">Display name:</label>
<input class="field" type="text" size="30" id="name" ng-model="obj.name" class="fieldInput"/>
<label for="name">Display name:</label>
<input type="text" size="30" id="name" ng-model="obj.name" class="field at-input-name"/>
</div>
<div class="fieldWithLabel">
<label for="actionType" class="label">Action type:</label>
<label for="actionType">Action type:</label>
<select class="field" id="actionType" ng-model="obj.actionType">
<option value="0">Non-usable</option>
<option value="1">Usable</option>
@@ -18,7 +18,7 @@
</select>
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.actionType == 2">
<label for="inventorySlot" class="label">Equippable inventory slot:</label>
<label for="inventorySlot">Equippable inventory slot:</label>
<select class="field" id="inventorySlot" ng-model="obj.inventorySlot">
<option value="-1">None</option>
<option value="0">Weapon</option>
@@ -32,7 +32,7 @@
</select>
</div>
<div class="fieldWithLabel">
<label for="size" class="label">Size:</label>
<label for="size">Size:</label>
<select class="field" id="size" ng-model="obj.size">
<option value="0">None</option>
<option value="1">Light</option>

View File

@@ -5,22 +5,22 @@
<div id="monsterimage" class="field"><input type="hidden" ng-model="obj.iconID" /></div>
</div>
<div class="fieldWithLabel">
<label for="id" class="label">Internal id:</label>
<input class="field" type="text" size="30" id="id" ng-model="obj.id" class="fieldInput"/>
<label for="id">Internal id:</label>
<input type="text" size="30" id="id" class="field at-input-id" ng-model="obj.id"/>
</div>
<div class="fieldWithLabel">
<label for="name" class="label">Display name:</label>
<input class="field" type="text" size="30" id="name" ng-model="obj.name" class="fieldInput"/>
<label for="name">Display name:</label>
<input type="text" size="30" id="name" class="field at-input-name" ng-model="obj.name"/>
</div>
<div class="fieldWithLabel">
<label for="spawnGroup" class="label">Spawngroup:</label>
<input class="field" type="text" size="30" id="spawnGroup" ng-model="obj.spawnGroup" class="fieldInput" title="This is a grouping of monster types. Use these tags on spawn areas to spawn random monsters with the same tag. Several monsters may have the same tag." />
<label for="spawnGroup">Spawngroup:</label>
<input type="text" size="30" id="spawnGroup" class="field at-input-id" ng-model="obj.spawnGroup" title="This is a grouping of monster types. Use these tags on spawn areas to spawn random monsters with the same tag. Several monsters may have the same tag." />
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="unique" ng-model="obj.isUnique" />Is unique (will not respawn)</div>
<label class="checkbox"><input type="checkbox" id="unique" ng-model="obj.isUnique" />Is unique (will not respawn)</label>
</div>
<div class="fieldWithLabel">
<label for="monsterClass" class="label">Monster class:</label>
<label for="monsterClass">Monster class:</label>
<select class="field" id="monsterClass" ng-model="obj.monsterClass">
<option value="0">Humanoid</option>
<option value="1">Insect</option>
@@ -34,10 +34,10 @@
</select>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="showAdvanced" ng-model="obj.showAdvanced" />Show advanced properties</div>
<label class="checkbox"><input type="checkbox" id="showAdvanced" ng-model="obj.showAdvanced" />Show advanced properties</label>
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.showAdvanced">
<label for="size" class="label">Size:</label>
<label for="size">Size:</label>
<select class="field" id="size" ng-model="obj.size">
<option value="1x1">1x1</option>
<option value="1x2">1x2</option>
@@ -51,104 +51,104 @@
</select>
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.showAdvanced">
<label for="faction" class="label">Faction:</label>
<input class="field" type="text" size="30" id="faction" ng-model="obj.faction" class="fieldInput"/>
<label for="faction">Faction:</label>
<input type="text" size="30" id="faction" ng-model="obj.faction" class="field at-input-id"/>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasConversation" ng-model="obj.hasConversation" />Has conversation</div>
<label class="checkbox"><input type="checkbox" id="hasConversation" ng-model="obj.hasConversation" />Has conversation</label>
</div>
<div class="fieldWithLabel" id="hasConversationDisplay" ng-ds-fade="obj.hasConversation">
<label for="phraseID" class="label">Conversation phrase ID:</label>
<input class="field" type="text" size="30" id="phraseID" ng-model="obj.phraseID" class="fieldInput" />
<label for="phraseID">Conversation phrase ID:</label>
<input type="text" size="30" id="phraseID" ng-model="obj.phraseID" class="field at-input-id" />
</div>
<div class="fieldWithLabel">
<label for="droplistID" class="label">Droplist ID (combat or shop):</label>
<input class="field" type="text" size="30" id="droplistID" ng-model="obj.droplistID" class="fieldInput"/>
<label for="droplistID">Droplist ID (combat or shop):</label>
<input type="text" size="30" id="droplistID" ng-model="obj.droplistID" class="field at-input-id"/>
</div>
</fieldset>
<fieldset class="fieldSet">
<legend>Stats</legend>
<div class="fieldWithLabel">
<label for="maxAP" class="label">Total AP:</label>
<input class="field" type="text" size="5" id="maxAP" ng-model="obj.maxAP" class="fieldInput integer" />
<label for="maxAP">Total AP:</label>
<input type="text" size="5" id="maxAP" ng-model="obj.maxAP" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<label for="moveCost" class="label">Movement cost (AP):</label>
<input class="field" type="text" size="5" id="moveCost" ng-model="obj.moveCost" class="fieldInput integer" />
<label for="moveCost">Movement cost (AP):</label>
<input type="text" size="5" id="moveCost" ng-model="obj.moveCost" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<label for="maxHP" class="label">Max HP:</label>
<input class="field" type="text" size="5" id="maxHP" ng-model="obj.maxHP" class="fieldInput integer" />
<label for="maxHP">Max HP:</label>
<input type="text" size="5" id="maxHP" ng-model="obj.maxHP" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasCombat" ng-model="obj.hasCombatTraits" />Has combat traits</div>
<label class="checkbox"><input type="checkbox" id="hasCombat" ng-model="obj.hasCombatTraits" />Has combat traits</label>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasCombatDisplay" ng-ds-fade="obj.hasCombatTraits">
<legend>Combat</legend>
<div class="fieldWithLabel">
<label for="experience" class="label">Experience:</label>
<input class="field" type="text" size="7" id="experience" ng-model="experience" class="fieldInput integer" readonly="readonly" />
<label for="experience">Experience:</label>
<input type="text" size="7" id="experience" ng-model="experience" class="field at-input-stat" readonly="readonly" />
</div>
<div class="fieldWithLabel">
<label for="attackCost" class="label">Attack cost (AP):</label>
<input class="field" type="text" size="5" id="attackCost" ng-model="obj.attackCost" class="fieldInput integer" />
<label for="attackCost">Attack cost (AP):</label>
<input type="text" size="5" id="attackCost" ng-model="obj.attackCost" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<label for="attackChance" class="label">Attack chance:</label>
<div class="field"><input type="text" size="5" id="attackChance" ng-model="obj.attackChance" class="fieldInput integer" />%</div>
<label for="attackChance">Attack chance:</label>
<input type="text" size="5" id="attackChance" ng-model="obj.attackChance" class="field at-input-stat" />%
</div>
<div class="fieldWithLabel">
<label for="attackDamage" class="label">Attack damage (range):</label>
<label for="attackDamage">Attack damage (range):</label>
<div class="field">
<input type="text" size="3" id="attackDamage_Min" ng-model="obj.attackDamage.min" class="fieldInput integer" />
<input type="text" size="3" id="attackDamage_Min" ng-model="obj.attackDamage.min" class="at-input-stat-minmax" />
-
<input type="text" size="3" id="attackDamage_Max" ng-model="obj.attackDamage.max" class="fieldInput integer" />
<input type="text" size="3" id="attackDamage_Max" ng-model="obj.attackDamage.max" class="at-input-stat-minmax" />
</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasCritical" ng-model="obj.hasCritical" />Has critical chance</div>
<label class="checkbox"><input type="checkbox" id="hasCritical" ng-model="obj.hasCritical" />Has critical chance</label>
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasCritical">
<label for="criticalSkill" class="label">Critical skill:</label>
<input class="field" type="text" size="5" id="criticalSkill" ng-model="obj.criticalSkill" class="fieldInput integer" />
<label for="criticalSkill">Critical skill:</label>
<input type="text" size="5" id="criticalSkill" ng-model="obj.criticalSkill" class="field at-input-stat" />
</div>
<div class="fieldWithLabel" ng-ds-fade="obj.hasCritical">
<label for="criticalMultiplier" class="label">Critical multiplier:</label>
<input class="field" type="text" size="5" id="criticalMultiplier" ng-model="obj.criticalMultiplier" class="fieldInput integer" />
<label for="criticalMultiplier">Critical multiplier:</label>
<input type="text" size="5" id="criticalMultiplier" ng-model="obj.criticalMultiplier" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<label for="blockChance" class="label">Block chance:</label>
<div class="field"><input type="text" size="5" id="blockChance" ng-model="obj.blockChance" class="fieldInput integer" />%</div>
<label for="blockChance">Block chance:</label>
<input type="text" size="5" id="blockChance" ng-model="obj.blockChance" class="field at-input-stat" />%
</div>
<div class="fieldWithLabel">
<label for="damageResistance" class="label">Damage resistance:</label>
<input class="field" type="text" size="5" id="damageResistance" ng-model="obj.damageResistance" class="fieldInput integer" />
<label for="damageResistance">Damage resistance:</label>
<input type="text" size="5" id="damageResistance" ng-model="obj.damageResistance" class="field at-input-stat" />
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasHitEffect" ng-model="obj.hasHitEffect" />Has effect on each hit</div>
<label class="checkbox"><input type="checkbox" id="hasHitEffect" ng-model="obj.hasHitEffect" />Has effect on each hit</label>
</div>
</fieldset>
<fieldset class="fieldSet" id="hasHitEffectDisplay" ng-ds-fade="obj.hasHitEffect && obj.hasCombatTraits">
<legend>On every successful attack hit</legend>
<div class="fieldWithLabel">
<label for="onHit_boostHP" class="label">Boost current HP (range):</label>
<label for="onHit_boostHP">Boost current HP (range):</label>
<div class="field">
<input type="text" size="3" id="onHit_boostHP_Min" ng-model="obj.hitEffect.increaseCurrentHP.min" class="fieldInput integer" />
<input type="text" size="3" id="onHit_boostHP_Min" ng-model="obj.hitEffect.increaseCurrentHP.min" class="at-input-stat-minmax" />
-
<input type="text" size="3" id="onHit_boostHP_Max" ng-model="obj.hitEffect.increaseCurrentHP.max" class="fieldInput integer" />
<input type="text" size="3" id="onHit_boostHP_Max" ng-model="obj.hitEffect.increaseCurrentHP.max" class="at-input-stat-minmax" />
</div>
</div>
<div class="fieldWithLabel">
<label for="onHit_boostAP" class="label">Boost current AP (range):</label>
<label for="onHit_boostAP">Boost current AP (range):</label>
<div class="field">
<input type="text" size="3" id="onHit_boostAP_Min" ng-model="obj.hitEffect.increaseCurrentAP.min" class="fieldInput integer" />
<input type="text" size="3" id="onHit_boostAP_Min" ng-model="obj.hitEffect.increaseCurrentAP.min" class="at-input-stat-minmax" />
-
<input type="text" size="3" id="onHit_boostAP_Max" ng-model="obj.hitEffect.increaseCurrentAP.max" class="fieldInput integer" />
<input type="text" size="3" id="onHit_boostAP_Max" ng-model="obj.hitEffect.increaseCurrentAP.max" class="at-input-stat-minmax" />
</div>
</div>
<div class="fieldWithLabel">
<label for="onHit_conditionsSource" class="label">Conditions added to source</label>
<label for="onHit_conditionsSource">Conditions added to source</label>
<table class="field" id="onHit_conditionsSource">
<thead>
<tr>
@@ -161,18 +161,18 @@
</thead>
<tbody>
<tr ng-repeat="condition in obj.hitEffect.conditionsSource">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsSource, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsSource, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.hitEffect.conditionsSource)">Add</button>
<button ng-click="addCondition(obj.hitEffect.conditionsSource)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
<div class="fieldWithLabel">
<label for="onHit_conditionsTarget" class="label">Conditions added to target</label>
<label for="onHit_conditionsTarget">Conditions added to target</label>
<table class="field" id="onHit_conditionsTarget">
<thead>
<tr>
@@ -185,15 +185,15 @@
</thead>
<tbody>
<tr ng-repeat="condition in obj.hitEffect.conditionsTarget">
<td><input type="text" ng-model="condition.condition" class="fieldInput" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="fieldInput" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsTarget, condition)">X</a></td>
<td><input type="text" ng-model="condition.condition" class="at-input-id" /></td>
<td><input type="text" size="3" ng-model="condition.magnitude" class="at-input-magnitude" /></td>
<td><input type="text" size="3" ng-model="condition.duration" class="at-input-duration" /></td>
<td><input type="text" size="3" ng-model="condition.chance" class="at-input-chance" /></td>
<td><a ng-click="removeCondition(obj.hitEffect.conditionsTarget, condition)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addCondition(obj.hitEffect.conditionsTarget)">Add</button>
<button ng-click="addCondition(obj.hitEffect.conditionsTarget)" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<div class="endSets"> </div>

View File

@@ -2,40 +2,40 @@
<fieldset class="fieldSet">
<legend>General</legend>
<div class="fieldWithLabel">
<label for="id" class="label">Internal ID:</label>
<input type="text" size="30" id="id" class="field fieldInput" ng-model="obj.id" />
<label for="id">Internal ID:</label>
<input type="text" size="30" id="id" class="field at-input-id" ng-model="obj.id" />
</div>
<div class="fieldWithLabel">
<label for="name" class="label">Display name:</label>
<input type="text" size="30" id="name" class="field fieldInput" ng-model="obj.name" />
<label for="name">Display name:</label>
<input type="text" size="30" id="name" class="field at-input-name" ng-model="obj.name" />
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="showInLog" ng-model="obj.showInLog" ng-true-value="1" ng-false-value="0" />Show in quest log</div>
<label class="checkbox"><input type="checkbox" id="showInLog" ng-model="obj.showInLog" ng-true-value="1" ng-false-value="0" />Show in quest log</label>
</div>
</fieldset>
<fieldset class="fieldSet">
<legend>Stages</legend>
<div class="fieldWithLabel">
<label for="stages" class="label">Stages shown in quest log</label>
<label for="stages">Stages shown in quest log</label>
<table class="field" id="stages">
<thead><tr>
<th id="progress">Progress</th>
<th id="logText">Logtext</th>
<th id="rewardExperience">Experience</th>
<th id="finishesQuest">Finishes quest</th>
<th>Progress</th>
<th>Logtext</th>
<th>Experience</th>
<th>Finishes quest</th>
<th></th>
</tr></thead>
<tbody>
<tr ng-repeat="stage in obj.stages">
<td><input type="text" size="3" ng-model="stage.progress" class="fieldInput integer" /></td>
<td><input type="text" ng-model="stage.logText" class="fieldInput" /></td>
<td><input type="text" size="7" ng-model="stage.rewardExperience" class="fieldInput integer" /></td>
<td><input type="text" size="3" ng-model="stage.progress" class="at-input-stat" /></td>
<td><textarea rows="2" cols="40" ng-model="stage.logText"></textarea></td>
<td><input type="text" size="7" ng-model="stage.rewardExperience" class="at-input-stat" /></td>
<td><input type="checkbox" ng-model="stage.finishesQuest" ng-true-value="1" ng-false-value="0" /></td>
<td><a ng-click="removeQuestStage(stage)">X</a></td>
<td><a ng-click="removeQuestStage(stage)" class="btn btn-mini" title="Remove row"><i class="icon-trash"></i></a></td>
</tr>
</tbody>
</table>
<button ng-click="addQuestStage()">Add</button>
<button ng-click="addQuestStage()" class="btn" title="Add row"><i class="icon-plus-sign"></i> Add</button>
</div>
</fieldset>
<div class="endSets"> </div>

View File

@@ -2,9 +2,9 @@
<html lang="en" ng-app="ateditor">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles2.css" />
<link rel="stylesheet" href="inc/ui.dynatree.css" />
<link rel="stylesheet" href="inc/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="styles2.css" />
<title>Andor's Trail Content Editor</title>
</head>
<body>
@@ -18,9 +18,10 @@
</span>
</div>
<div id="buttons">
<a href="#import">Import</a>
<a href="#export">Export</a>
<a href="#import" class="btn"><i class="icon-upload"></i> Import</a>
<a href="#export" class="btn"><i class="icon-download"></i> Export</a>
</div>
<div class="clearfix"></div>
</div>
<div id="left" class="workarea">
@@ -49,8 +50,8 @@
<div id="collapse-nav-{{section.id}}" class="accordion-body collapse">
<div class="accordion-inner">
<div class="tools-buttons">
<button ng-click="addObj(section)">Add</button>
<button ng-click="clear(section)">Clear</button>
<button ng-click="addObj(section)" class="btn"><i class="icon-plus-sign"></i> Add</button>
<button ng-click="clear(section)" class="btn"><i class="icon-trash"></i> Clear</button>
</div>
<ul class="itemlist">
<li ng-repeat="obj in section.items" ng-click="editObj(section, obj)" fadey>
@@ -59,8 +60,8 @@
{{getName(section, obj)}}
</div>
<div style="float: right;">
<a ng-click="dupObj(section, obj)">D</a>
<a ng-click="delObj(section, obj)">X</a>
<a ng-click="dupObj(section, obj)" class="btn btn-mini" title="Duplicate"><i class="icon-plus"></i></a>
<a ng-click="delObj(section, obj)" class="btn btn-mini" title="Remove"><i class="icon-trash"></i></a>
</div>
<div style="clear: both;"> </div>
</li>
@@ -72,10 +73,11 @@
</div>
</div>
<form class="form-inline">
<div id="center" class="workarea" ng-view></div>
</div>
</form>
@@ -94,23 +96,24 @@
<fieldset class="fieldSet" id="dialoguePhrase">
<legend>NPC phrase</legend>
<div class="fieldWithLabel">
<label for="id" class="label">Phrase ID:</label>
<input type="text" size="30" id="id" class="field fieldInput"/>
<label for="id">Phrase ID:</label>
<input type="text" size="30" id="id" class="field at-input-id"/>
</div>
<div class="fieldWithLabel">
<label for="message" class="label">NPC says:</label>
<label for="message">NPC says:</label>
<textarea rows="4" cols="40" id="message"></textarea>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasRewards" />Reaching this phrase gives rewards</div>
<div><input type="checkbox" id="hasRewards" />Reaching this phrase gives rewards</div>
</div>
<div class="fieldWithLabel" id="hasRewardsDisplay">
<label for="rewards" class="label">Rewards</label>
<label for="rewards">Rewards</label>
<table class="field" id="rewards">
<thead><tr>
<th id="rewardType">Type</th>
<th id="rewardID">ID</th>
<th id="value">Value</th>
<th>Type</th>
<th>ID</th>
<th>Value</th>
<th></th>
</tr></thead>
<tbody>
@@ -122,20 +125,20 @@
<fieldset class="fieldSet" id="dialoguePhraseReplies">
<legend>Replies</legend>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="hasOnlyNextReply" />Phrase leads directly to another phrase without replies</div>
<div><input type="checkbox" id="hasOnlyNextReply" />Phrase leads directly to another phrase without replies</div>
</div>
<div class="fieldWithLabel" id="hasOnlyNextReplyDisplay">
<label for="nextPhraseID" class="label">Phrase ID:</label>
<label for="nextPhraseID">Phrase ID:</label>
<div class="field">
<input type="text" size="30" id="nextPhraseID" class="fieldInput" />
<input type="text" size="30" id="nextPhraseID" class="at-input-id" />
<img src="imgarrowright.png" alt="Follow" id="followNextReply" class="imageButton" title="Open editor for the indicated phrase. Leave empty to automatically generate a new phrase id based on the prefix for this phrase, or supply a new phrase id that should be used." />
</div>
</div>
<div class="fieldWithLabel" id="hasRepliesDisplay">
<label for="replies" class="label">Replies</label>
<label for="replies">Replies</label>
<table class="field" id="replies">
<thead><tr>
<th id="text">Reply</th>
<th>Reply</th>
</tr></thead>
<tbody>
@@ -147,16 +150,16 @@
<fieldset class="fieldSet" id="dialogueReply">
<legend>Player reply</legend>
<div class="fieldWithLabel">
<label for="id" class="label">Phrase ID:</label>
<input type="text" size="30" id="id" class="field fieldInput" readonly="readonly" />
<label for="id">Phrase ID:</label>
<input type="text" size="30" id="id" class="field at-input-id" readonly="readonly" />
</div>
<div class="fieldWithLabel">
<label for="text" class="label">Player says:</label>
<label for="text">Player says:</label>
<textarea rows="4" cols="40" id="text"></textarea>
</div>
<div class="fieldWithLabel">
<label for="replyLeadsTo" class="label">Reply leads to:</label>
<select class="field fieldInput" id="replyLeadsTo">
<label for="replyLeadsTo">Reply leads to:</label>
<select class="field" id="replyLeadsTo">
<option value="">NPC phrase</option>
<option value="S">Trading screen</option>
<option value="F">Combat</option>
@@ -165,27 +168,27 @@
</select>
</div>
<div class="fieldWithLabel" id="nextPhraseIDDisplay">
<label for="nextPhraseID" class="label">Next phrase ID:</label>
<label for="nextPhraseID">Next phrase ID:</label>
<div class="field">
<input type="text" size="30" id="nextPhraseID" class="fieldInput"/>
<input type="text" size="30" id="nextPhraseID" class="at-input-id"/>
<img src="imgarrowright.png" alt="Follow" id="followReply" class="imageButton" title="Open editor for the indicated phrase. Leave empty to automatically generate a new phrase id based on the prefix for this phrase, or supply a new phrase id that should be used." />
</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="requiresItems" />Player must have item(s) to select this reply</div>
<div><input type="checkbox" id="requiresItems" />Player must have item(s) to select this reply</div>
</div>
<div id="requiresItemsDisplay">
<div class="fieldWithLabel">
<label for="requires_itemID" class="label">Required item ID (will be removed from inventory)</label>
<input type="text" size="30" id="requires_itemID" class="field fieldInput"/>
<label for="requires_itemID">Required item ID (will be removed from inventory)</label>
<input type="text" size="30" id="requires_itemID" class="field at-input-id"/>
</div>
<div class="fieldWithLabel">
<label for="requires_Quantity" class="label">Required item quantity</label>
<input type="text" size="5" id="requires_Quantity" class="field fieldInput integer"/>
<label for="requires_Quantity">Required item quantity</label>
<input type="text" size="5" id="requires_Quantity" class="field at-input-quantity"/>
</div>
<div class="fieldWithLabel">
<label for="requires_Type" class="label">Player should have item in:</label>
<select class="field fieldInput" id="requires_Type">
<label for="requires_Type">Player should have item in:</label>
<select class="field" id="requires_Type">
<option value="0">Inventory & item will be removed</option>
<option value="1">Inventory</option>
<option value="2">Worn equipment</option>
@@ -193,11 +196,11 @@
</div>
</div>
<div class="fieldWithLabel">
<div class="label"><input type="checkbox" id="requiresQuest" />Player must have progressed quest to select this reply</div>
<div><input type="checkbox" id="requiresQuest" />Player must have progressed quest to select this reply</div>
</div>
<div class="fieldWithLabel" id="requiresQuestDisplay">
<label for="requires_Progress" class="label">Quest stage required: (questname:stage)</label>
<input type="text" size="30" id="requires_Progress" class="field fieldInput" title="For example, 'mikhail:20' would require that the quest mikhail is at at least stage 20."/>
<label for="requires_Progress">Quest stage required: (questname:stage)</label>
<input type="text" size="30" id="requires_Progress" class="field at-input-id" title="For example, 'mikhail:20' would require that the quest mikhail is at at least stage 20."/>
</div>
</fieldset>
@@ -206,8 +209,8 @@
<div id="dialog-phrasereward">
<div class="fieldWithLabel">
<label for="rewardType" class="label">Type:</label>
<select class="field fieldInput" id="rewardType">
<label for="rewardType">Type:</label>
<select class="field" id="rewardType">
<option value="0">Quest progress</option>
<option value="1">Droplist</option>
<option value="2">Skill increase</option>
@@ -216,12 +219,12 @@
</select>
</div>
<div class="fieldWithLabel">
<label for="rewardID" class="label">ID:</label>
<input type="text" size="30" id="rewardID" class="field fieldInput"/>
<label for="rewardID">ID:</label>
<input type="text" size="30" id="rewardID" class="field at-input-id"/>
</div>
<div class="fieldWithLabel">
<label for="value" class="label">Value:</label>
<input type="text" size="5" id="value" class="field fieldInput integer"/>
<label for="value">Value:</label>
<input type="text" size="5" id="value" class="field at-input-quantity"/>
</div>
</div>

File diff suppressed because one or more lines are too long

View File

@@ -1,45 +1,47 @@
html,body { margin:0; padding:0; height: 100%; font-size: 0.9em; }
#screen { height: 100%; background-color: #a0c0ff; color: black; position: relative; font-family: sans-serif; }
#screen #top { height: 50px; color: #eeeeee; }
#screen #top #title { font-size: 2em; float: left; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; }
#screen #top #version { font-size: 10pt; margin-left: 3ex; }
.andorsTrailLogo { background-image: url(logo.png); background-repeat: no-repeat; background-position: 3px 3px; padding:10px 0px 15px 50px; }
#screen #top #buttons { float: right; font-size: 1.2em; margin: 10px; }
#screen .workarea { margin: 5px; border: 1px #c0d0ff solid; background-color: #eeeeee; position: absolute; top: 50px; bottom: 0; }
#screen #left { width: 250px; padding: 0px; font-size: 1em; background-color: white; }
#screen #left .accordion-group { background-color: #ddd; }
#screen #center { left: 256px; right: 0; }
#screen #center #tabs { border: 0px; padding: 0px; }
#screen #centerwide { left: 0px; right: 0; }
html, body { margin:0; padding:0; }
#top { background-color: #a0c0ff; color: #eeeeee; }
#top #title { font-size: 2em; float: left; text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; vertical-align: middle; }
#top #version { font-size: 10pt; margin-left: 3ex; }
.andorsTrailLogo { background-image: url(logo.png); background-repeat: no-repeat; background-position: 3px 3px; padding:20px 0px 15px 50px; }
#top #buttons { float: right; font-size: 1.2em; margin: 10px; }
.workarea { margin: 5px; background-color: #eeeeee; position: absolute; top: 54px; }
#left { width: 250px; padding: 0px; font-size: 1em; background-color: white; }
#left .accordion-group { background-color: #e0e0e0; border: 1px solid #bbb; margin-bottom: 6px; -moz-box-shadow: 4px 4px 5px #bbb; -webkit-box-shadow: 4px 4px 5px #bbb; box-shadow: 4px 4px 5px #bbb; }
#center { left: 265px; right: 0; border-left: 2px #c0d0ff solid; padding-left: 5px; }
.ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.hidden { display: none; }
.at-input-id, .at-input-name
{ width: 200px; }
.at-input-stat, .at-input-stat-minmax, .at-input-quantity, .at-input-chance, .at-input-magnitude, .at-input-duration
{ width: 50px; }
.at-input-gold { width: 80px; }
.workarea h3 { font-size: 18px; margin: 0 0 0 5px; }
.workarea legend { font-size: 16px; margin: 0 0 5px 0; }
.workarea fieldset { border-right: 1px solid #ddd; padding-right: 5px; }
.fieldWithLabel { font-size: 0.9em; }
.fieldWithLabel .label { display: block; margin-top: 1ex; }
.fieldWithLabel .field { display: block; }
.fieldWithLabel .hint { }
.fieldWithLabel .fieldInput { vertical-align: top; }
.fieldWithLabel label { margin-top: 1.1ex; }
.fieldSet { float: left; margin: 1ex; background-color: #f7f7ff; }
.endSets { clear: both; }
#screen #left div { }
.itemlist { border: 1px #bbb solid; list-style: none; padding: 0px; margin: 0px; line-height: 1.3; margin-bottom: 2ex; }
.itemlist li { cursor: pointer; padding: 0.5ex 1ex 0.5ex 1ex; }
.itemlist { list-style: none; padding: 0px; margin: 0px; border: 1px solid #bbb; }
.itemlist li { padding: 2px 5px 2px 5px; }
.itemlist li img { float: left; margin-right: 0.5ex; }
.itemlist li:nth-child(odd) { background-color: #eee; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; }
.itemlist li:hover { background-color: #d7d7ff; }
.itemlist li:nth-child(odd) { background-color: #eee; }
.itemlist li:hover { background-color: #d7d7ff; cursor: pointer; }
.importexport-header { font-weight: bold; padding-top: 1ex; }
#dialog-importexport #value { font-family: monospace; font-size: 7pt; }
.fieldWithLabel table { border-collapse: collapse; margin-bottom: 1ex; }
.fieldWithLabel table th { border: 1px #ccc solid; padding: 0.5ex; }
.fieldWithLabel table td { border: 1px #ccc solid; padding: 0.5ex; cursor: pointer; }
.fieldWithLabel table td { border: 1px #ccc solid; padding: 0.5ex; }
.fieldWithLabel table tbody tr:nth-child(even) { background-color: #eee }
.fieldWithLabel table tbody tr:hover { background-color: #d7d7ff; }
#dialogueTreeContainer { }
#dialogueTree { width: 400px; }
#dialogueData { }
input[readonly] { color: #888; }
input[readonly="readonly"] { background-color: #d8d8d8; color: #555; }
.imageButton { padding: 5px; }
.importexport-description { padding: 15px; text-align: right; }
.tools-buttons { padding-bottom: 10px; }
@@ -61,7 +63,7 @@ input[readonly] { color: #888; }
.clickToEdit { cursor: pointer; }
.clickToEdit:hover { background-color: #d7d7ff; }
#validateResultContent { width: 400px; float: left;d }
#validateResultContent { width: 400px; float: left; }
#editorForms { width: 670px; float: right;}
#editorForms #translation_edit_list { table-layout: fixed; }
#editorForms #translation_edit_list tr:nth-child(1) { width: 17em }