174 lines
7.4 KiB
Plaintext
174 lines
7.4 KiB
Plaintext
<style type="text/css">
|
|
.delete-image-button {
|
|
background-image: url(@ViewBag.baseUrl/Browser_Local/img/header_image6_1.png);
|
|
}
|
|
|
|
.delete-image-button:hover {
|
|
background-image: url(@ViewBag.baseUrl/Browser_Local/img/header_image6_2.png);
|
|
}
|
|
|
|
.add-image-button {
|
|
background-image: url(@ViewBag.baseUrl/Browser_Local/img/header_image1_1.png);
|
|
}
|
|
|
|
.add-image-button:hover {
|
|
background-image: url(@ViewBag.baseUrl/Browser_Local/img/header_image1_2.png);
|
|
}
|
|
</style>
|
|
|
|
@* the select function is provided by select-row directive*@
|
|
<div ng-controller="AssmtFactorController" select-row lca-detail>
|
|
@* header *@
|
|
@* header's button style is controlled by header-content-layout, the business logic(ng-show) is controlled here *@
|
|
<div class="body_content container" style="margin-top: 10px;">
|
|
<div header-content-layout>
|
|
|
|
@*header content layout provide the general function like mouse over and background image*@
|
|
<div class="header_image_button"
|
|
ng-style="{ backgroundImage: headerLayout.header_image1 }"
|
|
ng-show="lcaDetail.Status==1"
|
|
ng-click="createProcess()"
|
|
ng-mouseover="headerLayout.headerImageChange(1, 2)"
|
|
ng-mouseleave="headerLayout.headerImageChange(1, 1)">
|
|
|
|
<div class="tooltip" ng-show="headerLayout.show1">
|
|
<div ng-style="{ width: headerLayout.tooltipWidth(1) }">
|
|
@Resource.StaticLabelAddNew
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<label>@Resource.AddNewAssessmentFactor</label>
|
|
</div>
|
|
|
|
@* end of header *@
|
|
|
|
<div class="body_content">
|
|
|
|
<div class="row">
|
|
<div class="panel panel-default col-sm-4"
|
|
ng-repeat="row in model | orderBy:'ID'">
|
|
<div class="panel-heading" header-content-layout style="float: right; margin-top: 25px;">
|
|
<div class="header_image_button"
|
|
ng-style="{ backgroundImage: headerLayout.header_image4 }"
|
|
ng-click="editProcess(row)"
|
|
ng-mouseover="headerLayout.headerImageChange(4, 2)"
|
|
ng-mouseleave="headerLayout.headerImageChange(4, 1)">
|
|
|
|
<div class="tooltip" ng-show="headerLayout.show4">
|
|
<div ng-style="{ width: headerLayout.tooltipWidth(4) }">
|
|
@Resource.StaticLabelGlobal_Edit
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="header_image_button"
|
|
ng-style="{ backgroundImage: headerLayout.header_image6 }"
|
|
ng-click="deleteProcess(row)"
|
|
ng-mouseover="headerLayout.headerImageChange(6, 2)"
|
|
ng-mouseleave="headerLayout.headerImageChange(6, 1)">
|
|
|
|
<div class="tooltip" ng-show="headerLayout.show6">
|
|
<div ng-style="{ width: headerLayout.tooltipWidth(6) }">
|
|
@Resource.StaticLabelGlobal_Delete
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr class="table-active" style="text-align:center">
|
|
<th ng-bind="row.FactorName"></th>
|
|
<th>@Resource.RAAssmtFactorScore</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="survey_order_table_row"
|
|
ng-repeat="factorScore in row.FactorScores">
|
|
<td ng-bind="factorScore.OptionDescription"></td>
|
|
<td ng-bind="factorScore.OptionScore" align="right"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
@* the detail modal form *@
|
|
<form name="editForm" novalidate>
|
|
<table-edit-modal display-option="modalFormOption" passed-form="editForm">
|
|
<div class="row">
|
|
<label class="col-sm-4 col-form-label">@Resource.RAAssmtFactorName</label>
|
|
<div class="col col-sm-6">
|
|
<input type="text"
|
|
required
|
|
placeholder="@Resource.RequiredMessage"
|
|
ng-model="selectRow.toBeEdit.FactorName" />
|
|
</div>
|
|
<div class="validation_block"></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<label class="col-sm-4 col-form-label">@Resource.RAAssmtFactorItem</label>
|
|
<label class="col-sm-6 col-form-label">@Resource.RAAssmtFactorScore (1~10)</label>
|
|
<label class="col-sm-2 col-form-label">@Resource.RAAssmtFactorOperation</label>
|
|
</div>
|
|
|
|
<div class="row"
|
|
ng-repeat="item in selectRow.toBeEdit.FactorScores">
|
|
<div class="col col-sm-4">
|
|
<input type="text"
|
|
required
|
|
ng-model="item.OptionDescription" />
|
|
</div>
|
|
<div class="col col-sm-6">
|
|
<select ng-model="item.OptionScore"
|
|
ng-options="s for s in scoreRange">
|
|
</select>
|
|
</div>
|
|
<div class="col col-sm-2">
|
|
<div class="header_image_button add-image-button"
|
|
ng-click="addItem($index)">
|
|
</div>
|
|
|
|
<div class="header_image_button delete-image-button"
|
|
ng-hide="$first"
|
|
ng-click="deleteItem($index)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="survey_btn_wrap">
|
|
<div class="survey_content" style="float: right">
|
|
<div class="row">
|
|
<button class="header_button"
|
|
type="submit"
|
|
style="float: left; margin-left: 16px;"
|
|
ng-click="save()"
|
|
ng-show="lcaDetail.Status==1"
|
|
ng-disabled="editForm.$invalid">
|
|
@Resource.StaticLabelGlobal_Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</table-edit-modal>
|
|
</form>
|
|
@* end of the detail modal form *@
|
|
|
|
<table-edit-modal display-option="quoteModal">
|
|
<div></div>
|
|
<div quote quote-options="quoteOptions"></div>
|
|
</table-edit-modal>
|
|
|
|
<div class="footnote">
|
|
說明:
|
|
<br />
|
|
★顯著性評估結果:{{gradingScore}}分以上列為高風險須於本年度進行揭露
|
|
</div>
|
|
</div>
|
|
</div>
|