# WEX UI의 변경 방법

# Title의 변경



# admin 메인화면

<span style="color: rgb(186, 55, 42);">**vi /apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/banner.jsp**</span>

<span style="color: rgb(186, 55, 42);">**명령어 수행**</span>

```java
<!-- *********************** ES COPYRIGHT START  *********************************
// @copyright(external)
// 
// BEGIN_COPYRIGHT
// 
// Licensed Materials - Property of IBM
// 
// 5727-I17
// (C) Copyright IBM Corp. 2003, 2015 All Rights Reserved.
// 
// US Government Users Restricted Rights - Use, duplication or
// disclosure restricted by GSA ADP Schedule Contract with
// IBM Corp.
// 
// END_COPYRIGHT
// 
// @endCopyright
//*********************** ES COPYRIGHT END  *********************************** -->
<%@page import="com.ibm.es.admin.utils.SessionSecurityUtil"%>
<%@page import="com.ibm.es.admin.valueObjects.SecurityUser"%>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="/tlds/struts-bean" prefix="fmt" %>

<%@ page import="com.ibm.es.admin.utils.AdminConfig" %>
<%@ page import="com.ibm.es.admin.edition.Edition" %>

<%
String productNameKey;

productNameKey = Edition.get().getEditionNameMessageKey();
SecurityUser securityUser = SessionSecurityUtil.getSecurityUser(request);
String adminRole = securityUser.getRole();
%>

<style>
  span.banner a, span.banner a:link, span.banner a:active, span.banner a:visited {
    color: white;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
  }
  span.banner a:hover {
    text-decoration: underline;
  }
  .oneui .icaAdminHeader.idxHeaderContainer .idxHeaderPrimary li.idxHeaderPrimaryAction > * {
     float: right;
  }
</style>



<div class="icaAdminHeader idxHeaderContainer">
        <div class="idxHeaderPrimaryThin">
                <div class="idxHeaderPrimary" role="banner">
                        <div class="idxHeaderPrimaryInner">
                                <ul role="menubar">
                                        <li>

                                                 <span><div class="idxHeaderPrimaryTitle"><fmt:message key='<%=productNameKey%>'/></div></span>

                                                <span><div class="idxHeaderPrimaryTitle">SPELIX TEST</div></span>

                                               위와 같이 수정
                                        </li>
                                        <li class="idxHeaderPrimaryAction idxHeaderEnd">
                                                <span>
                                                        <div class="idxHeaderLogoBox">
                                                                <div alt="SPELIX" class="idxHeaderLogo">
                                                                        <span class="idxTextAlternative">SPELIX</span>
                                                                </div>
                                                        </div>
                                                </span>
                                        </li>
                                        <li class="idxHeaderPrimaryAction idxHeaderHelp"></li>
                                        <li role="separator" class="idxHeaderPrimaryAction idxHeaderSeparator"><span></span></li>
                                        <li class="idxHeaderPrimaryAction">
                                                <span>
                                                <a href="<%=request.getContextPath()%>" onclick="Javascript:return viewAbout();"
                                                   title="<fmt:message key='About' />" class="idxHeaderUserName">
                                                  <fmt:message key="About" />
                                                </a>
                                            </span>
                                        <span>
                                                <a href="<%=request.getContextPath()%>" onclick="Javascript:return viewHelp();"
                                                   title="<fmt:message key='toolbar.help' />" class="idxHeaderUserName">
                                                  <fmt:message key="toolbar.help" />
                                                </a>
                                            </span>
                                            <% if (!Edition.isEnabled(Edition.Function.AUTHENTICATION_DELEGATION)) { %>
                                        <span>
                                                <a href="javascript:;" onclick="return logoutActionHandler();"
                                                   title="<fmt:message key='toolbar.logout' />" class="idxHeaderUserName">
                                                  <fmt:message key="toolbar.logout" />
                                                </a>
                                            </span>
                                            <% } %>
                                        <%
                                                if(AdminConfig.isWCECAEdition() && (SecurityUser.SecurityRole.ENTERPRISE_SEARCH_ADMINISTRATOR.getRoleNumber().equals(adminRole) || SecurityUser.SecurityRole.CUSTOMIZER_ADMINISTRATOR.getRoleNumber().equals(adminRole))) {
                                        %>
                                        <span>


     <a href="../ui/analytics/customizer"  title="<fmt:message key='toolbar.analyticsCustomizer' />" class="idxHeaderUserName" target="_blank">
                                                  <fmt:message key="toolbar.analyticsCustomizer" />
                                                </a>
                                            </span>
                                            <% if (Edition.isEnabled(Edition.Function.SEARCH_COLLECTION)) { %>
                                        <span>
                                                <a href="../ui/search/customizer" title="<fmt:message key='toolbar.searchCustomizer' />" class="idxHeaderUserName" target="_blank">
                                                  <fmt:message key="toolbar.searchCustomizer" />
                                                </a>
                                        </span>
                                        <% } %>
                                        <% } %>
                                        </li>
                                </ul>
                        </div>
                </div>
        </div>
</div>
```

