Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Icon Library #382

Merged
merged 2 commits into from
Mar 26, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 1 addition & 7 deletions api/web/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 1 addition & 2 deletions api/web/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,7 @@
"sass-loader": "^14.1.0",
"vue": "^3.2.31",
"vue-chartjs": "^5.2.0",
"vue-router": "^4.0.14",
"vue-tabler-icons": "2.21.0"
"vue-router": "^4.0.14"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.0.0",
Expand Down
14 changes: 7 additions & 7 deletions api/web/src/components/Errors.vue
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<h3 class='card-title'>Job Errors</h3>

<div class='ms-auto btn-list'>
<SearchIcon @click='showFilter = !showFilter' class='cursor-pointer'/>
<RefreshIcon @click='fetchProblems' class='cursor-pointer'/>
<IconSearch @click='showFilter = !showFilter' class='cursor-pointer' size='32'/>
<IconRefresh @click='fetchProblems' class='cursor-pointer' size='32'/>
</div>
</div>
<template v-if='showFilter'>
Expand Down Expand Up @@ -85,9 +85,9 @@

<script>
import {
RefreshIcon,
SearchIcon
} from 'vue-tabler-icons';
IconRefresh,
IconSearch
} from '@tabler/icons-vue';
import Status from './util/Status.vue';
import QueryStatus from './query/Status.vue';
import QuerySource from './query/Source.vue';
Expand Down Expand Up @@ -164,8 +164,8 @@ export default {
}
},
components: {
SearchIcon,
RefreshIcon,
IconSearch,
IconRefresh,
Status,
QueryStatus,
QuerySource,
Expand Down
20 changes: 10 additions & 10 deletions api/web/src/components/Export.vue
Original file line number Diff line number Diff line change
Expand Up @@ -31,14 +31,14 @@
<div class='ms-auto btn-list'>
<TablerDropdown>
<slot>
<DotsVerticalIcon class='cursor-pointer'/>
<IconDotsVertical class='cursor-pointer' size='32'/>
</slot>
<template #dropdown>
<div @click='createRerun' class='mx-2 my-2'>Rerun</div>
</template>
</TablerDropdown>

<RefreshIcon @click='refresh' class='cursor-pointer'/>
<IconRefresh @click='refresh' class='cursor-pointer' size='32'/>
</div>
</div>
<div class='card-body'>
Expand All @@ -56,7 +56,7 @@
<template v-else-if='exp.status === "Success"'>
<div class='d-flex justify-content-center mb-3'>
<button @click='datapls' class='btn btn-primary'>
<ArrowDownIcon/> Download&nbsp;
<IconArrowDown size='32'/> Download&nbsp;
<span v-text='exp.format'/>
</button>
</div>
Expand All @@ -81,10 +81,10 @@ import Log from './util/Log.vue';
import Status from './util/Status.vue';
import LayerIcon from './util/LayerIcon.vue';
import {
ArrowDownIcon,
RefreshIcon,
DotsVerticalIcon,
} from 'vue-tabler-icons';
IconArrowDown,
IconRefresh,
IconDotsVertical,
} from '@tabler/icons-vue';
import {
TablerLoading,
TablerDropdown,
Expand Down Expand Up @@ -162,9 +162,9 @@ export default {
}
},
components: {
ArrowDownIcon,
RefreshIcon,
DotsVerticalIcon,
IconArrowDown,
IconRefresh,
IconDotsVertical,
TablerLoading,
TablerDropdown,
TablerBreadCrumb,
Expand Down
20 changes: 10 additions & 10 deletions api/web/src/components/Fabric.vue
Original file line number Diff line number Diff line change
Expand Up @@ -8,19 +8,19 @@
"color-gray": !filter.layers.buildings,
"color-blue": filter.layers.buildings
}'>
<BuildingCommunityIcon width="24" height="24"/>
<IconBuildingCommunity size='24'/>
</button>
<button @click='filter.layers.addresses = !filter.layers.addresses' class='btn btn--stroke btn--s mx3 round' :class='{
"color-gray": !filter.layers.addresses,
"color-blue": filter.layers.addresses
}'>
<MapPinIcon width="24" height="24"/>
<IconMapPin size='24'/>
</button>
<button @click='filter.layers.parcels = !filter.layers.parcels' class='btn btn--stroke btn--s mx3 round' :class='{
"color-gray": !filter.layers.parcels,
"color-blue": filter.layers.parcels
}'>
<ShapeIcon width="24" height="24"/>
<IconShape size='24'/>
</button>
</div>

Expand All @@ -30,10 +30,10 @@

