aipviewlayout
/* If the entity has not been approved or denied, then display the ability to do so along with meta data */
{{if(!(it.hasApproved || it.hasDenied)) { }}
    <div class="carousel-inner full-height">
        <div class="label bg-primary col-xs-12 text-larger">
            <span class="col-xs-12 text-center text-nowrap text-overflow">{{=Constants.t("title")}}: {{=it.entityTitle}}</span> /*TODO: [MARS] - scain insert document/package name here */
        </div>
        <div id="metaContainer" class="well well-sm col-xs-12 well-top-fully-condensed well-bottom-fully-condensed item active">
            /* Render MetaView Here */
        </div>
        /* Render ViewerView Here */
        <div id="viewerContainer" class="full-height full-width item">
            /* Render Package or Document Viewer Here */
        </div>
    </div>
    {{if(!it.isPackageGetPackage) { }}
    <a class="left carousel-control hidden" href="#aip" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">{{=Constants.t("previous")}}</span>
    </a>
    <a class="right carousel-control" href="#aip" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">{{=Constants.t("next")}}</span>
    </a>
    {{ } }}
    <div class="text-center">
        <div class="col-xs-12 col-condensed text-small spacingTopBottomSmall">
            <div id="notUserMessageContainer">{{=it.notUserMsg}}</div>
        </div>
        <div class="btn-group-lg">
            <button name="Approve" type="button" class="btn btn-success">
                {{=Constants.t("approve")}}
                <span class="glyphicon glyphicon-thumbs-up"></span>
            </button>
            <button name="Deny" type="button" class="btn btn-danger">
                {{=Constants.t("deny")}}
                <span class="glyphicon glyphicon-thumbs-down"></span>
            </button>
        </div>
    </div>
{{ } else { }}
<div id="thankYouMessage" class="center-block full-width full-height well well-lg well-bottom-no-margin">
    <div class="display-table full-width full-height">
        <div class="display-table-cell align-middle label label-primary text-normal text-larger">
            {{=it.thankYouMessage}}
        </div>
    </div>
</div>
{{ } }}||_||
approvalviewlayout
<div><span class="glyphicon {{=it.glyphIcon}}"></span> {{=it.UserName}}:</div>  /* Space before it.UserName is deliberate */
<div>
    <div class="pre-scrollable pre-scrollable-short word-break-all">{{=it.Reason}}</div>
    <div class="">{{=it.CreatedOn}}</div>
</div>||_||
customfieldgroupsetviewlayout
/* date-title is used for transforming the table into a list of Header/Value pairs per row
    rows are zebra striped when displayed in this manner
     e.g.
     row 1
     Header: Value
     Header2: Value
     Header3: Value
     row 2
     Header: Value
     Header2: Value
     Header3: Value
     etc...
*/
{{
    var idx = 0;
    var length = it.headers.length;
    for(idx; idx < length; idx++) {
        var header = it.headers[idx];
        var value = it.values[idx];
}}
<td data-title="{{=header}}">{{=value}}</td>
{{ } }}||_||
customfieldgroupviewlayout
<span class="label label-primary display-inline-block full-width">{{=it.groupName}}</span>
<table class="table table-bordered table-striped table-fully-condensed bg-white">
    <thead class="thead-inverse">
        <tr>
            {{
                var length = it.headers.length;
                for(var idx = 0; idx < length; idx++) {
                    var header = it.headers[idx];
            }}
            <th>{{=header}}</th>
            {{ } }}
        </tr>
    </thead>
    <tbody>
        /* Render Custom Field Group rows here */
    </tbody>
</table>||_||
customfieldviewlayout
<span class="col-xs-6">{{=it.label}}</span>
<span class="col-xs-6">{{=it.value}}</span>||_||
errorlayout
{{if(it.invalidPageAccessMessage) { }}
    <div class="center-block full-width full-height well well-lg well-bottom-no-margin">
        <div class="display-table full-width full-height">
            <div class="display-table-cell align-middle label label-primary text-normal text-danger text-larger">
                {{=it.invalidPageAccessMessage}}
            </div>
        </div>
    </div>
{{ } else { }}
    <label class="label label-danger text-larger full-width text-center">{{=it.Message}}</label>
    {{if(it.Data || it.Stack || it.Type) { }}
    <a role="button" class="col-xs-12 btn btn-primary text-center collapsed" data-toggle="collapse" data-target="#additionalErrorData">
        {{=Constants.t("additionalInfo")}}
        <span class="glyphicon glyphicon-menu-up pull-right"></span>
        <span class="glyphicon glyphicon-menu-down pull-right"></span>
    </a>
    <div id="additionalErrorData" class="collapse container-fluid container-fluid-fully-condensed full-width">
        <ul class="list-group list-group-condensed pull-left full-width">
            {{if(it.Data) { }}
            <li class="list-group-item">
                <pre><code>{{=it.Data}}</code></pre>
            </li>
            {{ } }}
            {{if(it.Stack) { }}
            <li class="list-group-item">
                <pre><code>{{=it.Stack}}</code></pre>
            </li>
            {{ } }}
            {{if(it.Type) { }}
            <li class="list-group-item">
                <pre><code>{{=it.Type}}</code></pre>
            </li>
            {{ } }}
        </ul>
    </div>
    {{ } }}
{{ } }}||_||
loginlayout
{{if(it.loggingIn) { }}
<div class="display-table full-height full-width text-center">
    <div class="display-table-cell align-middle">
        <span class="full-width pull-left">{{=Constants.t("loggingInPleaseWait")}}</span>
        <img src="{{=Constants.Url_Base + '~/Content/images/large_throbber.gif'}}" alt="{{=Constants.t("loadText")}}" />
    </div>
</div>
{{ } }}
||_||
metaviewlayout
<span class="label label-warning display-inline-block full-width">{{=Constants.t("contentFields")}}</span>
<ul id="customFieldContainer" class="list-group list-group-condensed list-group-horizontal pre-scrollable">/* Render Custom Fields Here */</ul>
<span class="label label-warning display-inline-block full-width">{{=Constants.t("lineItems")}}</span>
<div id="customFieldGroupContainer" class="list-group list-group-condensed pre-scrollable">/* Render Custom Field Groups Here */</div>
<div class="form-group form-group-condensed">
    <label class="control-label">{{=Constants.t("comments")}}:</label>
    <textarea name="Reason" rows="3" class="form-control"></textarea>
</div>
<a id="approvalsAccordion" role="button" class="col-xs-12 btn btn-primary text-center collapsed" data-toggle="collapse" data-target="#approvalsContainer">
    {{=Constants.t("approvals")}}
    <span class="glyphicon glyphicon-menu-up pull-right"></span>
    <span class="glyphicon glyphicon-menu-down pull-right"></span>
</a>
<div id="approvalsContainer" class="collapse container-fluid container-fluid-fully-condensed">
    <ul class="list-group list-group-condensed pre-scrollable pull-left full-width">
        /* Render Approvals Here */
    </ul>
</div>||_||
pageviewlayout
<div class="img_container">
    <div class="transformCont">
        <img id="page_{{=it.currentPage}}" name="image_full" class="center-block" src="{{=it.src}}" alt="{{=it.alt}}">
    </div>
</div>