From 3b019e5599dfb5d368f4e8fd50fb557f4679a645 Mon Sep 17 00:00:00 2001
From: 이민희 <mhlee@maprex.co.kr>
Date: 수, 12 1월 2022 15:19:58 +0900
Subject: [PATCH] 업체/isp/호스팅 기능 개편
---
src/main/webapp/views/companyField/companyFieldModify.html | 369 +++++++++++++++++++++++++++++-----------------------
1 files changed, 208 insertions(+), 161 deletions(-)
diff --git a/src/main/webapp/views/companyField/companyFieldModify.html b/src/main/webapp/views/companyField/companyFieldModify.html
index 8211942..b66d3e4 100644
--- a/src/main/webapp/views/companyField/companyFieldModify.html
+++ b/src/main/webapp/views/companyField/companyFieldModify.html
@@ -30,196 +30,243 @@
<small translate="companyField.enterSpecialCharacters">�뾽泥� �씠由꾩뿉�뒗 �듅�닔 臾몄옄瑜� �엯�젰 �븷�닔 �뾾�뒿�땲�떎.</small>
</div>
<div class="form-group">
- <label class="issue-label">
- <span translate="ispField.select">ISP �꽑�깮</span>
+ <label for="companyFieldAddForm10" class="issue-label">
+ <span translate="companyField.url">url</span>
</label>
- <js-autocomplete-single data-input-name="ispField"
- selected-model="vm.form.issueIspFields"
- ng-model="vm.form.ispName"
- custom-input="true"
- search="vm.form.ispName"
- source="fn.getIssueIspFieldList(vm.ispName, vm.form.issueIspFields, vm.autoCompletePage.issueIspFields.page, fn.getIssueIspFieldListCallBack)"
- page="vm.autoCompletePage.ispField.page"
- total-page="vm.autoCompletePage.ispField.totalPage"
- input-disabled="false"
- translation-texts="{ empty : 'common.emptyIsp' }"
- broad-cast="ispFieldEvent"
- extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
- type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
+ <input id="companyFieldAddForm10"
+ name="url"
+ type="text"
+ class="form-control"
+ kr-input
+ autocomplete="off"
+ ng-model="vm.form.url"
+ ng-maxlength="200"
+ maxlength="200"
+ ng-pattern="/(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/"
+ >
+ <div ng-show="companyFieldModifyForm.url.$error.pattern" class="help-block form-text text-danger"
+ translate="common.invalidUrlFormat">url �삎�떇�씠 留욎� �븡�뒿�땲�떎.
+ </div>
</div>
-
- <div class="form-group">
- <label class="issue-label">
- <span translate="hostingField.select">�샇�뒪�똿 �꽑�깮</span>
- </label>
- <js-autocomplete-single data-input-name="hostingField"
- selected-model="vm.form.issueHostingFields"
- ng-model="vm.form.hostingName"
- custom-input="true"
- search="vm.form.hostingName"
- source="fn.getIssueHostingFieldList(vm.hostingName, vm.form.issueHostingFields, vm.autoCompletePage.hostingField.page, fn.getIssueHostingFieldListCallBack)"
- page="vm.autoCompletePage.hostingField.page"
- total-page="vm.autoCompletePage.hostingField.totalPage"
- input-disabled="false"
- translation-texts="{ empty : 'common.emptyHosting' }"
- broad-cast="hostingFieldEvent"
- extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
- type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
- </div>
- <div>
- <div class="form-group">
- <label for="companyFieldAddForm10" class="issue-label">
- <span translate="companyField.url">url</span>
- </label>
- <input id="companyFieldAddForm10"
- name="url"
- type="text"
- class="form-control"
- kr-input
- autocomplete="off"
- ng-model="vm.form.url"
- ng-maxlength="200"
- maxlength="200"
- ng-pattern="/(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/"
- >
- <div ng-show="companyFieldModifyForm.url.$error.pattern" class="help-block form-text text-danger"
- translate="common.invalidUrlFormat">url �삎�떇�씠 留욎� �븡�뒿�땲�떎.
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="ispField.select">ISP �꽑�깮</span>
+ </label>
+ <js-autocomplete-single data-input-name="ispField"
+ selected-model="vm.form.issueIspFields"
+ ng-model="vm.form.ispName"
+ custom-input="true"
+ search="vm.form.ispName"
+ source="fn.getIssueIspFieldList(vm.form.ispName, vm.form.issueIspFields, vm.autoCompletePage.issueIspFields.page, fn.getIssueIspFieldListCallBack)"
+ page="vm.autoCompletePage.ispField.page"
+ total-page="vm.autoCompletePage.ispField.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyIsp' }"
+ broad-cast="ispFieldEvent"
+ extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="hostingField.select">�샇�뒪�똿 �꽑�깮</span>
+ </label>
+ <js-autocomplete-single data-input-name="hostingField"
+ selected-model="vm.form.issueHostingFields"
+ ng-model="vm.form.hostingName"
+ custom-input="true"
+ search="vm.form.hostingName"
+ source="fn.getIssueHostingFieldList(vm.form.hostingName, vm.form.issueHostingFields, vm.autoCompletePage.hostingField.page, fn.getIssueHostingFieldListCallBack)"
+ page="vm.autoCompletePage.hostingField.page"
+ total-page="vm.autoCompletePage.hostingField.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyHosting' }"
+ broad-cast="hostingFieldEvent"
+ extra-settings="{ displayProp : 'name' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
</div>
</div>
</div>
- <!--<div class="row">
- <div class="col-md-3">
- <div class="form-group mb10">
- <label for="companyFieldModifyForm2" class="issue-label"> <span
- translate="companyField.company">�뾽泥� 遺꾨쪟</span>
+ <div class="row">
+ <div class="col-lg-4">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="companyField.tel">�쟾�솕踰덊샇</span>
</label>
- <select id="companyFieldModifyForm2"
- name="companyType"
- class="form-control input-sm issue-select-label"
- ng-model="vm.form.companyType"
- >
- <option value="" translate="common.selectTarget" ng-style="{ 'color' : '#353535' }"><span
- translate="common.selectTarget">���긽 �꽑�깮</span>
- </option>
- <option value="personal">媛쒖씤</option>
- <option value="business">湲곗뾽</option>
- </select>
+ <div class="input-group" ng-repeat="tell in vm.form.inputTels">
+ <input type="text"
+ name="tel"
+ class="form-control mt-1"
+ kr-input
+ ng-model="vm.form.tels[$index]"
+ input-regex="[^0-9]"
+ maxlength="11"
+ minlength="9"
+ autocomplete="off">
+ <span class="select3-selection__email__remove" ng-click="fn.removeTelInput($index)">횞</span>
+ </div>
+ <div ng-show="companyFieldModifyForm.tel.$error.minlength" class="help-block form-text text-danger"
+ translate="common.least9CharactersTel">�쟾�솕踰덊샇 �삎�떇�씠 留욎� �븡�뒿�땲�떎.(9�옄由� �씠�긽)
+ </div>
</div>
</div>
- <div class="col-md-3">
- <div class="form-group mb10">
- <label for="companyFieldModifyForm3" class="issue-label">
- <span translate="companyField.profitYN">�쁺由�/鍮꾩쁺由�</span>
- </label>
- <select id="companyFieldModifyForm3"
- name="profitYN"
- class="form-control input-sm issue-select-label"
- ng-model="vm.form.profitYN"
- >
- <option value="" translate="common.selectTarget" ng-style="{ 'color' : '#353535' }">
- <span translate="common.selectTarget">���긽 �꽑�깮</span>
- </option>
- <option value="profit">�쁺由�</option>
- <option value="nonProfit">鍮꾩쁺由�</option>
- </select>
+ <div class="col-lg-2 mt-25" style="margin-left: -15px">
+ <div>
+ <button type="button" class="btn btn-secondary" ng-click="fn.addTel()">
+ <span translate="common.add">異붽�</span>
+ </button>
</div>
</div>
- <div class="col-md-6">
- <div class="form-group mb10">
- <label for="companyFieldModifyForm4" class="issue-label"> <span
- translate="companyField.industry">�궛�뾽 遺꾨쪟</span>
+ <div class="col-lg-5">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="companyField.email">�씠硫붿씪</span>
</label>
- <input id="companyFieldModifyForm4"
- name="industry"
+ <div class="input-group" ng-repeat="mail in vm.form.inputMails">
+ <input type="text"
+ name="email"
+ class="form-control mt-1"
+ kr-input
+ ng-model="vm.form.emails[$index]"
+ ng-pattern="/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/"
+ autocomplete="off">
+ <span class="select3-selection__email__remove" ng-click="fn.removeMailInput($index)">횞</span>
+ </div>
+ <div ng-show="companyFieldModifyForm.email.$error.pattern" class="help-block form-text text-danger"
+ translate="users.invalidEmailFormat">�씠硫붿씪 �삎�떇�씠 留욎� �븡�뒿�땲�떎.
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-2 mt-25" style="margin-left: -15px; margin-right: -16px;">
+ <div>
+ <button type="button" class="btn btn-secondary" ng-click="fn.addMail()">
+ <span translate="common.add">異붽�</span>
+ </button>
+ </div>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label for="companyFieldModifyForm9" class="issue-label">
+ <span translate="companyField.manager">�떞�떦�옄</span>
+ </label>
+ <input id="companyFieldModifyForm9"
+ name="manager"
type="text"
class="form-control"
kr-input
input-regex="[^a-zA-Z0-9 媛�-�옡�꽦-�뀕�뀖-�뀭\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
autocomplete="off"
- ng-model="vm.form.industry"
- ng-maxlength="200"
- maxlength="200"
- >
+ ng-model="vm.form.manager"
+ ng-maxlength="100"
+ maxlength="100"
+ >
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="companyField.companyType">湲곗뾽援щ텇</span>
+ </label>
+ <js-autocomplete-single data-input-name="companyType"
+ selected-model="vm.form.companyTypes"
+ ng-model="vm.form.companyType"
+ custom-input="false"
+ search="vm.form.companyType"
+ source="fn.getCompanyTypeCategory(vm.typeCategory.companyType, vm.form.companyType, vm.form.companyTypes, vm.autoCompletePage.companyType.page, fn.getCompanyTypeListCallBack)"
+ page="vm.autoCompletePage.companyType.page"
+ total-page="vm.autoCompletePage.companyType.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyCompanyType' }"
+ broad-cast="companyTypeEvent"
+ extra-settings="{ displayProp : 'useValue' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
</div>
</div>
</div>
-
- <div class="form-group">
- <label for="companyFieldModifyForm5" class="issue-label">
- <span translate="companyField.domain">�룄硫붿씤</span>
- </label>
- <input id="companyFieldModifyForm5"
- name="domain"
- type="text"
- class="form-control"
- kr-input
- input-regex="[^a-zA-Z0-9 媛�-�옡�꽦-�뀕�뀖-�뀭\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
- autocomplete="off"
- ng-model="vm.form.domain"
- ng-maxlength="200"
- maxlength="200"
- >
- <!–<small translate="notice.enterSpecialCharacters">�젣紐⑹뿉�뒗 �듅�닔 臾몄옄瑜� �엯�젰�븷 �닔 �뾾�뒿�땲�떎.</small>–>
- </div>-->
<div>
<div class="form-group">
- <label for="companyFieldModifyForm9" class="issue-label">
- <span translate="companyField.manager">�떞�떦�옄</span>
+ <label class="issue-label">
+ <span translate="companyField.parentSector">�뾽醫�(��遺꾨쪟)</span>
</label>
- <input id="companyFieldModifyForm9"
- name="manager"
- type="text"
- class="form-control"
- kr-input
- input-regex="[^a-zA-Z0-9 媛�-�옡�꽦-�뀕�뀖-�뀭\u318D\u119E\u11A2\u2022\u2025a\u00B7\uFE55]"
- autocomplete="off"
- ng-model="vm.form.manager"
- ng-maxlength="100"
- maxlength="100"
- >
- <!--<small translate="notice.enterSpecialCharacters">�젣紐⑹뿉�뒗 �듅�닔 臾몄옄瑜� �엯�젰�븷 �닔 �뾾�뒿�땲�떎.</small>-->
+ <js-autocomplete-single data-input-name="parentSector"
+ selected-model="vm.form.parentSectors"
+ ng-model="vm.form.parentSector"
+ custom-input="false"
+ search="vm.form.parentSector"
+ source="fn.getCompanyTypeCategory(vm.typeCategory.parentSector, vm.form.parentSector, vm.form.parentSectors, vm.autoCompletePage.parentSector.page, fn.getParentSectorListCallBack)"
+ page="vm.autoCompletePage.parentSector.page"
+ total-page="vm.autoCompletePage.parentSector.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyParentSector' }"
+ broad-cast="parentSectorEvent"
+ extra-settings="{ displayProp : 'useValue' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
</div>
</div>
<div>
<div class="form-group">
- <label for="companyFieldModifyForm7" class="issue-label">
- <span translate="companyField.tel">�쟾�솕踰덊샇</span>
+ <label class="issue-label">
+ <span translate="companyField.childSector">�뾽醫�(以묐텇瑜�)</span>
</label>
- <input id="companyFieldModifyForm7"
- name="tel"
- type="text"
- class="form-control"
- kr-input
- input-regex="[^0-9]"
- autocomplete="off"
- ng-model="vm.form.tel"
- maxlength="11"
- minlength="9">
- <div ng-show="companyFieldModifyForm.tel.$error.minlength" class="help-block form-text text-danger"
- translate="common.least9CharactersTel">�쟾�솕踰덊샇 �삎�떇�씠 留욎� �븡�뒿�땲�떎.(9�옄由� �씠�긽)
+ <js-autocomplete-single data-input-name="childSector"
+ selected-model="vm.form.childSectors"
+ ng-model="vm.form.childSector"
+ custom-input="false"
+ search="vm.form.childSector"
+ source="fn.getCompanyChildSector(vm.form.parentSectors, vm.form.parentSectorId, vm.typeCategory.childSector, vm.form.childSector, vm.form.childSectors, vm.autoCompletePage.childSector.page, fn.getChildSectorListCallBack)"
+ page="vm.autoCompletePage.childSector.page"
+ total-page="vm.autoCompletePage.childSector.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyChildSector' }"
+ broad-cast="childSectorEvent"
+ extra-settings="{ displayProp : 'useValue' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="companyField.region">吏��뿭</span>
+ </label>
+ <js-autocomplete-single data-input-name="region"
+ selected-model="vm.form.regions"
+ ng-model="vm.form.region"
+ custom-input="false"
+ search="vm.form.region"
+ source="fn.getCompanyTypeCategory(vm.typeCategory.region, vm.form.region, vm.form.regions, vm.autoCompletePage.region.page, fn.getRegionListCallBack)"
+ page="vm.autoCompletePage.region.page"
+ total-page="vm.autoCompletePage.region.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyRegion' }"
+ broad-cast="regionEvent"
+ extra-settings="{ displayProp : 'useValue' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
</div>
-<!-- <div ng-show="companyFieldModifyForm.tel.$error.pattern" class="help-block form-text text-danger"-->
-<!-- translate="companyField.invalidTelFormat">�쟾�솕踰덊샇 �삎�떇�씠 留욎� �븡�뒿�땲�떎. xxx-xxx-xxxx �삎�떇�쑝濡� �엯�젰�븯�꽭�슂.-->
-<!-- </div>-->
</div>
- </div>
- <div>
- <div class="form-group">
- <label for="companyFieldModifyForm6" class="issue-label">
- <span translate="companyField.email">�씠硫붿씪</span>
- </label>
- <input id="companyFieldModifyForm6"
- name="email"
- type="email"
- class="form-control"
- autocomplete="off"
- maxLength="50"
- ng-model="vm.form.email"
- kr-input
- ng-pattern="/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/"
- >
- <div ng-show="companyFieldModifyForm.email.$error.pattern" class="help-block form-text text-danger"
- translate="users.invalidEmailFormat">�씠硫붿씪 �삎�떇�씠 留욎� �븡�뒿�땲�떎.
+ <div class="col-lg-6">
+ <div class="form-group">
+ <label class="issue-label">
+ <span translate="companyField.status">�긽�깭</span>
+ </label>
+ <js-autocomplete-single data-input-name="status"
+ selected-model="vm.form.statuses"
+ ng-model="vm.form.status"
+ custom-input="false"
+ search="vm.form.status"
+ source="fn.getCompanyTypeCategory(vm.typeCategory.status, vm.form.status, vm.form.statuses, vm.autoCompletePage.status.page, fn.getStatusListCallBack)"
+ page="vm.autoCompletePage.status.page"
+ total-page="vm.autoCompletePage.status.totalPage"
+ input-disabled="false"
+ translation-texts="{ empty : 'common.emptyStatus' }"
+ broad-cast="statusEvent"
+ extra-settings="{ displayProp : 'useValue' , idProp : 'id', imageable : false, imagePathProp : '',
+ type : '', maxlength : 200, autoResize : false, stopRemoveBodyEvent : true }"></js-autocomplete-single>
</div>
</div>
</div>
--
Gitblit v1.8.0