<script>
import {
ShapeIcon,
MapPinIcon,
BuildingCommunityIcon
} from 'vue-tabler-icons';
IconShape,
IconMapPin,
IconBuildingCommunity
} from '@tabler/icons-vue';
import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css';

Expand Down Expand Up @@ -156,9 +156,9 @@ export default {
}
},
components: {
ShapeIcon,
MapPinIcon,
BuildingCommunityIcon
IconShape,
IconMapPin,
IconBuildingCommunity
}
}
</script>
32 changes: 16 additions & 16 deletions api/web/src/components/Job.vue
Original file line number Diff line number Diff line change
Expand Up @@ -52,14 +52,14 @@

<div class='ms-auto btn-list'>
<Download :auth='auth' :job='job' @login='$emit("login")' @perk='$emit("perk", $event)'/>
<LicenseIcon v-if='job.license' class='cursor-pointer'/>
<CodeIcon @click='$router.push({ path: `/job/${$route.params.jobid}/raw` })' class='cursor-pointer'/>
<NotesIcon @click='$router.push({ path: `/job/${$route.params.jobid}/log` })' v-if='job.loglink' class='cursor-pointer'/>
<RefreshIcon @click='refresh' class='cursor-pointer'/>
<IconLicense v-if='job.license' class='cursor-pointer' size='32'/>
<IconCode @click='$router.push({ path: `/job/${$route.params.jobid}/raw` })' class='cursor-pointer' size='32'/>
<IconNotes @click='$router.push({ path: `/job/${$route.params.jobid}/log` })' v-if='job.loglink' class='cursor-pointer' size='32'/>
<IconRefresh @click='refresh' class='cursor-pointer' size='32'/>

<div class='dropdown'>
<div type="button" id="jobAdmin" data-bs-toggle="dropdown" aria-expanded="false">
<DotsVerticalIcon class='cursor-pointer'/>
<IconDotsVertical class='cursor-pointer' size='32'/>
</div>
<ul class="dropdown-menu" aria-labelledby='jobAdmin'>
<a @click='createRerun' class="dropdown-item cursor-pointer">Create ReRun</a>
Expand Down Expand Up @@ -117,12 +117,12 @@
import Log from './util/Log.vue';
import LayerIcon from './util/LayerIcon.vue';
import {
LicenseIcon,
CodeIcon,
NotesIcon,
RefreshIcon,
DotsVerticalIcon,
} from 'vue-tabler-icons'
IconLicense,
IconCode,
IconNotes,
IconRefresh,
IconDotsVertical,
} from '@tabler/icons-vue'
import {
TablerBreadCrumb,
TablerLoading,
Expand Down Expand Up @@ -232,11 +232,11 @@ export default {
TablerLoading,
ErrorsModerate,
Status,
LicenseIcon,
CodeIcon,
NotesIcon,
RefreshIcon,
DotsVerticalIcon,
IconLicense,
IconCode,
IconNotes,
IconRefresh,
IconDotsVertical,
LayerIcon
},
}
Expand Down
8 changes: 4 additions & 4 deletions api/web/src/components/JobLog.vue
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
</div>

<div class='ms-auto btn-list'>
<RefreshIcon @click='getJob' class='cursor-pointer'/>
<IconRefresh @click='getJob' class='cursor-pointer' size='32'/>
</div>
</div>
<TablerLoading v-if='loading'/>
Expand All @@ -46,8 +46,8 @@
import Log from './util/Log.vue'
import Status from './util/Status.vue'
import {
RefreshIcon
} from 'vue-tabler-icons';
IconRefresh
} from '@tabler/icons-vue';
import {
TablerBreadCrumb,
TablerLoading
Expand Down Expand Up @@ -76,7 +76,7 @@ export default {
},
},
components: {
RefreshIcon,
IconRefresh,
TablerLoading,
TablerBreadCrumb,
Status,
Expand Down
20 changes: 10 additions & 10 deletions api/web/src/components/JobRaw.vue
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
<h2 class='txt-h4 ml12 pb12 fl'>Job #<span v-text='$route.params.jobid'/></h2>

<div class='ms-auto btn-list'>
<RefreshIcon @click='refresh' class='cursor-pointer'/>
<BrandGithubIcon @click='external(job.source)' class='cursor-pointer'/>
<LinkIcon v-if='job.source' @click='external(raw.data)'/>
<IconRefresh @click='refresh' class='cursor-pointer' size='32'/>
<IconBrandGithub @click='external(job.source)' class='cursor-pointer' size='32'/>
<IconLink v-if='job.source' @click='external(raw.data)' size='32'/>
</div>
</div>
</div>
Expand All @@ -26,10 +26,10 @@

<script>
import {
RefreshIcon,
BrandGithubIcon,
LinkIcon
} from 'vue-tabler-icons';
IconRefresh,
IconBrandGithub,
IconLink
} from '@tabler/icons-vue';

