270 lines
16 KiB
Plaintext
270 lines
16 KiB
Plaintext
|
<div class="survey_form" ng-style="{height: (Survey_Height + 2) * 28 + 24 + 'px'}" style="padding: 0 16px;">
|
||
|
|
<form name="form" style="position: relative; margin-top: 15px" novalidate>
|
||
|
|
<div class="add_survey_body">
|
||
|
|
<div class="add_survey_header_title">@Resource.StaticLabelNewOrganizationLCA</div>
|
||
|
|
<div class="survey_info">
|
||
|
|
<div class="title">@Resource.StaticLabelLCAInfo</div>
|
||
|
|
<div class="survey_content">
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.LCAname</label>
|
||
|
|
<div class="col col-sm-4">
|
||
|
|
<input type="text" ng-model="model.toBeCreated.LCAname"
|
||
|
|
name="uLCAname" maxlength="50" />
|
||
|
|
</div>
|
||
|
|
<label class="col-sm-2 col-form-label">GWP-100 version</label>
|
||
|
|
<div class="col col-sm-4">
|
||
|
|
<select ng-model="model.selectedARversion"
|
||
|
|
ng-options="arv as arv.ARversion for arv in model.ARversionOptions">
|
||
|
|
</select>
|
||
|
|
@*<select name="ARversion" id="ARversion" ng-model="model.toBeCreated.ARversion">
|
||
|
|
<option value="AR6" selected>AR6</option>
|
||
|
|
<option value="AR5">AR5</option>
|
||
|
|
<option value="AR4">AR4</option>
|
||
|
|
</select>*@
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@*Start CFT-26*@
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.LCAStartDate</label>
|
||
|
|
<div class="col">
|
||
|
|
@*<datepicker-wrap type="Start"></datepicker-wrap>*@
|
||
|
|
<input datepicker="" dp-format="yyyy/m/d" ng-model="model.toBeCreated.Start_Date"
|
||
|
|
@*ng-change="ckSdEd()"*@
|
||
|
|
name="StartDate" id="StartDate" required
|
||
|
|
ng-class="{error: form.StartDate.$error.required && isCheckOnce}"
|
||
|
|
placeholder="{{form.StartDate.$error.required && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.LCAEndDate</label>
|
||
|
|
<div class="col">
|
||
|
|
@*<datepicker-wrap type="End"></datepicker-wrap>*@
|
||
|
|
<input datepicker="" dp-format="yyyy/m/d" ng-model="model.toBeCreated.End_Date"
|
||
|
|
@*ng-change="ckSdEd()"*@
|
||
|
|
name="EndDate" id="EndDate" required
|
||
|
|
ng-class="{error: form.EndDate.$error.required && isCheckOnce}"
|
||
|
|
placeholder="{{form.EndDate.$error.required && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.isBaseYear</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="checkbox" style="width:auto"
|
||
|
|
ng-model="model.toBeCreated.isBaseYear"
|
||
|
|
name="uIsBaseYear"
|
||
|
|
ng-change="model.toBeCreated.BaseYearLCAID = model.toBeCreated.isBaseYear ? '' : model.toBeCreated.BaseYearLCAID"/>
|
||
|
|
</div>
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.BaseYearLCAID</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
ng-model="model.toBeCreated.BaseYearLCAID"
|
||
|
|
name="BaseYearLCAID"
|
||
|
|
ng-disabled ="model.toBeCreated.isBaseYear"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.Starter</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text" ng-model="model.toBeCreated.LCAStarter"
|
||
|
|
name="uCreater" required
|
||
|
|
ng-class="{error: form.uCreater.$error.required && isCheckOnce}"
|
||
|
|
placeholder="{{form.uCreater.$error.required && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.SurveyJob</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
ng-model="model.toBeCreated.LCAStarterJob"
|
||
|
|
name="uCreaterJob"
|
||
|
|
required
|
||
|
|
ng-class="{error: form.uCreaterJob.$error.required && isCheckOnce}"
|
||
|
|
placeholder="{{form.uCreaterJob.$error.required && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.Department</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
ng-model="model.toBeCreated.LCAStarterDepartment"
|
||
|
|
name="uCreaterDepartment"
|
||
|
|
required
|
||
|
|
ng-class="{error: form.uCreaterDepartment.$error.required && isCheckOnce}"
|
||
|
|
placeholder="{{form.uCreaterDepartment.$error.required && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.PhoneNumber</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
phone-number
|
||
|
|
ng-model="model.toBeCreated.LCAStarterPhone"
|
||
|
|
name="uCreatePhone"
|
||
|
|
required
|
||
|
|
ng-class="{error: (form.uCreatePhone.$error.required || form.uCreatePhone.$error.phoneNumber) && isCheckOnce}"
|
||
|
|
placeholder="{{(form.uCreatePhone.$error.required) && isCheckOnce? '@Resource.RequiredMessage': null}}" />
|
||
|
|
<div class="validation_block">
|
||
|
|
<small ng-show="form.uCreatePhone.$dirty && form.uCreatePhone.$error.phoneNumber">@Resource.PhoneValidateMsg</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.StaticLabelCertificationCompany</label>
|
||
|
|
<div class="col">
|
||
|
|
<select ng-model="model.toBeCreated.VerifierCompanyID"
|
||
|
|
ng-options="item.ID as item.Name for item in model.certificationCompanyOptions">
|
||
|
|
<option value="">-- @Resource.StaticLabelGlobal_Select --</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.UserEmail</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
ng-model="model.toBeCreated.LCAStarterEmail"
|
||
|
|
name="uCreaterEmail" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.DescriptionAndExplanation</label>
|
||
|
|
<div class="col">
|
||
|
|
<textarea class="form-control" rows="3" ng-model="model.toBeCreated.Description" name="uDescription"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="survey_info">
|
||
|
|
<div class="title">
|
||
|
|
@Resource.StaticLabelFabInfo
|
||
|
|
</div>
|
||
|
|
<div class="survey_content">
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.FabName</label>
|
||
|
|
<div class="col col-sm-4">
|
||
|
|
<select ng-model="model.selectedFab"
|
||
|
|
ng-options="fab as fab.Name for fab in model.fabOptions">
|
||
|
|
<option value="">-- @Resource.StaticLabelGlobal_New --</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
<label ng-show="!(model.selectedFab.ID)" class="col-sm-2 col-form-label">@Resource.FabName</label>
|
||
|
|
<div ng-show="!(model.selectedFab.ID)" class="col">
|
||
|
|
<input type="text"
|
||
|
|
pattern='[\d]{0,3}[\-]?[\d]{0,3}[\d]+[\-]?[\d]+[\-]?[\d]+'
|
||
|
|
ng-model="model.selectedFab.Name"
|
||
|
|
name="fNewName"
|
||
|
|
required
|
||
|
|
ng-class="{error: form.fNewName.$error.required && isCheckOnce && !product_survey.Fab_Selected}"
|
||
|
|
placeholder="{{form.fNewName.$error.required && isCheckOnce && !product_survey.Fab_Selected? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.FabPhone</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
phone-number
|
||
|
|
ng-disabled="model.selectedFab.ID"
|
||
|
|
name="fPhone"
|
||
|
|
required
|
||
|
|
ng-model="model.selectedFab.Phone"
|
||
|
|
ng-class="{error: (form.fPhone.$error.required || form.fPhone.$error.phoneNumber) && isCheckOnce && !product_survey.Fab_Selected}"
|
||
|
|
placeholder="{{(form.fPhone.$error.required) && isCheckOnce && !product_survey.Fab_Selected? '@Resource.RequiredMessage': null}}" />
|
||
|
|
<div class="validation_block">
|
||
|
|
<small ng-show="form.fPhone.$dirty && form.fPhone.$error.phoneNumber">@Resource.PhoneValidateMsg</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
@*<label class="col-sm-2 col-form-label">@Resource.IsIso14064Passed</label>
|
||
|
|
<div class="col">
|
||
|
|
<select ng-model="model.selectedFab.IsIso14064Passed"
|
||
|
|
ng-disabled="model.selectedFab.ID"
|
||
|
|
ng-options="option.value as option.text for option in isoOptions"
|
||
|
|
ng-init="model.selectedFab.IsIso14064Passed=false"
|
||
|
|
required></select>
|
||
|
|
</div>*@
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@*<div class="row" ng-show="model.selectedFab.IsIso14064Passed">
|
||
|
|
<label class="col-sm-3 col-form-label">@Resource.IsIso14064Passed</label>
|
||
|
|
<div class="col iso14064-unit-checklist">
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064TUV" />
|
||
|
|
TUV
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064DNV" />
|
||
|
|
DNV
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064BV" />
|
||
|
|
BV
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064SGS" />
|
||
|
|
SGS
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064BSI" />
|
||
|
|
BSI
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064UL" />
|
||
|
|
UL
|
||
|
|
</label>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" ng-model="model.selectedFab.ISO14064Other" />
|
||
|
|
Others
|
||
|
|
</label>
|
||
|
|
<input ng-show="product_survey.selectedFab.ISO14064Other"
|
||
|
|
type="text"
|
||
|
|
ng-model="product_survey.selectedFab.ISO14064OtherString"
|
||
|
|
placeholder="@Resource.ISO14064CompanyName" />
|
||
|
|
</div>
|
||
|
|
</div>*@
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<label class="col-sm-2 col-form-label">@Resource.FabAddress</label>
|
||
|
|
<div class="col">
|
||
|
|
<input type="text"
|
||
|
|
ng-disabled="model.selectedFab.ID"
|
||
|
|
name="fAddress"
|
||
|
|
required
|
||
|
|
ng-model="model.selectedFab.Address"
|
||
|
|
ng-class="{error: form.fAddress.$error.required && isCheckOnce && !product_survey.Fab_Selected}"
|
||
|
|
placeholder="{{form.fAddress.$error.required && isCheckOnce && !product_survey.Fab_Selected? '@Resource.RequiredMessage': null}}" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="survey_info survey_btn_wrap">
|
||
|
|
<div class="survey_content">
|
||
|
|
<div class="row">
|
||
|
|
<button class="header_button"
|
||
|
|
ng-click="createOrganizationLCA(model.toBeCreated)" style="float: left; margin-left: 16px;">
|
||
|
|
@Resource.StaticLabelGlobal_Next
|
||
|
|
</button>
|
||
|
|
<a href="#/LCA/LCA" style="float: left;">
|
||
|
|
<div class="header_button" style="margin-left: 16px;">
|
||
|
|
@Resource.StaticLabelGlobal_Cancel
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@*Start CFT-105*@
|
||
|
|
<div class="table_edit_wrap transition show_table_edit" id="msg-model" style="display: none; width: 100%; height: calc(100vh + 150px); background-color: rgb(128,128,128, 0.6); position: fixed; z-index: 1001;margin-top: -150px">
|
||
|
|
<div>
|
||
|
|
<div class="edit_form" style="z-index: 1001; position: fixed; margin: auto; left: 0; right: 0; top: 30%; background-color: #eeeeee; width: 500px; border: 1px solid #bbb; border-radius: 5px; padding-bottom: 20px; box-shadow: 1px 1px 1px 1px #ddd; height: 140px;">
|
||
|
|
<div id="result-msg" style="padding: 20px 0 10px 10px; color: red;"></div>
|
||
|
|
<div style="float:right; cursor: pointer;" onclick="cancel()">確定</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
function cancel() {
|
||
|
|
let box = document.getElementById('msg-model');
|
||
|
|
box.style.display = 'none';
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
@*End CFT-105*@
|