# admin login 화면

**vi /apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/bannerLogin.jsp**

**명령어 수행**

```java
<!-- *********************** ES COPYRIGHT START  *********************************
// @copyright(external)
// 
// BEGIN_COPYRIGHT
// 
// Licensed Materials - Property of IBM
// 
// 5727-I17
// (C) Copyright IBM Corp. 2003, 2015 All Rights Reserved.
// 
// US Government Users Restricted Rights - Use, duplication or
// disclosure restricted by GSA ADP Schedule Contract with
// IBM Corp.
// 
// END_COPYRIGHT
// 
// @endCopyright
//*********************** ES COPYRIGHT END  *********************************** -->
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib uri="/tlds/struts-bean" prefix="fmt" %>

<%@ page import="com.ibm.es.admin.utils.AdminConfig" %>
<%@ page import="com.ibm.es.admin.edition.Edition"%>

<%
String productNameKey;
productNameKey = Edition.get().getEditionNameMessageKey();
%>

<style>
  span.banner a, span.banner a:link, span.banner a:active, span.banner a:visited {
    color: white;
    cursor: pointer;
    text-decoration: none;
    font-weight: normal;
  }
  span.banner a:hover {
    text-decoration: underline;
  }

  .oneui .icaAdminHeader.idxHeaderContainer .idxHeaderPrimary li.idxHeaderPrimaryAction > * {
     float: right;
  }
</style>

<div class="icaAdminHeader idxHeaderContainer">
        <div class="idxHeaderPrimaryThin">
                <div class="idxHeaderPrimary" role="banner">
                        <div class="idxHeaderPrimaryInner">
                                <ul role="menubar">
                                        <li>

                                   <span><div class="idxHeaderPrimaryTitle"><fmt:message key='<%=productNameKey%>'/></div></span>
                                                
```

&lt;span&gt;&lt;div class="idxHeaderPrimaryTitle"&gt;SPELIX LOGIN&lt;/div&gt;&lt;/span&gt;

 위와 같이 수정

```java
 </li>
                                        <li class="idxHeaderPrimaryAction idxHeaderEnd">
                                                <span>
                                                        <div class="idxHeaderLogoBox">
                                                                <div alt="SPELIX" class="idxHeaderLogo">
                                                                        <span class="idxTextAlternative">SPELIX</span>
                                                                </div>
                                                        </div>
                                                </span>
                                        </li>
                                        <li class="idxHeaderPrimaryAction idxHeaderHelp"></li>
                                        <li role="separator" class="idxHeaderPrimaryAction idxHeaderSeparator"><span></span></li>
                                        <li class="idxHeaderPrimaryAction">
                                        </li>
                                </ul>
                        </div>
                </div>
                <div class="blueBar"></div>
        </div>
</div>
```

# 마이너 화면

**<span style="color: rgb(186, 55, 42);">vi /apps/wex/esdata/master\_config/searchserver/repo/search/default/config.properties</span>**

**<span style="color: rgb(186, 55, 42);">명령어 입력</span>**

\#migrated with latest default\_config files  
\#Mon Apr 18 15:35:18 KST 2022  
facet.correlation.colors=\[{"value"\\:2.0, "color"\\:"\\#ffba00"},{"value"\\:4.0, "color"\\:"\\#ff6300"},{"value"\\:8.0, "color"\\:"\\#ff5000"},{"value"\\:16.0, "color"\\:"\\#ff0000"}\]  
preferences.result.queryLang=  
result.displayFields=

  
menu.disable.ICAPluginUserSessionMenu=\[\]  
preferences.result.sortOrder=desc  
preferences.result.spellCorrection=true  
menu.disable.ICAPluginProductMenu=\[\]  
welcome.cookie=com.ibm.ica.welcome.search.doNotShow  
preferences.result.queryMode=engine  
preferences.query.savedQuery=\[\]  
preferences.result.menuDisplayType=icon  
preferences.search.languages=  
collection.type=Search  
preferences.result.quickLink=true  
preferences.result.sortKey=relevance  
preferences.result.duplicateDetection=true  
menu.disable.ICAPluginDocumentToolbar=\[\]  
menu.disable.ICAPluginDashboardLayoutMenu=\[\]  
report.dateFormat.iso8601=yyyy-MM-dd'T'HH\\:mm\\:ssZ  
documentCategorizer.show.ownRuleOnly=false  
date.fields=modifieddate|createddate|date|atompublished|atomupdated|creationdate  
preferences.result.typeAheadNumberOfResults=10  
link.fields=  
result.filters.title=  
<s><span style="background-color: rgb(126, 140, 141);">product.title=IBM Watson Explorer Content Analytics</span></s>

**<span style="color: rgb(186, 55, 42);">product.title=변경값</span>**

