Merge 8c2223e into 240af75

azerothcore · Mar 18, 2020 · 4035606 · 4035606
2 parents 240af75 + 8c2223e
commit 4035606
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 1 deletion.
diff --git a/src/app/features/item/select-item/select-item.component.html b/src/app/features/item/select-item/select-item.component.html
@@ -62,7 +62,13 @@
           {{ row.entry }}
         </ng-template>
       </ngx-datatable-column>
-      <ngx-datatable-column name="Name" prop="name" [minWidth]="60"></ngx-datatable-column>
+      <ngx-datatable-column name="Name" prop="name" [minWidth]="60">
+        <ng-template let-row="row" ngx-datatable-cell-template>
+          <div class="item-select">
+            <b [ngClass]="'q' + row.Quality">{{ row.name }}</b>
+          </div>
+        </ng-template>
+      </ngx-datatable-column>
       <ngx-datatable-column name="DisplayID" prop="displayid"></ngx-datatable-column>
       <ngx-datatable-column name="Class" prop="class"></ngx-datatable-column>
       <ngx-datatable-column name="Subclass" prop="subclass"></ngx-datatable-column>

diff --git a/src/assets/img/money/copper.gif b/src/assets/img/money/copper.gif
diff --git a/src/assets/img/money/gold.gif b/src/assets/img/money/gold.gif
diff --git a/src/assets/img/money/silver.gif b/src/assets/img/money/silver.gif
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
@@ -16,3 +16,41 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
 @import './sidebar.scss';
 @import './utils.scss';
 @import './editor.scss';
+
+.item-preview {
+  .item-stock, .item-name {
+    line-height: 30px;
+    font-size: 22px;
+  }
+
+  .q  { color: #ffd100!important; }
+  .q0 { color: #9d9d9d!important; }
+  .q1 { color: #ffffff!important; }
+  .q2 { color: #1eff00!important; }
+  .q3 { color: #0070dd!important; }
+  .q4 { color: #a335ee!important; }
+  .q5 { color: #ff8000!important; }
+  .q6 { color: #e5cc80!important; }
+  .q7 { color: #e5cc80!important; }
+
+ .moneyitem, .moneygold, .moneysilver, .moneycopper, .moneyalliance, .moneyhorde, .moneyarena, .moneyachievement, .moneysocketmeta, .moneysocketred, .moneysocketyellow, .moneysocketblue, .moneysocketprismatic {
+    background: no-repeat right center;
+    color: white;
+  }
+
+  .moneygold   { padding-right: 15px; background-image: url(../img/money/gold.gif);   }
+  .moneysilver { padding-right: 15px; background-image: url(../img/money/silver.gif); }
+  .moneycopper { padding-right: 15px; background-image: url(../img/money/copper.gif); }
+}
+
+.item-select {
+  .q  { color: #ffd100!important; }
+  .q0 { color: #757575!important; }
+  /* .q1 { color:#ffffff!important; } */
+  .q2 { color: #4CAF50!important; }
+  .q3 { color: #0070dd!important; }
+  .q4 { color: #a335ee!important; }
+  .q5 { color: #ffc107!important; }
+  .q6 { color: #ffab00!important; }
+  .q7 { color: #ff8a65!important; }
+}