TPsoft.org/BugReport
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added font awesome,

Browse Source 
added icons for main menu and report component,
added List of reports into main menu
This commit is contained in:
Igor Miňo
2025-04-24 00:20:48 +02:00
parent b1e6037ab7
commit 61833c67e7
5 changed files with 75 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/src/App.vue
View File

@ -9,10 +9,11 @@
</router-link>
</div>
<div class="menu">
<router-link to="/add">Pridať bug</router-link>
<router-link to="/archive">Archív</router-link>
<router-link to="/api">API</router-link>
<router-link to="/about">O aplikácii</router-link>
<router-link to="/add"><font-awesome-icon :icon="['fas', 'square-plus']" /> Pridať bug</router-link>
<router-link to="/"><font-awesome-icon :icon="['fas', 'list-check']" /> Zoznam reportov</router-link>
<router-link to="/archive"><font-awesome-icon :icon="['fas', 'box-archive']" /> Archív</router-link>
<router-link to="/api"><font-awesome-icon :icon="['fas', 'plug']" /> API</router-link>
<router-link to="/about"><font-awesome-icon :icon="['fas', 'address-card']" /> O aplikácii</router-link>
</div>
</div>
<router-view></router-view>

4
webapp/src/components/Report.vue
View File

@ -9,7 +9,7 @@ defineProps({
<div class="report">
<div class="report-header">
<div class="report-title">
<h3>{{ title }}</h3>
<h3><font-awesome-icon :icon="['fas', 'bug']" /> {{ title }}</h3>
</div>
</div>
<div class="report-description">
@ -17,6 +17,6 @@ defineProps({
{{ description }}
</p>
</div>
<div class="report-date">{{ date }}</div>
<div class="report-date"><font-awesome-icon :icon="['fas', 'calendar-days']" /> {{ date }}</div>
</div>
</template>

8
webapp/src/main.js
View File

@ -3,7 +3,15 @@ import './assets/css/style.css'
import App from './App.vue'
import { router } from './router'
// Font Awesome
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons' // alebo pridaj konkrétne ikony
library.add(fas) // alebo napr. library.add(faSearch, faUser)
const app = createApp(App)
app.component('font-awesome-icon', FontAwesomeIcon)
app.use(router)
app.mount('#app')