Added new icon in tree view resource (#191)

Added new icon in tree view resource
redhat-developer · Mar 12, 2020 · d109bcf · d109bcf
1 parent 326daf3
commit d109bcf
Show file tree

Hide file tree

Showing 15 changed files with 26 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -62,10 +62,10 @@ Development of the Tekton Pipelines Extension is largely following development o
 
 #### Icons Representation
 
-<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/pipe.png" width="15" height="15" /><span style="margin: 20px">Pipeline Node</span></div>
-<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/task.png" width="15" height="15" /><span style="margin: 20px">Task Node</span></div>
-<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/clustertask.png" width="15" height="15" /><span style="margin: 20px">ClusterTask Node</span></div>
-<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/pipe.png" width="15" height="15" /><span style="margin: 20px">PipelineResource Node</span></div>
+<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/PL.svg" width="15" height="15" /><span style="margin: 20px">Pipeline Node</span></div>
+<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/T.svg" width="15" height="15" /><span style="margin: 20px">Task Node</span></div>
+<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/CT.svg" width="15" height="15" /><span style="margin: 20px">ClusterTask Node</span></div>
+<div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/PLR.svg" width="15" height="15" /><span style="margin: 20px">PipelineResource Node</span></div>
 <div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/running.gif" width="15" height="15" /><span style="margin: 20px">PipelineRun/TaskRun Running</span></div>
 <div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/success.png" width="15" height="15" /><span style="margin: 20px">PipelineRun/TaskRun Successful Run</span></div>
 <div><img src="https://raw.githubusercontent.com/redhat-developer/vscode-tekton/master/images/failed.png" width="15" height="15" /><span style="margin: 20px">PipelineRun/TaskRun Failed Run</span></div>

diff --git a/images/C.svg b/images/C.svg
diff --git a/images/CT.svg b/images/CT.svg
diff --git a/images/CTB.svg b/images/CTB.svg
diff --git a/images/EL.svg b/images/EL.svg
diff --git a/images/PL.svg b/images/PL.svg
diff --git a/images/PLR.svg b/images/PLR.svg
diff --git a/images/T.svg b/images/T.svg
diff --git a/images/TB.svg b/images/TB.svg
diff --git a/images/TT.svg b/images/TT.svg
diff --git a/images/clustertask.png b/images/clustertask.png
diff --git a/images/pipe.png b/images/pipe.png
diff --git a/images/task.png b/images/task.png
diff --git a/src/pipeline/preview.ts b/src/pipeline/preview.ts
@@ -153,8 +153,8 @@ export class PipelinePreview extends Disposable {
 
   private getImagesUri(): { [key: string]: string } {
     const result: { [key: string]: string } = Object.create(null);
-    result['task'] = this.editor.webview.asWebviewUri(vscode.Uri.file(path.join(contextGlobalState.extensionPath, 'images', 'task.png'))).toString();
-    result['clustertask'] = this.editor.webview.asWebviewUri(vscode.Uri.file(path.join(contextGlobalState.extensionPath, 'images', 'clustertask.png'))).toString();
+    result['task'] = this.editor.webview.asWebviewUri(vscode.Uri.file(path.join(contextGlobalState.extensionPath, 'images', 'T.svg'))).toString();
+    result['clustertask'] = this.editor.webview.asWebviewUri(vscode.Uri.file(path.join(contextGlobalState.extensionPath, 'images', 'CT.svg'))).toString();
     return result;
   }
 

diff --git a/src/tkn.ts b/src/tkn.ts
@@ -263,32 +263,32 @@ export class Command {
 export class TektonNodeImpl implements TektonNode {
   private readonly CONTEXT_DATA = {
     pipelinenode: {
-      icon: 'pipe.png',
+      icon: 'PL.svg',
       tooltip: 'Pipelines: {label}',
       getChildren: () => this.tkn.getPipelines(this)
     },
     pipelineresourcenode: {
-      icon: 'pipe.png',
+      icon: 'PLR.svg',
       tooltip: 'PipelineResources: {label}',
       getChildren: () => this.tkn.getPipelineResources(this)
     },
     pipelineresource: {
-      icon: 'pipe.png',
+      icon: 'PLR.svg',
       tooltip: 'PipelineResources: {label}',
       getChildren: () => []
     },
     tasknode: {
-      icon: 'task.png',
+      icon: 'T.svg',
       tooltip: 'Tasks: {label}',
       getChildren: () => this.tkn.getTasks(this)
     },
     clustertasknode: {
-      icon: 'clustertask.png',
+      icon: 'CT.svg',
       tooltip: 'ClusterTasks: {label}',
       getChildren: () => this.tkn.getClusterTasks(this)
     },
     pipeline: {
-      icon: 'pipe.png',
+      icon: 'PL.svg',
       tooltip: 'Pipeline: {label}',
       getChildren: () => this.tkn.getPipelineRuns(this)
     },
@@ -298,7 +298,7 @@ export class TektonNodeImpl implements TektonNode {
       getChildren: () => this.tkn.getTaskRuns(this)
     },
     task: {
-      icon: 'task.png',
+      icon: 'T.svg',
       tooltip: 'Task: {label}',
       getChildren: () => this.tkn.getTaskRunsforTasks(this)
     },
@@ -308,7 +308,7 @@ export class TektonNodeImpl implements TektonNode {
       getChildren: () => []
     },
     clustertask: {
-      icon: 'clustertask.png',
+      icon: 'CT.svg',
       tooltip: 'Clustertask: {label}',
       getChildren: () => this.tkn.getTaskRunsforTasks(this)
     },
@@ -318,17 +318,17 @@ export class TektonNodeImpl implements TektonNode {
       getChildren: () => []
     },
     triggertemplates: {
-      icon: 'pipe.png',
+      icon: 'TT.svg',
       tooltip: 'TriggerTemplates: {label}',
       getChildren: () => this.tkn.getTriggerTemplates(this)
     },
     triggerbinding: {
-      icon: 'pipe.png',
+      icon: 'TB.svg',
       tooltip: 'TriggerBinding: {label}',
       getChildren: () => this.tkn.getTriggerBinding(this)
     },
     eventlistener: {
-      icon: 'pipe.png',
+      icon: 'EL.svg',
       tooltip: 'EventListener: {label}',
       getChildren: () => this.tkn.getEventListener(this)
     },