Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div id="propertiesColumn">
- <div style="padding:14px;font-weight:bold;">PROPERTIES</div>
- <div>
- <!-- ko foreach: {data:propertiesMetaData, as:'metaDataList', afterRender:onRender } -->
- <div>
- <!-- ko if:metaDataList.Key -->
- <div style="width:422px;border: 1px solid #e7e7e7;padding: 10px;"><!-- ko text: metaDataList.Key --><!-- /ko --></div>
- <!-- /ko -->
- </div>
- <!-- ko foreach: {data:$data.Value, as:'metaData'} -->
- <div style="display:-webkit-box;">
- <!-- ko if:metaData.IsString-->
- <!-- ko if:metaDataList.Key -->
- <div style="width:170px;border: 1px solid #e7e7e7;padding: 10px; padding-left:40px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <!-- ko ifnot:metaDataList.Key -->
- <div style="width:200px;border: 1px solid #e7e7e7;padding: 10px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <div style="border: 1px solid #e7e7e7;padding: 10px;width:200px">
- <input type="text" class="textProperty" data-bind="attr: { value: metaData.Value, id: metaData.PropertyName }" onchange="submitProperty(this)" data-type="string" style="width:80%;" />
- </div>
- <!-- /ko -->
- <!-- ko if:metaData.IsInt-->
- <!-- ko if:metaDataList.Key -->
- <div style="width:170px;border: 1px solid #e7e7e7;padding: 10px; padding-left:40px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <!-- ko ifnot:metaDataList.Key -->
- <div style="width:200px;border: 1px solid #e7e7e7;padding: 10px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <div style="border: 1px solid #e7e7e7;padding: 10px;width:200px">
- <input type="text" class="textProperty" data-bind="attr: { value: metaData.Value, id: metaData.PropertyName }" onchange="submitProperty(this)" data-type="int" style="width:80%;" />
- </div>
- <!-- /ko -->
- <!-- ko if:metaData.IsDateTime -->
- <!-- ko if:metaDataList.Key -->
- <div style="width:170px;border: 1px solid #e7e7e7;padding: 10px; padding-left:40px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <!-- ko ifnot:metaDataList.Key -->
- <div style="width:200px;border: 1px solid #e7e7e7;padding: 10px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <div style="border: 1px solid #e7e7e7;padding: 10px;width:200px">
- <input type="text" class="textProperty" data-bind="attr: { value: metaData.Value, id: metaData.PropertyName }" onchange="submitProperty(this)" data-type="datetime" style="width:80%;" />
- </div>
- <!-- /ko -->
- <!-- ko if:metaData.IsBoolean -->
- <!-- ko if:metaDataList.Key -->
- <div style="width:170px;border: 1px solid #e7e7e7;padding: 10px; padding-left:40px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <!-- ko ifnot:metaDataList.Key -->
- <div style="width:200px;border: 1px solid #e7e7e7;padding: 10px;">
- <a style="padding: 10px;"><!-- ko text: metaData.Label --><!-- /ko --></a>
- </div>
- <!-- /ko -->
- <div style="border: 1px solid #e7e7e7;padding: 10px;width:200px">
- <input type="checkbox" class="form-control" data-bind="attr: { checked: metaData.Value, id: metaData.PropertyName }" onchange="submitProperty(this)" data-type="boolean" />
- </div>
- <!-- /ko -->
- <!-- ko if:metaData.ComplexType -->
- <div style="border: 1px solid #e7e7e7;padding: 10px;width:422px;text-align:center;">
- <p data-bind="text:metaData.Label" style="float:left;"></p>
- <!-- ko if:metaData.DataSource -->
- <!-- ko if:metaData.IsMultiSelect===true -->
- <select style="float:left; margin:6px 0px;" class="orderTypes" multiple data-bind="options:metaData.Records,optionsText:function(item){return item}, selectedOptions:metaData.SelectedRecords"></select>
- <!-- /ko -->
- <!-- ko ifnot:metaData.IsMultiSelect===true -->
- <select style="float:left; margin:6px 0px;" class="orderTypes" data-bind="options:metaData.Records,optionsText:function(item){return item}, selectedOptions:metaData.SelectedRecords"></select>
- <!-- /ko -->
- <!-- /ko -->
- <!-- ko if:IsList -->
- <div class="list-property">
- <!-- ko if: metaData.Add -->
- <a class="pull-right" style="text-decoration:none; margin-right:10px;padding:5px 10px; background-color:dimgrey; color:white;" onclick="newElement(this)"><i class="fa fa-plus"></i></a>
- <br />
- <br />
- <!-- /ko -->
- <!-- ko foreach: {data: metaData.Value, as: 'element'}-->
- <div class="element">
- <div class="label">
- <div class="update" style="display:none;">
- <input style="width:95%;margin:6px;" /><br />
- <input style="width:95%;margin:6px;" /><br />
- <input style="width:95%;margin:6px;" /><br />
- <button class="btnCancel" style="float:right;margin-right:7px;">Submit</button>
- <button class="btnCancel" style="float:left;margin-left:10px; background-color:darkred;" onclick="cancelEditElement(this);">Cancel</button>
- </div>
- <div class="labeltext">
- <!-- ko text: element.FriendlyName --><!-- /ko -->
- </div>
- </div>
- <div class="actions">
- <!-- ko if: metaData.Update -->
- <a class="icon-container">
- <i class="fa fa-edit fa-2x" style="padding-top:2px;" onclick="editElement(this);"></i>
- </a>
- <!-- /ko -->
- <!-- ko if: metaData.Remove -->
- <a class="icon-container">
- <i class="fa fa-minus-square fa-2x" style="padding-top:2px;" onclick="alert('Remove')"></i>
- </a>
- <!-- /ko -->
- </div>
- </div>
- <!-- /ko-->
- <div class="newElement" style="display:none;">
- <input style="width:95%;margin:10px;" /><br />
- <input style="width:95%;margin:10px;" /><br />
- <input style="width:95%;margin:10px;" /><br />
- <button class="btnCancel" style="float:right;margin-right:7px;">Submit</button>
- <button class="btnCancel" style="float:left;margin-left:10px; background-color:darkred;" onclick="$(this).parent().hide();">Cancel</button>
- <br />
- <br />
- <hr />
- </div>
- </div>
- <!-- /ko -->
- </div>
- <!-- /ko -->
- </div>
- <!-- /ko -->
- <!-- /ko -->
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement