<script type='text' id='editStaticText-tmpl'>
	<div class="panel-group" id="editStaticText">
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editStaticText" 
			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" name="forecolor" id="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-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">元素空白时是否删除线</span>-->
<!--						<input type="checkbox" name="isRemoveLineWhenBlank" id="isRemoveLineWhenBlank" class="checkbox" {{if isRemoveLineWhenBlank == 'true'}} checked {{else}} {{/if}} />-->
<!--					</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"  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="borderColor">边框颜色</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="#editStaticText"
			href="#collapseTwo" data-lang="textAttributes">
				文本属性
			</div>
			<div id='collapseTwo' class='panel-collapse collapse'>
				<div class="panel-body">
					<div class="input-group">
						<span class="input-group-addon" data-lang="text">文本</span>
						<input type="text" name="text" id="text" class="form-control" placeholder="请输入文本" value={{text}} />
					</div>

				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<div class="panel-heading" data-toggle="collapse" data-parent="#editStaticText"
			href="#collapseThree" data-lang="textAttributes">
				文本属性
			</div>
			<div id='collapseThree' class='panel-collapse collapse'>
				<div class="panel-body">
					<div class="input-group">
						<span class="input-group-addon" data-lang="font">字体</span>
						<select id='fontName' name="fontName" class="form-control">
						{{each fontName 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="fontSize">字体大小</span>
						<input type="number" name="size" id="size" class="form-control" placeholder="请输入字体大小" value={{size}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="bold">是否加粗</span>
						<input type="checkbox" name="isBold" id="isBold" class="checkbox xh-check" {{if isBold == 'true'}} checked {{else}} {{/if}} />
					    <label class="labelCss" for="isBold"></label>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="italic">是否倾斜</span>
						<input type="checkbox" name="isItalic" id="isItalic" class="checkbox xh-check" {{if isItalic == 'true'}} checked {{else}} {{/if}} />
					    <label class="labelCss" for="isItalic"></label>
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="fontHorizontalPosition">字体水平位置</span>
						<select id='textAlignment' name="textAlignment" class="form-control">
						{{each textAlignment 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="fontVerticalPosition">字体垂直位置</span>
						<select id='verticalAlignment' name="verticalAlignment" class="form-control">
						{{each verticalAlignment 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="lineSpacing">行距</span>
						<select id='lineSpacing' name="lineSpacing" class="form-control">
						{{each lineSpacing 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="lineSpacing">行间距大小</span>
						<input type="number" name="lineSpacingSize" id="lineSpacingSize" class="form-control" placeholder="请输入行间距大小" value={{lineSpacingSize}} {{if islineSpacing=='true' }}readonly='true'{{/if}}/>
					</div>
<!--					<div class="input-group">-->
<!--						<span class="input-group-addon">标记为</span>-->
<!--						<select id='markup' name="markup" class="form-control">-->
<!--						{{each markup 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="firstIndent">首行缩进</span>
						<input type="number" name="firstLineIndent" id="firstLineIndent" class="form-control" value={{firstLineIndent}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="leftEndIndent">左端缩进</span>
						<input type="number" name="leftIndent" id="leftIndent" class="form-control" value={{leftIndent}} />
					</div>
					<div class="input-group">
						<span class="input-group-addon" data-lang="rightEndIndent">右端缩进</span>
						<input type="number" name="rightIndent" id="rightIndent" class="form-control" value={{rightIndent}} />
					</div> -->
				</div>
			</div>	
		</div>
	</div>
</script>