Add specific icons

Author: hardillb

frontend/src/components/icons/Git.js

@@ -1,17 +1,39 @@
 const { createVNode: _createVNode, openBlock: _openBlock, createBlock: _createBlock } = require('vue')
 
-module.exports = function render (_ctx, _cache) {
-    const path1 = _createVNode('path', {
-        fill: 'currentFill',
-        d: 'M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324'
-    })
+module.exports = {
+    props: {
+        type: {
+            required: true,
+            type: String
+        }
 
-    return (_openBlock(), _createBlock('svg', {
-        xmlns: 'http://www.w3.org/2000/svg',
-        viewBox: '0 0 256 256',
-        fill: 'currentColor',
-        'aria-hidden': 'true'
-    }, [
-        path1
-    ]))
+    },
+    render: function (_ctx, _cache) {
+        let path1
+        if (this.type === 'github') {
+            path1 = _createVNode('path', {
+                fill: 'currentFill',
+                d: 'M335 499c-13 0-16-6-16-12l1-70c0-24-8-40-18-48 57-6 117-28 117-126 0-28-10-51-26-69 3-6 11-32-3-67 0 0-21-7-70 26-42-12-86-12-128 0-49-33-70-26-70-26-14 35-6 61-3 67-16 18-26 41-26 69 0 98 59 120 116 126-7 7-14 18-16 35-15 6-52 17-74-22 0 0-14-24-40-26 0 0-25 0-1 16 0 0 16 7 28 37 0 0 15 50 86 34l1 44c0 6-3 12-16 12-14 0-12 17-12 17H347s2-17-12-17Z'
+            })
+        } else if (this.type === 'azure') {
+            path1 = _createVNode('path', {
+                fill: 'currentFill',
+                d: 'M399.1 373.6a13.5 13.5 0 01-12.8 17.9H291.5a13.5 13.5 0 0012.8-17.9L222 129.8a13.5 13.5 0 00-12.8-9.2H304a13.5 13.5 0 0112.8 9.2Z'
+            })
+        } else {
+            path1 = _createVNode('path', {
+                fill: 'currentFill',
+                d: 'M251.172 116.594L139.4 4.828c-6.433-6.437-16.873-6.437-23.314 0l-23.21 23.21 29.443 29.443c6.842-2.312 14.688-.761 20.142 4.693 5.48 5.489 7.02 13.402 4.652 20.266l28.375 28.376c6.865-2.365 14.786-.835 20.269 4.657 7.663 7.66 7.663 20.075 0 27.74-7.665 7.666-20.08 7.666-27.749 0-5.764-5.77-7.188-14.235-4.27-21.336l-26.462-26.462-.003 69.637a19.82 19.82 0 0 1 5.188 3.71c7.663 7.66 7.663 20.076 0 27.747-7.665 7.662-20.086 7.662-27.74 0-7.663-7.671-7.663-20.086 0-27.746a19.654 19.654 0 0 1 6.421-4.281V94.196a19.378 19.378 0 0 1-6.421-4.281c-5.806-5.798-7.202-14.317-4.227-21.446L81.47 39.442l-76.64 76.635c-6.44 6.443-6.44 16.884 0 23.322l111.774 111.768c6.435 6.438 16.873 6.438 23.316 0l111.251-111.249c6.438-6.44 6.438-16.887 0-23.324'
+            })
+        }   
+
+        return (_openBlock(), _createBlock('svg', {
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewBox: '0 0 256 256',
+            fill: 'currentColor',
+            'aria-hidden': 'true'
+        }, [
+            path1
+        ]))
+    }
 }

frontend/src/pages/team/Pipelines/components/TeamPipelineStage.vue

@@ -7,7 +7,7 @@
             <IconNodeRedSolid v-if="isInstanceStage" class="ff-icon-sm text-red-700" />
             <DeviceSolid v-if="isDeviceStage" class="ff-icon-sm text-teal-700" />
             <DeviceGroupSolidIcon v-if="isDeviceGroupsStage" class="ff-icon-sm text-teal-800" />
-            <IconGit v-if="isGitRepoStage" class="ff-icon-sm" style="color: #e46133" />
+            <IconGit v-if="isGitRepoStage" class="ff-icon-sm" style="color: #e46133" :type="gitType" />
             <span>{{ targetName }}</span>
         </router-link>
     </div>
@@ -51,6 +51,16 @@ export default {
         isGitRepoStage () {
             return Object.hasOwnProperty.call(this.stage, 'gitRepo')
         },
+        gitType () {
+            if (this.isGitRepoStage) {
+                if (this.stage.gitRepo.url.startsWith('https://github.com/')) {
+                    return 'github'
+                } else if (this.stage.gitRepo.url.startsWith('https://dev.azure.com/')) {
+                    return 'azure'
+                }
+            }
+            return ''
+        },
 
         targetName () {
             switch (true) {