<script type='text' id='editImage-tmpl'>
	<div class="panel-group" id="editImage">
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editImage"
			href="#collapseOne" data-lang="componentProperties">
<!--				{{text}}-属性({{key}})-->
组件属性
			</div>
			<div id='collapseOne' class='panel-collapse collapse in'>
				<div class="panel-body">
				    <div class="input-group">
						<span class="input-group-addon" data-lang="alias">别名</span>
						<input type="text" name="key" id="key" class="form-control" placeholder="别名" value={{key}} />
					</div>

					<div class="input-group">
						<span class="input-group-addon" data-lang="elementHorizontalPosition">元素水平位置</span>
						<input type="number" name="x" id="x" class="form-control" placeholder="请输入大于0的x轴坐标" value={{x}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="elementVerticalPosition">元素垂直位置</span>
						<input type="number" name="printedY" id="printedY" class="form-control" placeholder="请输入大于0的y轴坐标" value={{printedY}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="width">宽度</span>
						<input type="number" name="width" id="width" class="form-control" placeholder="请输入元素宽度" value={{width}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="height">高度</span>
						<input type="number" name="height" id="height" class="form-control" placeholder="请输入元素高度" value={{height}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="foregroundColor">前景色</span>
						<div class="xh-colorDiv">
						    <input name='selectForecolor' id="forecolor" type='color' value={{forecolor}} class="xh-colorInp"/>
                            <input type="text" id="forecolor" name="forecolor" class="form-control" placeholder="请选择前景色" value={{forecolor}} />

						</div>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="backgroundColor">背景色</span>
						<div class="xh-colorDiv">
						    <input name='selectBackcolor' id="backcolor" type='color' value={{backcolor}} class="xh-colorInp"/>
                            <input type="text" id="backcolor" name="backcolor" class="form-control" placeholder="请选择背景色" value={{backcolor}} />

						</div>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="transparent">是否透明</span>
						<input type="checkbox" name="mode" id="mode" class="checkbox xh-check" {{if mode == 'true'}} checked {{else}} {{/if}} />
						<label class="labelCss" for="mode"></label>
					</div>

<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">元素的延伸类型</span>-->
<!--						<select id='stretchType' name="stretchType" class="form-control">-->
<!--						{{each stretchType as value key}}-->
<!--							{{if value == "true"}}-->
<!--								<option selected>{{key}}</option>-->
<!--							{{else}}-->
<!--								<option>{{key}}</option>-->
<!--							{{/if}}-->
<!--						{{/each}}-->
<!--						</select>-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">延伸元素的取位</span>-->
<!--						<select id='positionType' name="positionType" class="form-control">-->
<!--						{{each positionType as value key}}-->
<!--							{{if value == "true"}}-->
<!--								<option selected>{{key}}</option>-->
<!--							{{else}}-->
<!--								<option>{{key}}</option>-->
<!--							{{/if}}-->
<!--						{{/each}}-->
<!--						</select>-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">是否打印重复值</span>-->
<!--						<input type="checkbox" name="isPrintRepeatedValues" id="isPrintRepeatedValues" class="checkbox" {{if isPrintRepeatedValues == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
					<div class="input-group">
						<span class="input-group-addon" data-lang="deleteBlankEle">元素空白时是否删除</span>
						<input type="checkbox" name="isRemoveLineWhenBlank" id="isRemoveLineWhenBlank" class="checkbox xh-check" {{if isRemoveLineWhenBlank == 'true'}} checked {{else}} {{/if}} />
						<label class="labelCss" for="isRemoveLineWhenBlank"></label>
					</div>
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">元素是否优先打印</span>-->
<!--						<input type="checkbox" name="isPrintInFirstWholeBand " id="isPrintInFirstWholeBand " class="checkbox" {{if isPrintInFirstWholeBand  == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">元素超过当前打印页大小时是否打印</span>-->
<!--						<input type="checkbox" name="isPrintWhenDetailOverflows " id="isPrintWhenDetailOverflows " class="checkbox" {{if isPrintWhenDetailOverflows  == 'true'}} checked {{else}} {{/if}} />-->
<!--					</div> -->
                    <div class="input-group">
						<span class="input-group-addon" data-lang="outputPrintingConditions">输出打印条件</span>
						<input type="text" name="printWhenExpression" id="printWhenExpression" class="form-control" placeholder="" value={{printWhenExpression}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="borderWidth">边框宽度</span>
						<input type="number" name="lineWidth" id="lineWidth" class="form-control" placeholder="" value={{lineWidth}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="borderType">边框类型</span>
						<select id='lineStyle' name="lineStyle" class="form-control">
                            {{each lineStyleOption as value key}}
                                {{if value == true}}
                                    <option selected>{{key}}</option>
                                {{else}}
                                    <option>{{key}}</option>
                                {{/if}}
                            {{/each}}
                        </select>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="borderType">边框颜色</span>
						<div class="xh-colorDiv">
						    <input name='selectLinecolor' id="lineColor" type='color' value={{lineColor}} class="xh-colorInp"/>
                            <input type="text" id="lineColor" name="lineColor" class="form-control" value={{lineColor}}  />
						</div>
					</div>
				</div>
			</div>
		</div>
        <div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editImage"
			href="#collapseTwo" data-lang="pictureAttr">
				图片属性
			</div>
			<div id='collapseTwo' class='panel-collapse collapse'>
				<div class="panel-body">
				    <div class="input-group">
						<span class="input-group-addon" data-lang="pictureExpression">图片表达式</span>
						<input type="text" name="srcT" id="srcT" class="form-control" value='{{src}}' />
					</div>
<!--					<div class="input-group">-->
<!--                        <span class="input-group-addon">表达式所属类</span>-->
<!--                        <select id='cls' type="text" name="str" class="form-control">-->

<!--                            {{each cls as value key}}-->

<!--                                {{if value == "true"}}-->
<!--                                    <option selected>{{key}}</option>-->
<!--                                {{else}}-->
<!--                                    <option>{{key}}</option>-->
<!--                                {{/if}}-->
<!--                            {{/each}}-->
<!--                        </select>-->
<!--                    </div> -->
				    <div class="input-group">
						<span class="input-group-addon" data-lang="pictureShow">图片显示方式</span>
						<select id='scaleImage' name="scaleImage" class="form-control">
                            {{each scaleImageOption as value key}}
                                {{if value == true}}
                                    <option selected>{{key}}</option>
                                {{else}}
                                    <option>{{key}}</option>
                                {{/if}}
                            {{/each}}
                        </select>
					</div>

					<div class="input-group">
						<span class="input-group-addon" data-lang="pictureHorizontalPosition">图片水平位置</span>
						<select id='hAlign' name="hAlign" class="form-control">
                            {{each hAlignOption as value key}}
                                {{if value == true}}
                                    <option selected>{{key}}</option>
                                {{else}}
                                    <option>{{key}}</option>
                                {{/if}}
                            {{/each}}
                        </select>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="pictureVerticalPosition">图片垂直位置</span>
						<select id='vAlign' name="vAlign" class="form-control">
                            {{each vAlignOption as value key}}
                                {{if value == true}}
                                    <option selected>{{key}}</option>
                                {{else}}
                                    <option>{{key}}</option>
                                {{/if}}
                            {{/each}}
                        </select>
					</div>


				</div>
			</div>
		</div>
	</div>
</script>