demo20230512/Views/Partial/LCA/PCR.cshtml

<div class="popout_wrap transition" ng-class="{show_popout: show_pcr}" style="height: 623px;">
    <div class="survey_form" ng-style="{height: sidebar.length * 28 + 24 + 'px'}" style="width: 100%; margin: 0 auto; top: 20px;">
        <div class="survey_form_body" ng-style="{height: sidebar.length * 28 + 'px'}" style="width: 1000px; height: 554px; margin: 0 auto; background: white; float: none;">
            <form name="form" novalidate>
                <div class="add_survey_body">
                    <div class="survey_info">
                        <div class="title">PCR</div>
                        <div class="survey_content">
                            <div class="row">
                                <div>
                                    <span style="width: 240px;">@Resource.WattInOperation</span>
                                    <div style="width: 93px; float: right;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.WattInOperation" name="uWattInOperation" required 
                                            ng-class="{error: (form.uWattInOperation.$error.required || form.uWattInOperation.$error.number) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uWattInOperation.$error.required || form.uWattInOperation.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">W</span>
                                    </div>
                                </div>
                                <div>
                                    <span style="width: 280px;">@Resource.WattInLowOperation</span>
                                    <div style="width: 93px; float: right;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.WattInLowOperation" required name="uWattInLowOperation"
                                            ng-class="{error: (form.uWattInLowOperation.$error.required || form.uWattInLowOperation.$error.number) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uWattInLowOperation.$error.required || form.uWattInLowOperation.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">W</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div>
                                    <span style="width: 240px;">@Resource.TurnOnHourPerDayInWorkDay</span>
                                    <div style="width: 93px; float: left;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.TurnOnHourPerDayInWorkDay" required
                                            style="float: left; width: 67px; padding-right: 26px;" name="uTurnOnHourPerDayInWorkDay" min="0" max="24"
                                            ng-class="{error: (form.uTurnOnHourPerDayInWorkDay.$error.required || form.uTurnOnHourPerDayInWorkDay.$error.number || !form.uTurnOnHourPerDayInWorkDay.$valid) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uTurnOnHourPerDayInWorkDay.$error.required || form.uTurnOnHourPerDayInWorkDay.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">Hr</span>
                                    </div>
                                </div>
                                <div>
                                    <span style="width: 280px;">@Resource.TurnOnHourPerDayInOffDay</span>
                                    <div style="width: 93px; float: right;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.TurnOnHourPerDayInOffDay" required name="uTurnOnHourPerDayInOffDay" min="0" max="24"
                                            ng-class="{error: (form.uTurnOnHourPerDayInOffDay.$error.required || form.uTurnOnHourPerDayInOffDay.$error.number || !form.uTurnOnHourPerDayInOffDay.$valid) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uTurnOnHourPerDayInOffDay.$error.required || form.uTurnOnHourPerDayInOffDay.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">Hr</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div>
                                    <span style="width: 240px;">@Resource.WorkDayPerYear</span>
                                    <div style="width: 93px; float: right;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.WorkDayPerYear" required name="uWorkDayPerYear" min="0" max="366"
                                            ng-class="{error: (form.uWorkDayPerYear.$error.required || form.uWorkDayPerYear.$error.number || !form.uWorkDayPerYear.$valid) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uWorkDayPerYear.$error.required || form.uWorkDayPerYear.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>   
                    </div>
                    <div class="survey_info" ng-show="isProductLCA">
                        <div class="title">
                            @Resource.ProductDevelopmentStage
                        </div>
                        <div class="survey_content">
                            <div class="row">
                                <div>
                                    <span style="width: 240px;">@Resource.UnitFunctionProducts</span>
                                    <div style="width: 93px; float: right;">
                                        <input type="text" ng-model="product_survey.ReportDetail.ProductDevStageFunctionUnit" required name="uProductDevStageFunctionUnit"
                                            ng-class="{error: form.uProductDevStageFunctionUnit.$error.required && createReportIsCheckOnce}" placeholder="{{form.uProductDevStageFunctionUnit.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                                <div>
                                    <span style="width: 280px; float: left;">@Resource.DuringInterrogation</span>
                                    <div style="width: 93px; float: left;">
                                        <input type="text" ng-model="product_survey.ReportDetail.ProductDevStageDuringInventory" required name="uProductDevStageDuringInventory"
                                            ng-class="{error: form.uProductDevStageDuringInventory.$error.required && createReportIsCheckOnce}" placeholder="{{form.uProductDevStageDuringInventory.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div>
                                    <span style="width: 200px; float: left;">@Resource.ProductCarbonFootprint</span>
                                    <div style="width: 93px; float: left;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.ProductDevStageCarbonFootprint" style="width: 40px; padding-right: 57px;" required 
                                            name="uProductDevStageCarbonFootprint"
                                            ng-class="{error: (form.uProductDevStageCarbonFootprint.$error.required || form.uProductDevStageCarbonFootprint.$error.number) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uProductDevStageCarbonFootprint.$error.required || form.uProductDevStageCarbonFootprint.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">g CO2e</span>
                                    </div>
                                </div>
                                <div>
                                    <span style="width: 150px; float: left;">@Resource.RAndDUnitAddress</span>                                        
                                    <div style="width: 227px; float: left;">
                                        <input type="text" ng-model="product_survey.ReportDetail.ProductDevStageAddress" style="width: 241px; padding-right: 26px;" required 
                                            name="uProductDevStageAddress"
                                            ng-class="{error: form.uProductDevStageAddress.$error.required && createReportIsCheckOnce}" placeholder="{{form.uProductDevStageAddress.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div>
                                    <span style="width: 240px; float: left;">@Resource.DistributionMethodDescription</span>
                                    <div style="width: 489px; float: left;">
                                        <input type="text" ng-model="product_survey.ReportDetail.ProductDevStageDescription" required name="uProductDevStageDescription"
                                            ng-class="{error: form.uProductDevStageDescription.$error.required && createReportIsCheckOnce}" placeholder="{{form.uProductDevStageDescription.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>
                        </div>       
                    </div>
                    <div class="survey_info">
                        <div class="title">
                            @Resource.ProductUsageStage
                        </div>
                        <div class="survey_content">
                            <div class="row">
                                <div>
                                    <span style="width: 240px; float: left;">@Resource.PowerCoefficient</span>                                        
                                    <div style="width: 93px; float: left;">
                                        <input type="number" step="any" ng-model="product_survey.ReportDetail.ProductUsageStagePowerFactor" required name="uProductUsageStagePowerFactor"
                                            ng-class="{error: (form.uProductUsageStagePowerFactor.$error.required || form.uProductUsageStagePowerFactor.$error.number) && createReportIsCheckOnce}" 
                                               placeholder="{{(form.uProductUsageStagePowerFactor.$error.required || form.uProductUsageStagePowerFactor.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>    
                            <div class="row">
                                <div>
                                    <span style="width: 260px; float: left;">@Resource.PowerCoefficientSourceDescription</span>
                                    <div style="width: 469px; float: left;">
                                        <input type="text" ng-model="product_survey.ReportDetail.ProductUsageStageDescription" required name="uProductUsageStageDescription"
                                            ng-class="{error: form.uProductUsageStageDescription.$error.required && createReportIsCheckOnce}" placeholder="{{form.uProductUsageStageDescription.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                            </div>           
                        </div>    
                    </div>
                    <div class="survey_info">
                        <div class="title">
                            @Resource.AbandonedStage
                        </div>
                        <div class="survey_content">
                            <div class="row">
                                <div>
                                    <span style="width: 240px; float: left;">@Resource.AbandonedStage</span>                                        
                                    <div style="width: 93px; float: left;">
                                        <input type="text" step="any" ng-model="product_survey.ReportDetail.ProductAbandonedStage" required name="uProductAbandonedStage"
                                            ng-class="{error: form.uProductAbandonedStage.$error.required && createReportIsCheckOnce}" 
                                               placeholder="{{form.uProductAbandonedStage.$error.required && createReportIsCheckOnce? 'Required': null}}"/>
                                    </div>
                                </div>
                                <div>
                                    <span style="width: 260px; float: left;">@Resource.AbandonedStageCarbonFootprint</span>
                                    <div style="width: 117px; float: left; margin-right: 0;">
                                        <input type="number" ng-model="product_survey.ReportDetail.ProductAbandonedStageCarbonFootprint" style="width: 60px; padding-right: 57px;" required 
                                            name="uProductAbandonedStageCarbonFootprint"
                                            ng-class="{error: (form.uProductAbandonedStageCarbonFootprint.$error.required || form.uProductAbandonedStageCarbonFootprint.$error.number) && createReportIsCheckOnce}" placeholder="{{(form.uProductAbandonedStageCarbonFootprint.$error.required || form.uProductAbandonedStageCarbonFootprint.$error.number) && createReportIsCheckOnce? 'Required': null}}"/>
                                        <span class="unit">g CO2e</span>
                                    </div>
                                </div>
                            </div>            
                        </div>    
                    </div>
                    <div class="survey_info survey_btn_wrap">
                        <div class="survey_content">
                            <div class="row">
                                <button class="header_button"
                                    ng-click="createReport(product_survey)" style="float: left; margin-left: 16px;">
		                            @Resource.Done
	                            </button>
                                <button class="header_button" style="margin-left: 16px;" ng-click="show_pcr = false">
		                            @Resource.StaticLabelGlobal_Cancel
	                            </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>