<span style="color: rgb(186, 55, 42);">**위와 같이 변경**</span>  
report.dateFormat.excel=yyyy-MM-dd HH\\:mm\\:ss  
menu.disable.ICAPluginAnalyticsToolbar=\[\]  
preferences.result.findSimilarSimilarity=1.0  
result.summaryLength.level5=200  
result.summaryLength.level4=150  
result.summaryLength.level3=100  
result.summaryLength.level2=75  
result.summaryLength.level1=50  
documentCategorizer.rebuildButton.display=true  
result.filters.url=  
preferences.search.sources=  
preferences.result.siteCollapse=false  
preferences.enableWebStorage=false  
preferences.search.doctypes=  
menu.disable.ICAPluginDocumentMenu=\["ICAPlugin\_Document\_QueryBuilder"\]  
result.filters.personThumbnail=  
preferences.result.pagingDisplayType=both  
preferences.search.scopes=  
menu.disable.ICAPluginSearchBar=\[\]  
pref.options=ica/ResultOption|ica/SearchFilter  
helpUrl=https\\://www.ibm.com/support/knowledgecenter/SS8NLW\_12.0.0/com.ibm.discovery.es.help.sa.doc/  
preferences.collection.selected=  
preferences.report.dateFormat.select=epoch  
logoutUrl=  
preferences.layout=facetsearch.json  
thumbnail.availableDocumentTypes=application/vnd.lotus-freelance|application/x-lotus-123|application/vnd.lotus-wordpro|application/rtf|application/x-msexcel|application/msword|application/x-mspowerpoint|application/vnd.openxmlformats-officedocument.spreadsheetml.sheet|application/vnd.openxmlformats-officedocument.presentationml.presentation|application/vnd.openxmlformats-officedocument.wordprocessingml.document|application/pdf|application/x-js-taro|application/vnd.visio|application/vnd.stardivision.writer|application/vnd.stardivision.calc|application/vnd.stardivision.impress|application/vnd.sun.xml.writer|application/vnd.sun.xml.calc|application/vnd.sun.xml.impress|application/vnd.oasis.opendocument.text|application/vnd.oasis.opendocument.spreadsheet|application/vnd.oasis.opendocument.presentation|application/vnd.ms-excel.sheet.binary.macroEnabled.12|application/vnd.ms-excel.sheet.macroEnabled.12|application/vnd.ms-powerpoint.presentation.macroEnabled.12|application/vnd.ms-powerpoint.slideshow.macroEnabled.12|application/vnd.ms-word.document.macroEnabled.12  
preferences.result.searchSynonym=true  
preferences.collection.federated=false  
preferences.result.displayPersonFields=  
preferences.storeKeyPrefix=com.ibm.es.ica.  
result.documentPart=aggregation  
preferences.result.nearDuplicateBarChart=false  
preview.load.more=50000  
preferences.result.typeAheadMode=queryLog,text  
preferences.result.summaryLength=3  
result.filters.thumbnail=  
preferences.result.displayCategories=scopes  
query.smartFacetMode=true

# themes 변경



# logo 이미지 변경

/apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/dojo/idx/themes/&lt;themes name&gt;/idx/app/images/headerLogo.png

파일을 변경하고 싶은 파일로 덮어쓰기.

&lt;themes name&gt;는 초기 oneui 이며 다른 테마로 바꿀 시 해당 테마의 같은 경로에 있는 headerLogo.png를 변경.

테마를 변경 후 적용이 되도록 하려면 브라우저의 쿠키를 삭제.

# title 및 기타 스타일 변경

title의 경우

/apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/dojo/idx/themes/**<span style="color: rgb(186, 55, 42);">&lt;themes name&gt;</span>**/idx/document.css

/apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/dojo/idx/themes/**<span style="color: rgb(186, 55, 42);">oneui</span>**/idx/document.css

의

.oneui .idxHeaderContainer .idxHeaderPrimary .idxHeaderPrimaryTitle {  
**<span style="color: rgb(186, 55, 42);"> font-size: 2.08em;</span>**  
**<span style="color: rgb(186, 55, 42);"> color: #ffffff;</span>**  
**<span style="color: rgb(186, 55, 42);"> font-weight: bold;</span>**  
**<span style="color: rgb(186, 55, 42);"> text-shadow: 0 1px rgba(0, 0, 0, 0.3);</span>**  
}

해당 부분의 스타일을 변경하면 적용 된다.

&lt;themes name&gt;는 초기 oneui 이며 다른 테마로 바꿀 시 해당 테마의 같은 경로에 있는 headerLogo.png를 변경.

테마를 변경 후 적용이 되도록 하려면 브라우저의 쿠키를 삭제.

그 외 다른 스타일도 해당 경로에 존재하며 Header의 스타일의 경우

/apps/wex/es/wlpapps/servers/admin/apps/ESAdmin.ear/ESAdmin.war/dojo/idx/themes/**<span style="color: rgb(186, 55, 42);">oneui</span>**/idx/app

해당 위치에 존재