[STYLE] preprocessing UI update

KUBIC-HGU · Jun 23, 2022 · 45ad59e · 45ad59e
1 parent b5387ad
commit 45ad59e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 17 deletions.
diff --git a/src/app/features/article-analysis/analysis-style.less b/src/app/features/article-analysis/analysis-style.less
@@ -172,7 +172,8 @@ td {
 .option-header{
     margin: 1.0rem;
     font-size: 1.5rem;
-    font-weight:500;
+    //font-weight:500;
+    font-weight: bold;
 }
 
 .option-info{
@@ -185,7 +186,7 @@ td {
     font-size: 1.3rem;
     display: flex;
     margin-left: 1.1rem;
-    margin-bottom: -5rem;
+    margin-bottom: -3rem;
     margin-top: -1rem;
     padding-top: 0.5rem;
     text-align: center;
@@ -195,7 +196,7 @@ td {
 }
 
 .option-dict>strong{
-  margin-top: 4.8rem;
+  margin-top: 4.0rem;
 }
 
 .upload-dict{
@@ -206,12 +207,17 @@ td {
   border: 1px solid #DDDDDD;
   box-sizing: border-box;
   border-radius: 5px;
-  font-size: 1.2rem;
+  //font-size: 1.2rem;
+  font-size: 0.9em;
   padding: 0.4rem 0.35rem 0.4rem 0.35rem;
   cursor: pointer;
   width: 100%;
 }
 
+//사전 미리보기
+.download-dict{ font-size: 1.2rem; }
+#title{ font-size: 1.2rem; }
+
 .select-option{
     margin:30px 0px;
 }
@@ -287,6 +293,7 @@ td {
         padding-left: 1.6em;
         padding-right: 1.6em;
         padding-bottom: 3.0em;
+        font-size: 0.9em;
     }
 
     input[type="radio"] + label {

diff --git a/src/app/features/article-analysis/components/preprocessing/preprocessing.component.html b/src/app/features/article-analysis/components/preprocessing/preprocessing.component.html
@@ -11,7 +11,6 @@
     <hr>
     <div class="select-option">
     <span class="option-header">{{'analysis.preprocessing.option1-userDictionary'|translate}}</span>
-      <br>
     <span class="option-info">{{'analysis.preprocessing.chooseUserDictionary'|translate}}</span>
 
     <div class="option-dict-box">
@@ -74,11 +73,11 @@
           </button>
       </li>
     </div>
-    <br><br><br><br>
+    <br><br><br>
     <strong id="title"></strong>
     <figure id="table"></figure>
     <button class="download-dict" id="download-dict" (click)="downloadDict()">{{'analysis.preprocessing.downloadDictionary'|translate}}</button>
-
+    <br><br>
 
 
     <!-- <button *ngIf="isSynonymLoaded" (click)="preview('synonym')">미리보기</button> -->

diff --git a/src/app/features/article-analysis/components/preprocessing/preprocessing.component.ts b/src/app/features/article-analysis/components/preprocessing/preprocessing.component.ts
@@ -264,23 +264,23 @@ export class PreprocessingComponent extends abstractAnalysis implements OnInit {
 
   showDictData( dictType: string, data : any ){
     d3.selectAll('.show-dict > *').remove();
-    let text : string;
+    let title : string;
     if(data.userEmail == 'default'){
-      text = "기본 사전: ";
+      title = "기본 사전: ";
       if(dictType == 'synonym')
-        text += "유의어";
+        title += "유의어";
       else if(dictType == 'stopword')
-        text += "불용어";
+        title += "불용어";
       else if(dictType == 'compound')
-        text += "복합어";
+        title += "복합어";
     }else{
-      text = "내 사전: ";
+      title = "내 사전: ";
       if(dictType == 'synonym')
-        text += "유의어";
+        title += "유의어";
       else if(dictType == 'stopword')
-        text += "불용어";
+        title += "불용어";
       else if(dictType == 'compound')
-        text += "복합어";
+        title += "복합어";
     }
     /*
     let obj = document.getElementById("table");
@@ -289,14 +289,16 @@ export class PreprocessingComponent extends abstractAnalysis implements OnInit {
     obj.appendChild(title);
     */
 
-    document.getElementById("title").innerHTML=text;
+    document.getElementById("title").innerHTML=title;
 
     const table = d3.select("figure#table")
       .attr('class','show-dict')
       .append("table")
       .attr('width','100%')
       //.attr('height','200px')
 
+    table.style('font-size','14px')
+
     const th = table.append("tr")
         .style('padding','15px 0px')
         .style('font-weight','500')