export default {
name: 'JobRaw',
Expand Down Expand Up @@ -85,9 +85,9 @@ export default {
},
},
components: {
RefreshIcon,
BrandGithubIcon,
LinkIcon
IconRefresh,
IconBrandGithub,
IconLink
}
}
</script>
26 changes: 13 additions & 13 deletions api/web/src/components/Jobs.vue
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
<h3 class='card-title'>Jobs</h3>

<div class='ms-auto btn-list'>
<SearchIcon @click='showFilter = !showFilter' class='cursor-pointer'/>
<RefreshIcon @click='fetchJobs' class='cursor-pointer'/>
<IconSearch @click='showFilter = !showFilter' class='cursor-pointer' size='32'/>
<IconRefresh @click='fetchJobs' class='cursor-pointer' size='32'/>
</div>
</div>
<template v-if='showFilter'>
Expand Down Expand Up @@ -64,10 +64,10 @@
<div v-on:click.stop.prevent='' class='btn-list'>
<Download :auth='auth' :job='job' @login='$emit("login")' @perk='$emit("perk", $event)'/>
<span v-on:click.stop.prevent='external(job.source)'>
<BrandGithubIcon class='cursor-pointer'/>
<IconBrandGithub class='cursor-pointer' size='32'/>
</span>
<span v-on:click.stop.prevent='$router.push(`/job/${job.id}/log`)' v-if='job.loglink'>
<NotesIcon class='cursor-pointer'/>
<IconNotes class='cursor-pointer' size='32'/>
</span>
</div>
</td>
Expand All @@ -85,11 +85,11 @@

<script>
import {
SearchIcon,
BrandGithubIcon,
RefreshIcon,
NotesIcon
} from 'vue-tabler-icons'
IconSearch,
IconBrandGithub,
IconRefresh,
IconNotes
} from '@tabler/icons-vue'
import LayerIcon from './util/LayerIcon.vue';
import Status from './util/Status.vue';
import Download from './util/Download.vue';
Expand Down Expand Up @@ -168,12 +168,12 @@ export default {
}
},
components: {
SearchIcon,
IconSearch,
IconBrandGithub,
IconRefresh,
IconNotes,
Download,
RefreshIcon,
Status,
BrandGithubIcon,
NotesIcon,
TablerLoading,
TablerBreadCrumb,
TableFooter,
Expand Down
18 changes: 9 additions & 9 deletions api/web/src/components/Profile.vue
Original file line number Diff line number Diff line change
Expand Up @@ -19,12 +19,12 @@
<TablerLoading v-if='loading.cache' :inline='true' desc='Reset Cache'/>
<TablerLoading v-if='loading.fabric' :inline='true' desc='Refresh Fabric'/>

<span v-if='done.cache' @click='done.cache = false' class='cursor-pointer'><CheckIcon/>Cache Cleared</span>
<span v-if='done.collections' @click='done.cache = false' class='cursor-pointer'><CheckIcon/>Collection Refresh Submitted</span>
<span v-if='done.fabric' @click='done.cache = false' class='cursor-pointer'><CheckIcon/>Fabric Refresh Submitted</span>
<span v-if='done.cache' @click='done.cache = false' class='cursor-pointer'><IconCheck size='32'/>Cache Cleared</span>
<span v-if='done.collections' @click='done.cache = false' class='cursor-pointer'><IconCheck size='32'/>Collection Refresh Submitted</span>
<span v-if='done.fabric' @click='done.cache = false' class='cursor-pointer'><IconCheck size='32'/>Fabric Refresh Submitted</span>

<TablerDropdown>
<slot><SettingsIcon class='cursor-pointer mx-3'/></slot>
<slot><IconSettings class='cursor-pointer mx-3' size='32'/></slot>
<template #dropdown>
<div @click='fabric' class='cursor-pointer text-center my-2'>Refresh Fabric</div>
<div @click='clear' class='cursor-pointer text-center my-2'>Clear Cache</div>
Expand All @@ -49,9 +49,9 @@

<script>
import {
SettingsIcon,
CheckIcon,
} from 'vue-tabler-icons';
IconSettings,
IconCheck,
} from '@tabler/icons-vue';

import {
TablerLoading,
Expand Down Expand Up @@ -128,11 +128,11 @@ export default {
}
},
components: {
SettingsIcon,
IconSettings,
TablerBreadCrumb,
TablerLoading,
TablerDropdown,
CheckIcon,
IconCheck,
}
}
</script>
Loading
Loading