btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Replaced svg with icon font

Browse Source
This commit is contained in:
Liyas Thomas
2020-12-07 20:37:13 +05:30
parent ebae9880dc
commit 66077ea6d7
31 changed files with 42 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/collections/add-collection.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("new_collection") }}</h3> <h3 class="title">{{ $t("new_collection") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -44,12 +44,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
}, },

7
components/collections/add-folder.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("new_folder") }}</h3> <h3 class="title">{{ $t("new_folder") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -43,12 +43,7 @@
</template> </template>
<script> <script>
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
folder: Object, folder: Object,

7
components/collections/collection.vue
View File

@@ -12,7 +12,7 @@
<button class="icon" @click="toggleShowChildren"> <button class="icon" @click="toggleShowChildren">
<i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i> <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
<i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i> <i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i>
<folderIcon class="material-icons" /> <i class="material-icons">folder</i>
<span>{{ collection.name }}</span> <span>{{ collection.name }}</span>
</button> </button>
<div> <div>
@@ -47,7 +47,7 @@
</div> </div>
<div> <div>
<button class="icon" @click="removeCollection" v-close-popover> <button class="icon" @click="removeCollection" v-close-popover>
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span> <span>{{ $t("delete") }}</span>
</button> </button>
</div> </div>
@@ -102,11 +102,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import folderIcon from "~/static/icons/folder-24px.svg?inline"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { folderIcon, deleteIcon },
props: { props: {
collectionIndex: Number, collectionIndex: Number,
collection: Object, collection: Object,

6
components/collections/edit-collection.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("edit_collection") }}</h3> <h3 class="title">{{ $t("edit_collection") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -44,12 +44,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
editingCollection: Object, editingCollection: Object,

6
components/collections/edit-folder.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("edit_folder") }}</h3> <h3 class="title">{{ $t("edit_folder") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -39,12 +39,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
collectionIndex: Number, collectionIndex: Number,

6
components/collections/edit-request.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("edit_request") }}</h3> <h3 class="title">{{ $t("edit_request") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -42,12 +42,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
collectionIndex: Number, collectionIndex: Number,

4
components/collections/folder.vue
View File

@@ -44,7 +44,7 @@
</div> </div>
<div> <div>
<button class="icon" @click="removeFolder" v-close-popover> <button class="icon" @click="removeFolder" v-close-popover>
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span> <span>{{ $t("delete") }}</span>
</button> </button>
</div> </div>
@@ -90,10 +90,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { deleteIcon },
name: "folder", name: "folder",
props: { props: {
folder: Object, folder: Object,

6
components/collections/import-export-collections.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("import_export") }} {{ $t("collections") }}</h3> <h3 class="title">{{ $t("import_export") }} {{ $t("collections") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -77,12 +77,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
data() { data() {
return { return {
fb, fb,

4
components/collections/request.vue
View File

@@ -42,7 +42,7 @@
</div> </div>
<div> <div>
<button class="icon" @click="removeRequest" v-close-popover> <button class="icon" @click="removeRequest" v-close-popover>
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span> <span>{{ $t("delete") }}</span>
</button> </button>
</div> </div>
@@ -53,10 +53,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { deleteIcon },
props: { props: {
request: Object, request: Object,
collectionIndex: Number, collectionIndex: Number,

6
components/collections/save-request-as.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("save_request_as") }}</h3> <h3 class="title">{{ $t("save_request_as") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -76,12 +76,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
editingRequest: Object, editingRequest: Object,

6
components/environments/add-environment.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("new_environment") }}</h3> <h3 class="title">{{ $t("new_environment") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -44,12 +44,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
props: { props: {
show: Boolean, show: Boolean,
}, },

10
components/environments/edit-environment.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("edit_environment") }}</h3> <h3 class="title">{{ $t("edit_environment") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -75,7 +75,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
id="variable" id="variable"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -107,14 +107,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: {
closeIcon,
deleteIcon,
},
props: { props: {
show: Boolean, show: Boolean,
editingEnvironment: Object, editingEnvironment: Object,

4
components/environments/environment.vue
View File

@@ -19,7 +19,7 @@
</div> </div>
<div> <div>
<button class="icon" @click="removeEnvironment" v-close-popover> <button class="icon" @click="removeEnvironment" v-close-popover>
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span> <span>{{ $t("delete") }}</span>
</button> </button>
</div> </div>
@@ -30,10 +30,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { deleteIcon },
props: { props: {
environment: Object, environment: Object,
environmentIndex: Number, environmentIndex: Number,

6
components/environments/import-export-environment.vue
View File

@@ -7,7 +7,7 @@
<h3 class="title">{{ $t("import_export") }} {{ $t("environments") }}</h3> <h3 class="title">{{ $t("import_export") }} {{ $t("environments") }}</h3>
<div> <div>
<button class="icon" @click="hideModal"> <button class="icon" @click="hideModal">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -77,12 +77,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
data() { data() {
return { return {
fb, fb,

4
components/firebase/feeds.vue
View File

@@ -12,7 +12,7 @@
</label> </label>
</li> </li>
<button class="icon" @click="deleteFeed(feed)"> <button class="icon" @click="deleteFeed(feed)">
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</div> </div>
<div class="show-on-large-screen"> <div class="show-on-large-screen">
@@ -44,10 +44,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { deleteIcon },
data() { data() {
return { return {
fb, fb,

4
components/firebase/inputform.vue
View File

@@ -30,7 +30,7 @@
value="Save" value="Save"
@click="formPost" @click="formPost"
> >
<addIcon class="material-icons" /> <i class="material-icons">add</i>
<span>Add</span> <span>Add</span>
</button> </button>
</div> </div>
@@ -40,10 +40,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import addIcon from "~/static/icons/add-24px.svg?inline"
export default { export default {
components: { addIcon },
data() { data() {
return { return {
message: null, message: null,

4
components/firebase/logout.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<button class="icon" @click="logout" v-close-popover> <button class="icon" @click="logout" v-close-popover>
<exitToAppIcon class="material-icons" /> <i class="material-icons">exit_to_app</i>
<span>{{ $t("logout") }}</span> <span>{{ $t("logout") }}</span>
</button> </button>
</div> </div>
@@ -9,10 +9,8 @@
<script> <script>
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import exitToAppIcon from "~/static/icons/exit_to_app-24px.svg?inline"
export default { export default {
components: { exitToAppIcon },
data() { data() {
return { return {
fb, fb,

10
components/layout/history.vue
View File

@@ -77,7 +77,7 @@
:aria-label="$t('delete')" :aria-label="$t('delete')"
v-close-popover v-close-popover
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
<span>{{ $t("delete") }}</span> <span>{{ $t("delete") }}</span>
</button> </button>
</div> </div>
@@ -219,7 +219,7 @@
@click="disableHistoryClearing" @click="disableHistoryClearing"
v-tooltip="$t('no')" v-tooltip="$t('no')"
> >
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -274,17 +274,11 @@ ol {
<script> <script>
import findStatusGroup from "~/helpers/findStatusGroup" import findStatusGroup from "~/helpers/findStatusGroup"
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
const updateOnLocalStorage = (propertyName, property) => const updateOnLocalStorage = (propertyName, property) =>
window.localStorage.setItem(propertyName, JSON.stringify(property)) window.localStorage.setItem(propertyName, JSON.stringify(property))
export default { export default {
components: {
closeIcon,
deleteIcon,
},
data() { data() {
return { return {
history: history:

10
components/layout/pw-header.vue
View File

@@ -132,7 +132,7 @@
<h3 class="title">{{ $t("extensions") }}</h3> <h3 class="title">{{ $t("extensions") }}</h3>
<div> <div>
<button class="icon" @click="showExtensions = false"> <button class="icon" @click="showExtensions = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -192,7 +192,7 @@
<h3 class="title">{{ $t("shortcuts") }}</h3> <h3 class="title">{{ $t("shortcuts") }}</h3>
<div> <div>
<button class="icon" @click="showShortcuts = false"> <button class="icon" @click="showShortcuts = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -262,7 +262,7 @@
<h3 class="title">{{ $t("support_us") }}</h3> <h3 class="title">{{ $t("support_us") }}</h3>
<div> <div>
<button class="icon" @click="showSupport = false"> <button class="icon" @click="showSupport = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -323,12 +323,8 @@ import {
} from "~/helpers/strategies/ExtensionStrategy" } from "~/helpers/strategies/ExtensionStrategy"
import { getPlatformSpecialKey } from "~/helpers/platformutils" import { getPlatformSpecialKey } from "~/helpers/platformutils"
import { fb } from "~/helpers/fb" import { fb } from "~/helpers/fb"
import closeIcon from "~/static/icons/close-24px.svg?inline"
export default { export default {
components: {
closeIcon,
},
data() { data() {
return { return {
// Once the PWA code is initialized, this holds a method // Once the PWA code is initialized, this holds a method

15
components/layout/sidenav.vue
View File

@@ -64,7 +64,7 @@
<ul> <ul>
<li> <li>
<a href="#request" v-tooltip.right="$t('request')"> <a href="#request" v-tooltip.right="$t('request')">
<cloudUploadIcon class="material-icons" /> <i class="material-icons">cloud_upload</i>
</a> </a>
</li> </li>
<li> <li>
@@ -85,7 +85,7 @@
<ul> <ul>
<li> <li>
<a href="#request" v-tooltip.right="$t('request')"> <a href="#request" v-tooltip.right="$t('request')">
<cloudUploadIcon class="material-icons" /> <i class="material-icons">cloud_upload</i>
</a> </a>
</li> </li>
<li> <li>
@@ -111,7 +111,7 @@
</li> </li>
<li> <li>
<a href="#query" v-tooltip.right="$t('query')"> <a href="#query" v-tooltip.right="$t('query')">
<cloudUploadIcon class="material-icons" /> <i class="material-icons">cloud_upload</i>
</a> </a>
</li> </li>
<li> <li>
@@ -127,7 +127,7 @@
<ul> <ul>
<li> <li>
<a href="#import" v-tooltip.right="$t('import')"> <a href="#import" v-tooltip.right="$t('import')">
<folderIcon class="material-icons" /> <i class="material-icons">folder</i>
</a> </a>
</li> </li>
<li> <li>
@@ -328,14 +328,7 @@ nav.secondary-nav {
</style> </style>
<script> <script>
import cloudUploadIcon from "~/static/icons/cloud_upload-24px.svg?inline"
import folderIcon from "~/static/icons/folder-24px.svg?inline"
export default { export default {
components: {
cloudUploadIcon,
folderIcon,
},
methods: { methods: {
linkActive(path) { linkActive(path) {
return { return {

6
components/realtime/socketio.vue
View File

@@ -77,7 +77,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
:id="`delete-socketio-message-${index}`" :id="`delete-socketio-message-${index}`"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -107,13 +107,9 @@
<script> <script>
import io from "socket.io-client" import io from "socket.io-client"
import wildcard from "socketio-wildcard" import wildcard from "socketio-wildcard"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
import debounce from "~/helpers/utils/debounce" import debounce from "~/helpers/utils/debounce"
export default { export default {
components: {
deleteIcon,
},
data() { data() {
return { return {
url: "wss://main-daxrc78qyb411dls-gtw.qovery.io", url: "wss://main-daxrc78qyb411dls-gtw.qovery.io",

1
package.json
View File

@@ -49,7 +49,6 @@
"@nuxtjs/color-mode": "^2.0.2", "@nuxtjs/color-mode": "^2.0.2",
"@nuxtjs/google-analytics": "^2.4.0", "@nuxtjs/google-analytics": "^2.4.0",
"@nuxtjs/pwa": "^3.3.2", "@nuxtjs/pwa": "^3.3.2",
"@nuxtjs/svg": "^0.1.12",
"@nuxtjs/tailwindcss": "^3.3.3", "@nuxtjs/tailwindcss": "^3.3.3",
"@testing-library/jest-dom": "^5.11.6", "@testing-library/jest-dom": "^5.11.6",
"@vue/test-utils": "^1.1.1", "@vue/test-utils": "^1.1.1",

7
pages/doc.vue
View File

@@ -19,7 +19,7 @@
@click="$refs.collectionUpload.click()" @click="$refs.collectionUpload.click()"
v-tooltip="$t('json')" v-tooltip="$t('json')"
> >
<folderIcon class="material-icons" /> <i class="material-icons">folder</i>
<span>{{ $t("import_collections") }}</span> <span>{{ $t("import_collections") }}</span>
</button> </button>
</label> </label>
@@ -75,7 +75,7 @@
<div> <div>
<span class="collection" v-for="(collection, index) in this.items" :key="index"> <span class="collection" v-for="(collection, index) in this.items" :key="index">
<h2> <h2>
<folderIcon class="material-icons" /> <i class="material-icons">folder</i>
{{ collection.name || $t("none") }} {{ collection.name || $t("none") }}
</h2> </h2>
<span class="folder" v-for="(folder, index) in collection.folders" :key="index"> <span class="folder" v-for="(folder, index) in collection.folders" :key="index">
@@ -330,10 +330,7 @@
</style> </style>
<script> <script>
import folderIcon from "~/static/icons/folder-24px.svg?inline"
export default { export default {
components: { folderIcon },
data() { data() {
return { return {
collectionJSON: "[]", collectionJSON: "[]",

4
pages/graphql.vue
View File

@@ -81,7 +81,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
id="header" id="header"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -352,10 +352,8 @@ import * as gql from "graphql"
import { commonHeaders } from "~/helpers/headers" import { commonHeaders } from "~/helpers/headers"
import { getPlatformSpecialKey } from "~/helpers/platformutils" import { getPlatformSpecialKey } from "~/helpers/platformutils"
import { sendNetworkRequest } from "~/helpers/network" import { sendNetworkRequest } from "~/helpers/network"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
export default { export default {
components: { deleteIcon },
data() { data() {
return { return {
commonHeaders, commonHeaders,

26
pages/index.vue
View File

@@ -202,7 +202,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
id="delParam" id="delParam"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -385,7 +385,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
id="param" id="param"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -514,7 +514,7 @@
@click="showTokenRequest = false" @click="showTokenRequest = false"
v-tooltip.bottom="$t('close')" v-tooltip.bottom="$t('close')"
> >
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -667,7 +667,7 @@
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
id="header" id="header"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -867,7 +867,7 @@
<h3 class="title">{{ $t("import_curl") }}</h3> <h3 class="title">{{ $t("import_curl") }}</h3>
<div> <div>
<button class="icon" @click="showModal = false"> <button class="icon" @click="showModal = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -909,7 +909,7 @@
<h3 class="title">{{ $t("generate_code") }}</h3> <h3 class="title">{{ $t("generate_code") }}</h3>
<div> <div>
<button class="icon" @click="isHidden = true"> <button class="icon" @click="isHidden = true">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -981,7 +981,7 @@
<h3 class="title">{{ $t("manage_token") }}</h3> <h3 class="title">{{ $t("manage_token") }}</h3>
<div> <div>
<button class="icon" @click="showTokenList = false"> <button class="icon" @click="showTokenList = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -1037,7 +1037,7 @@
@click="removeOAuthToken(index)" @click="removeOAuthToken(index)"
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</li> </li>
</div> </div>
@@ -1056,7 +1056,7 @@
<h3 class="title">{{ $t("manage_token_req") }}</h3> <h3 class="title">{{ $t("manage_token_req") }}</h3>
<div> <div>
<button class="icon" @click="showTokenRequestList = false"> <button class="icon" @click="showTokenRequestList = false">
<closeIcon class="material-icons" /> <i class="material-icons">close</i>
</button> </button>
</div> </div>
</div> </div>
@@ -1083,7 +1083,7 @@
@click="removeOAuthTokenReq" @click="removeOAuthTokenReq"
v-tooltip.bottom="$t('delete')" v-tooltip.bottom="$t('delete')"
> >
<deleteIcon class="material-icons" /> <i class="material-icons">delete</i>
</button> </button>
</div> </div>
</div> </div>
@@ -1152,16 +1152,10 @@ import { hasPathParams, addPathParamsToVariables, getQueryParams } from "~/helpe
import { parseUrlAndPath } from "~/helpers/utils/uri" import { parseUrlAndPath } from "~/helpers/utils/uri"
import { httpValid } from "~/helpers/utils/valid" import { httpValid } from "~/helpers/utils/valid"
import { knownContentTypes, isJSONContentType } from "~/helpers/utils/contenttypes" import { knownContentTypes, isJSONContentType } from "~/helpers/utils/contenttypes"
import closeIcon from "~/static/icons/close-24px.svg?inline"
import deleteIcon from "~/static/icons/delete-24px.svg?inline"
import { codegens, generateCodeWithGenerator } from "~/helpers/codegen/codegen" import { codegens, generateCodeWithGenerator } from "~/helpers/codegen/codegen"
import findStatusGroup from "~/helpers/findStatusGroup" import findStatusGroup from "~/helpers/findStatusGroup"
export default { export default {
components: {
closeIcon,
deleteIcon,
},
data() { data() {
return { return {
showModal: false, showModal: false,

1
static/icons/add-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 173 B

1
static/icons/close-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 239 B

1
static/icons/cloud_upload-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 318 B

1
static/icons/delete-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 215 B

1
static/icons/exit_to_app-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 302 B

1
static/icons/folder-24px.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 229 B