Browse Source

eshop fix

master
Jakub Škrabánek 6 months ago
parent
commit
cb45bc9d09
  1. 4
      vue/10_eshop/eshop/.browserslistrc
  2. 17
      vue/10_eshop/eshop/.eslintrc.js
  3. 23
      vue/10_eshop/eshop/.gitignore
  4. 24
      vue/10_eshop/eshop/README.md
  5. 5
      vue/10_eshop/eshop/babel.config.js
  6. 19
      vue/10_eshop/eshop/jsconfig.json
  7. 11119
      vue/10_eshop/eshop/package-lock.json
  8. 25
      vue/10_eshop/eshop/package.json
  9. BIN
      vue/10_eshop/eshop/public/favicon.ico
  10. 17
      vue/10_eshop/eshop/public/index.html
  11. 30
      vue/10_eshop/eshop/src/App.vue
  12. BIN
      vue/10_eshop/eshop/src/assets/logo.png
  13. 59
      vue/10_eshop/eshop/src/components/HelloWorld.vue
  14. 5
      vue/10_eshop/eshop/src/main.js
  15. 40
      vue/10_eshop/eshop/src/products.json
  16. 100
      vue/10_eshop/eshop/src/products_big.json
  17. 46
      vue/10_eshop/eshop/src/router/index.js
  18. 5
      vue/10_eshop/eshop/src/views/AboutView.vue
  19. 47
      vue/10_eshop/eshop/src/views/CategoryView.vue
  20. 4
      vue/10_eshop/eshop/src/views/ErrorView.vue
  21. 35
      vue/10_eshop/eshop/src/views/HomeView.vue
  22. 39
      vue/10_eshop/eshop/src/views/ProductView.vue
  23. 5
      vue/10_eshop/eshop/src/views/SearchView.vue
  24. 4
      vue/10_eshop/eshop/vue.config.js
  25. 8997
      vue/10_eshop/package-lock.json
  26. 5
      vue/10_eshop/package.json
  27. 80
      vue/10_eshop/products.json

4
vue/10_eshop/eshop/.browserslistrc

@ -0,0 +1,4 @@
> 1%
last 2 versions
not dead
not ie 11

17
vue/10_eshop/eshop/.eslintrc.js

@ -0,0 +1,17 @@
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/vue3-essential',
'eslint:recommended'
],
parserOptions: {
parser: '@babel/eslint-parser'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
}
}

23
vue/10_eshop/eshop/.gitignore

@ -0,0 +1,23 @@
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

24
vue/10_eshop/eshop/README.md

@ -0,0 +1,24 @@
# eshop
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

5
vue/10_eshop/eshop/babel.config.js

@ -0,0 +1,5 @@
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}

19
vue/10_eshop/eshop/jsconfig.json

@ -0,0 +1,19 @@
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
"baseUrl": "./",
"moduleResolution": "node",
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
}
}

11119
vue/10_eshop/eshop/package-lock.json

File diff suppressed because it is too large

25
vue/10_eshop/eshop/package.json

@ -0,0 +1,25 @@
{
"name": "eshop",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.8.3",
"vue": "^3.2.13",
"vue-router": "^4.0.3"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3"
}
}

BIN
vue/10_eshop/eshop/public/favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

17
vue/10_eshop/eshop/public/index.html

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

30
vue/10_eshop/eshop/src/App.vue

@ -0,0 +1,30 @@
<template>
<nav>
<router-link to="/">Home</router-link>
</nav>
<router-view/>
</template>
<style>
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
nav {
padding: 30px;
}
nav a {
font-weight: bold;
color: #2c3e50;
}
nav a.router-link-exact-active {
color: #42b983;
}
</style>

BIN
vue/10_eshop/eshop/src/assets/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

59
vue/10_eshop/eshop/src/components/HelloWorld.vue

@ -0,0 +1,59 @@
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>

5
vue/10_eshop/eshop/src/main.js

@ -0,0 +1,5 @@
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
createApp(App).use(router).mount('#app')

40
vue/10_eshop/eshop/src/products.json

@ -0,0 +1,40 @@
[{"id":1,"name":"Hatity","price":5112,"desc":"Bypass Jejunum to Cutaneous, Percutaneous Endoscopic Approach","category":"music"},
{"id":2,"name":"Alpha","price":2854,"desc":"Insertion of Infusion Device into Cisterna Chyli, Open Approach","category":"music"},
{"id":3,"name":"Tempsoft","price":1941,"desc":"Fragmentation in Uterus, External Approach","category":"sports"},
{"id":4,"name":"Konklab","price":6787,"desc":"Revision of Drainage Device in Thyroid Gland, Percutaneous Approach","category":"sports"},
{"id":5,"name":"Ventosanzap","price":4795,"desc":"Replacement of Accessory Pancreatic Duct with Synthetic Substitute, Open Approach","category":"sports"},
{"id":6,"name":"Job","price":3813,"desc":"Bypass Left Internal Iliac Artery to Bilateral Femoral Arteries with Autologous Venous Tissue, Percutaneous Endoscopic Approach","category":"sports"},
{"id":7,"name":"Bamity","price":4585,"desc":"Drainage of Hepatic Vein with Drainage Device, Open Approach","category":"sports"},
{"id":8,"name":"Pannier","price":3120,"desc":"Transfer Trochlear Nerve to Olfactory Nerve, Open Approach","category":"food"},
{"id":9,"name":"Quo Lux","price":7362,"desc":"Bypass Coronary Artery, Three Arteries from Left Internal Mammary with Zooplastic Tissue, Open Approach","category":"food"},
{"id":10,"name":"Andalax","price":3148,"desc":"Excision of Right Pleura, Percutaneous Approach, Diagnostic","category":"travel"},
{"id":11,"name":"Tresom","price":4369,"desc":"Fragmentation in Transverse Colon, Percutaneous Endoscopic Approach","category":"music"},
{"id":12,"name":"Fixflex","price":8966,"desc":"Transplantation of Left Hand, Syngeneic, Open Approach","category":"sports"},
{"id":13,"name":"Biodex","price":9181,"desc":"Fragmentation in Right Upper Lobe Bronchus, Percutaneous Endoscopic Approach","category":"sports"},
{"id":14,"name":"Bamity","price":8571,"desc":"Restriction of Left Femoral Artery with Extraluminal Device, Percutaneous Endoscopic Approach","category":"food"},
{"id":15,"name":"Konklab","price":982,"desc":"Fluoroscopy of Left Subclavian Artery using Other Contrast","category":"sports"},
{"id":16,"name":"Transcof","price":5228,"desc":"Insertion of Facet Replacement Spinal Stabilization Device into Thoracolumbar Vertebral Joint, Percutaneous Endoscopic Approach","category":"travel"},
{"id":17,"name":"Overhold","price":8059,"desc":"Release Right Radial Artery, Percutaneous Approach","category":"music"},
{"id":18,"name":"Aerified","price":6400,"desc":"Inspection of Cervicothoracic Vertebral Disc, Percutaneous Approach","category":"music"},
{"id":19,"name":"Zaam-Dox","price":4404,"desc":"Restriction of Left Upper Extremity Lymphatic, Open Approach","category":"sports"},
{"id":20,"name":"Quo Lux","price":2020,"desc":"Bypass Right Popliteal Artery to Lower Extremity Artery with Autologous Venous Tissue, Open Approach","category":"travel"},
{"id":21,"name":"Flexidy","price":4025,"desc":"Revision of Intraluminal Device in Right Ear, Open Approach","category":"music"},
{"id":22,"name":"Otcom","price":8629,"desc":"Dilation of Left External Carotid Artery with Three Intraluminal Devices, Open Approach","category":"technology"},
{"id":23,"name":"Trippledex","price":9876,"desc":"Supplement Left Pulmonary Artery with Nonautologous Tissue Substitute, Percutaneous Approach","category":"music"},
{"id":24,"name":"Ronstring","price":7807,"desc":"Reposition Left Glenoid Cavity, Percutaneous Approach","category":"sports"},
{"id":25,"name":"Domainer","price":1887,"desc":"Resection of Left Upper Arm Muscle, Percutaneous Endoscopic Approach","category":"music"},
{"id":26,"name":"Solarbreeze","price":1730,"desc":"Replacement of Right Eye with Autologous Tissue Substitute, Open Approach","category":"sports"},
{"id":27,"name":"Y-find","price":2175,"desc":"Insertion of Internal Fixation Device into Left Sternoclavicular Joint, Percutaneous Endoscopic Approach","category":"food"},
{"id":28,"name":"Bigtax","price":4816,"desc":"Beam Radiation of Salivary Glands using Neutron Capture","category":"music"},
{"id":29,"name":"Viva","price":8388,"desc":"Dilation of Right Hand Artery, Bifurcation, with Three Intraluminal Devices, Open Approach","category":"travel"},
{"id":30,"name":"Tampflex","price":3733,"desc":"Release Superior Mesenteric Vein, Open Approach","category":"sports"},
{"id":31,"name":"Andalax","price":9942,"desc":"Excision of Right Finger Phalangeal Joint, Open Approach, Diagnostic","category":"sports"},
{"id":32,"name":"Overhold","price":2295,"desc":"Removal of Synthetic Substitute from Thoracolumbar Vertebral Joint, Percutaneous Approach","category":"music"},
{"id":33,"name":"Y-find","price":3758,"desc":"Revision of Synthetic Substitute in Right Toe Phalangeal Joint, Percutaneous Approach","category":"food"},
{"id":34,"name":"Andalax","price":8954,"desc":"Ergonomics and Body Mechanics Assessment using Prosthesis","category":"food"},
{"id":35,"name":"Greenlam","price":8183,"desc":"Drainage of Right Toe Phalangeal Joint, Percutaneous Endoscopic Approach, Diagnostic","category":"music"},
{"id":36,"name":"Stringtough","price":2193,"desc":"Map Basal Ganglia, Percutaneous Endoscopic Approach","category":"food"},
{"id":37,"name":"Vagram","price":5800,"desc":"Imaging, Lymphatic System, Plain Radiography","category":"food"},
{"id":38,"name":"Latlux","price":8649,"desc":"Destruction of Left Auditory Ossicle, Open Approach","category":"music"},
{"id":39,"name":"Kanlam","price":2956,"desc":"Introduction of Other Therapeutic Substance into Products of Conception, Via Natural or Artificial Opening","category":"music"},
{"id":40,"name":"Zaam-Dox","price":7807,"desc":"Reposition Rectum, Via Natural or Artificial Opening Endoscopic","category":"music"}]

100
vue/10_eshop/eshop/src/products_big.json

@ -0,0 +1,100 @@
[{"id":1,"name":"Sonsing","price":6231,"desc":"Repair Left Lower Lobe Bronchus, Via Natural or Artificial Opening","category":"sports"},
{"id":2,"name":"Treeflex","price":4052,"desc":"Low Dose Rate (LDR) Brachytherapy of Cervix using Iodine 125 (I-125)","category":"music"},
{"id":3,"name":"Flowdesk","price":2395,"desc":"Supplement Hepatic Artery with Nonautologous Tissue Substitute, Percutaneous Approach","category":"sports"},
{"id":4,"name":"Rank","price":8886,"desc":"Computerized Tomography (CT Scan) of Right Kidney using Other Contrast, Unenhanced and Enhanced","category":"sports"},
{"id":5,"name":"Bigtax","price":3433,"desc":"Revision of Bone Growth Stimulator in Upper Bone, Percutaneous Approach","category":"sports"},
{"id":6,"name":"Solarbreeze","price":5233,"desc":"Dilation of Right Hand Artery with Three Drug-eluting Intraluminal Devices, Open Approach","category":"sports"},
{"id":7,"name":"Lotlux","price":7128,"desc":"Reposition Right Fallopian Tube, Open Approach","category":"music"},
{"id":8,"name":"Y-find","price":4359,"desc":"Computerized Tomography (CT Scan) of Right Ribs using Low Osmolar Contrast","category":"sports"},
{"id":9,"name":"Tempsoft","price":8254,"desc":"Fluoroscopy of Thoracic Spine using High Osmolar Contrast","category":"music"},
{"id":10,"name":"Wrapsafe","price":7312,"desc":"Removal of Autologous Tissue Substitute from Right Femoral Shaft, Percutaneous Endoscopic Approach","category":"sports"},
{"id":11,"name":"Temp","price":7601,"desc":"Bypass Left Common Iliac Artery to Right External Iliac Artery with Autologous Arterial Tissue, Percutaneous Endoscopic Approach","category":"technology"},
{"id":12,"name":"Subin","price":9236,"desc":"Removal of Infusion Device from Cisterna Chyli, Percutaneous Endoscopic Approach","category":"sports"},
{"id":13,"name":"Biodex","price":1237,"desc":"Removal of Monitoring Device from Trachea, Percutaneous Endoscopic Approach","category":"music"},
{"id":14,"name":"Mat Lam Tam","price":7467,"desc":"Drainage of Gallbladder, Percutaneous Endoscopic Approach, Diagnostic","category":"travel"},
{"id":15,"name":"Hatity","price":2866,"desc":"Revision of Intraluminal Device in Ureter, Open Approach","category":"technology"},
{"id":16,"name":"Bamity","price":8566,"desc":"Excision of Right Middle Lung Lobe, Percutaneous Endoscopic Approach, Diagnostic","category":"technology"},
{"id":17,"name":"Alphazap","price":6418,"desc":"Imaging, Heart, Computerized Tomography (CT Scan)","category":"travel"},
{"id":18,"name":"Y-Solowarm","price":4693,"desc":"Extirpation of Matter from Ileocecal Valve, Percutaneous Approach","category":"technology"},
{"id":19,"name":"Bytecard","price":2082,"desc":"Insertion of Infusion Device into Respiratory Tract, Open Approach","category":"music"},
{"id":20,"name":"Temp","price":6445,"desc":"Supplement Tricuspid Valve with Synthetic Substitute, Open Approach","category":"technology"},
{"id":21,"name":"Daltfresh","price":7674,"desc":"Revision of Drainage Device in Stomach, Percutaneous Endoscopic Approach","category":"sports"},
{"id":22,"name":"Cardify","price":4460,"desc":"Drainage of Left Palatine Bone, Percutaneous Endoscopic Approach","category":"travel"},
{"id":23,"name":"Otcom","price":5080,"desc":"Resection of Left Fallopian Tube, Via Natural or Artificial Opening With Percutaneous Endoscopic Assistance","category":"sports"},
{"id":24,"name":"Rank","price":1669,"desc":"Occlusion of Upper Vein, Percutaneous Endoscopic Approach","category":"technology"},
{"id":25,"name":"Latlux","price":2331,"desc":"Bypass Left Popliteal Artery to Lower Extremity Artery with Synthetic Substitute, Percutaneous Endoscopic Approach","category":"music"},
{"id":26,"name":"Zaam-Dox","price":1367,"desc":"Revision of Infusion Device in Liver, Open Approach","category":"travel"},
{"id":27,"name":"Konklab","price":8064,"desc":"Insertion of Internal Fixation Device into Right Finger Phalanx, Open Approach","category":"food"},
{"id":28,"name":"Holdlamis","price":8323,"desc":"Drainage of Left Knee Joint with Drainage Device, Percutaneous Approach","category":"food"},
{"id":29,"name":"Fintone","price":8365,"desc":"Bypass Left Subclavian Artery to Right Extracranial Artery with Synthetic Substitute, Open Approach","category":"travel"},
{"id":30,"name":"Andalax","price":6425,"desc":"Excision of Pelvis Lymphatic, Percutaneous Approach","category":"food"},
{"id":31,"name":"Sonsing","price":2960,"desc":"Insertion of Contraceptive Device into Left Lower Arm Subcutaneous Tissue and Fascia, Percutaneous Approach","category":"music"},
{"id":32,"name":"Span","price":7621,"desc":"Restriction of Left Upper Lobe Bronchus, Via Natural or Artificial Opening","category":"sports"},
{"id":33,"name":"Namfix","price":1853,"desc":"Excision of Prostate, Percutaneous Endoscopic Approach","category":"music"},
{"id":34,"name":"Cardguard","price":7405,"desc":"High Dose Rate (HDR) Brachytherapy of Pituitary Gland using Palladium 103 (Pd-103)","category":"sports"},
{"id":35,"name":"Zathin","price":4974,"desc":"Drainage of Right Kidney Pelvis, Open Approach","category":"music"},
{"id":36,"name":"Prodder","price":2985,"desc":"Supplement Superior Vena Cava with Nonautologous Tissue Substitute, Percutaneous Endoscopic Approach","category":"sports"},
{"id":37,"name":"Flexidy","price":7405,"desc":"Replacement of Right Thorax Tendon with Synthetic Substitute, Open Approach","category":"food"},
{"id":38,"name":"Cookley","price":771,"desc":"Planar Nuclear Medicine Imaging of Bladder and Ureters using Technetium 99m (Tc-99m)","category":"music"},
{"id":39,"name":"Span","price":1387,"desc":"Magnetic Resonance Imaging (MRI) of Left Kidney using Other Contrast, Unenhanced and Enhanced","category":"technology"},
{"id":40,"name":"Regrant","price":7591,"desc":"Excision of Left Common Iliac Artery, Percutaneous Endoscopic Approach","category":"travel"},
{"id":41,"name":"Sonsing","price":5173,"desc":"Introduction of Nutritional Substance into Peripheral Artery, Percutaneous Approach","category":"music"},
{"id":42,"name":"Vagram","price":2042,"desc":"Dilation of Splenic Artery with Intraluminal Device, Percutaneous Approach","category":"music"},
{"id":43,"name":"Tempsoft","price":2844,"desc":"Destruction of Innominate Artery, Percutaneous Approach","category":"technology"},
{"id":44,"name":"It","price":106,"desc":"Extirpation of Matter from Lingula Bronchus, Percutaneous Approach","category":"technology"},
{"id":45,"name":"Tresom","price":8482,"desc":"Extirpation of Matter from Right Thyroid Artery, Open Approach","category":"technology"},
{"id":46,"name":"Aerified","price":190,"desc":"Drainage of Nose, External Approach, Diagnostic","category":"sports"},
{"id":47,"name":"Lotstring","price":4871,"desc":"Drainage of Lumbar Plexus with Drainage Device, Percutaneous Endoscopic Approach","category":"travel"},
{"id":48,"name":"Transcof","price":4622,"desc":"Supplement Colic Vein with Synthetic Substitute, Percutaneous Approach","category":"music"},
{"id":49,"name":"Subin","price":9056,"desc":"Supplement Tongue, Palate, Pharynx Muscle with Synthetic Substitute, Open Approach","category":"music"},
{"id":50,"name":"Alphazap","price":9843,"desc":"Bypass Right External Iliac Artery to Bilateral External Iliac Arteries with Autologous Arterial Tissue, Open Approach","category":"sports"},
{"id":51,"name":"Cardguard","price":2602,"desc":"Reposition Left Subclavian Artery, Percutaneous Endoscopic Approach","category":"food"},
{"id":52,"name":"Y-Solowarm","price":2302,"desc":"Dilation of Left Ureter with Intraluminal Device, Open Approach","category":"sports"},
{"id":53,"name":"Y-Solowarm","price":4328,"desc":"Excision of Right Humeral Shaft, Percutaneous Approach","category":"music"},
{"id":54,"name":"Subin","price":2174,"desc":"Supplement Right Atrium with Zooplastic Tissue, Percutaneous Endoscopic Approach","category":"travel"},
{"id":55,"name":"Flexidy","price":2975,"desc":"Division of Right Frontal Bone, Open Approach","category":"travel"},
{"id":56,"name":"Y-find","price":9635,"desc":"Removal of Infusion Device from Left Knee Joint, Percutaneous Endoscopic Approach","category":"travel"},
{"id":57,"name":"Duobam","price":7638,"desc":"Insertion of Infusion Device into Right Internal Carotid Artery, Open Approach","category":"food"},
{"id":58,"name":"Tin","price":2268,"desc":"Removal of Drainage Device from Stomach, Via Natural or Artificial Opening Endoscopic","category":"travel"},
{"id":59,"name":"Sonsing","price":8908,"desc":"Drainage of Left Tympanic Membrane with Drainage Device, Percutaneous Approach","category":"travel"},
{"id":60,"name":"Tin","price":4605,"desc":"Drainage of Abducens Nerve with Drainage Device, Open Approach","category":"sports"},
{"id":61,"name":"Cookley","price":8258,"desc":"Dilation of Right Renal Artery, Bifurcation, with Four or More Intraluminal Devices, Percutaneous Approach","category":"music"},
{"id":62,"name":"Tempsoft","price":3454,"desc":"Release Right Ankle Tendon, Percutaneous Approach","category":"music"},
{"id":63,"name":"Daltfresh","price":571,"desc":"Revision of Drainage Device in Hepatobiliary Duct, Via Natural or Artificial Opening","category":"music"},
{"id":64,"name":"Y-find","price":9560,"desc":"Restriction of Right Hand Vein, Percutaneous Approach","category":"food"},
{"id":65,"name":"Viva","price":4404,"desc":"Planar Nuclear Medicine Imaging of Thyroid Gland using Iodine 131 (I-131)","category":"music"},
{"id":66,"name":"Toughjoyfax","price":2677,"desc":"Excision of Inferior Mesenteric Artery, Percutaneous Approach, Diagnostic","category":"music"},
{"id":67,"name":"Overhold","price":125,"desc":"Fusion of 8 or more Thoracic Vertebral Joints with Interbody Fusion Device, Anterior Approach, Anterior Column, Percutaneous Approach","category":"sports"},
{"id":68,"name":"Tresom","price":5939,"desc":"Repair Nervous System in Products of Conception, Via Natural or Artificial Opening Endoscopic","category":"music"},
{"id":69,"name":"Cookley","price":9453,"desc":"Replacement of Lower Tooth, Multiple, with Autologous Tissue Substitute, Open Approach","category":"music"},
{"id":70,"name":"Andalax","price":4981,"desc":"Obstetrics, Pregnancy, Abortion","category":"travel"},
{"id":71,"name":"Prodder","price":6179,"desc":"Extirpation of Matter from Lower Vein, Percutaneous Approach","category":"food"},
{"id":72,"name":"Job","price":788,"desc":"Extraction of Products of Conception, Low Cervical, Open Approach","category":"food"},
{"id":73,"name":"Zathin","price":6527,"desc":"Revision of Nonautologous Tissue Substitute in Left Eye, External Approach","category":"technology"},
{"id":74,"name":"Konklux","price":9989,"desc":"Replacement of Left Lacrimal Duct with Synthetic Substitute, Via Natural or Artificial Opening","category":"travel"},
{"id":75,"name":"Fix San","price":2250,"desc":"Reattachment of Penis, External Approach","category":"music"},
{"id":76,"name":"Transcof","price":619,"desc":"Extirpation of Matter from Left Lower Leg Skin, External Approach","category":"sports"},
{"id":77,"name":"Ronstring","price":8065,"desc":"Release Bladder, Via Natural or Artificial Opening Endoscopic","category":"sports"},
{"id":78,"name":"Bytecard","price":5888,"desc":"Drainage of Left Clavicle, Percutaneous Endoscopic Approach","category":"travel"},
{"id":79,"name":"Span","price":9298,"desc":"Insertion of Intraluminal Device into Portal Vein, Percutaneous Approach","category":"technology"},
{"id":80,"name":"Vagram","price":4912,"desc":"Extirpation of Matter from Left Humeral Shaft, Open Approach","category":"technology"},
{"id":81,"name":"Lotstring","price":2342,"desc":"Bypass Right Subclavian Artery to Left Upper Leg Artery with Autologous Venous Tissue, Open Approach","category":"food"},
{"id":82,"name":"Matsoft","price":4591,"desc":"Extirpation of Matter from Right Breast, Percutaneous Approach","category":"sports"},
{"id":83,"name":"Pannier","price":9148,"desc":"Revision of Nonautologous Tissue Substitute in Lower Vein, External Approach","category":"food"},
{"id":84,"name":"Greenlam","price":208,"desc":"Excision of Right Buttock, Open Approach, Diagnostic","category":"technology"},
{"id":85,"name":"Keylex","price":9664,"desc":"Occlusion of Small Intestine, Percutaneous Endoscopic Approach","category":"food"},
{"id":86,"name":"Span","price":9210,"desc":"Dilation of Left Thyroid Artery with Four or More Drug-eluting Intraluminal Devices, Open Approach","category":"travel"},
{"id":87,"name":"Zontrax","price":7055,"desc":"Supplement Right Thumb with Nonautologous Tissue Substitute, Percutaneous Endoscopic Approach","category":"travel"},
{"id":88,"name":"Ventosanzap","price":4853,"desc":"Destruction of Left Abdomen Bursa and Ligament, Percutaneous Approach","category":"technology"},
{"id":89,"name":"Tampflex","price":9214,"desc":"Supplement Left Epididymis with Autologous Tissue Substitute, Open Approach","category":"music"},
{"id":90,"name":"Domainer","price":3692,"desc":"Range of Motion and Joint Mobility Treatment of Integumentary System - Head and Neck using Prosthesis","category":"sports"},
{"id":91,"name":"Matsoft","price":4708,"desc":"Insertion of Infusion Device into Respiratory Tract, Via Natural or Artificial Opening","category":"technology"},
{"id":92,"name":"Cardify","price":7257,"desc":"Excision of Right Shoulder Muscle, Open Approach","category":"technology"},
{"id":93,"name":"Aerified","price":1058,"desc":"Occlusion of Left Common Iliac Artery, Open Approach","category":"food"},
{"id":94,"name":"Cardify","price":9779,"desc":"Drainage of Thoracolumbar Vertebral Joint with Drainage Device, Percutaneous Approach","category":"food"},
{"id":95,"name":"Greenlam","price":337,"desc":"Beam Radiation of Nose using Neutrons","category":"sports"},
{"id":96,"name":"Ronstring","price":2266,"desc":"Extirpation of Matter from Left Ureter, Via Natural or Artificial Opening","category":"music"},
{"id":97,"name":"Ventosanzap","price":9520,"desc":"Removal of Infusion Device from Thoracolumbar Vertebral Joint, External Approach","category":"sports"},
{"id":98,"name":"Tempsoft","price":9441,"desc":"Revision of Synthetic Substitute in Lumbar Vertebra, External Approach","category":"technology"},
{"id":99,"name":"Daltfresh","price":5905,"desc":"Division of Right Lacrimal Bone, Percutaneous Endoscopic Approach","category":"travel"},
{"id":100,"name":"Cardify","price":6000,"desc":"Supplement Left Foot Muscle with Synthetic Substitute, Percutaneous Endoscopic Approach","category":"travel"}]

46
vue/10_eshop/eshop/src/router/index.js

@ -0,0 +1,46 @@
import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import SearchView from '../views/SearchView.vue'
import CategoryView from '../views/CategoryView.vue'
import ProductView from '../views/ProductView.vue'
// import ErrorView from '../views/ErrorView.vue'
const routes = [
{
path: '/',
name: 'home',
component: HomeView
},
{
path: '/search',
name: 'search',
component: SearchView
},
{ //nezapomenout import
path: '/category/:catName',
name: 'category',
component: CategoryView
},
{
path: '/product/:productID',
name: 'product',
component: ProductView
},
// {
// path: '/404',
// name: 'error',
// component: ErrorView
// },
// {
// path: '/:catchAll(.*)',
// redirect: '/404'
// },
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
export default router

5
vue/10_eshop/eshop/src/views/AboutView.vue

@ -0,0 +1,5 @@
<template>
<div class="about">
<h1>This is an about page</h1>
</div>
</template>

47
vue/10_eshop/eshop/src/views/CategoryView.vue

@ -0,0 +1,47 @@
<template>
<div class="category">
<h1> Kategorie: {{ category }}</h1>
<h4>Další možnosti</h4>
<router-link to="/category/music">Music</router-link> |
<router-link to="/category/travel">Travel</router-link> |
<router-link to="/category/food">Food</router-link> |
<router-link to="/category/sports">Sports</router-link> |
<router-link to="/category/technology">Technology</router-link>
<ul>
<li v-for="product in filteredProducts" :key="product.id">
<router-link :to="`/product/${product.id}`">
{{ product.name }}
</router-link>
</li>
</ul>
</div>
</template>
<script>
import products from "@/products.json";
export default {
data() {
return {
filteredProducts: {}
}
},
computed: {
category() {
return this.$route.params.catName
}
},
methods: {
filterProductsByCategory() {
this.filteredProducts = products.filter(
(product) => product.category === this.category)
},
},
watch: { // vyvolání akce po změně proměné
category: "filterProductsByCategory",
},
mounted() {
this.filterProductsByCategory();
}
}
</script>

4
vue/10_eshop/eshop/src/views/ErrorView.vue

@ -0,0 +1,4 @@
<template>
<h1>404</h1>
<h2>Page not Found</h2>
</template>

35
vue/10_eshop/eshop/src/views/HomeView.vue

@ -0,0 +1,35 @@
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<h1>Vítejte na fakeShopu</h1>
<h4>kategorie</h4>
<router-link to="/category/music">Music</router-link> |
<router-link to="/category/travel">Travel</router-link> |
<router-link to="/category/food">Food</router-link> |
<router-link to="/category/sports">Sports</router-link> |
<router-link to="/category/technology">Technology</router-link>
<h3> Seznam našich produktů</h3>
<ul>
<li v-for="product in products" :key="product.id">
<!-- nezapomenout na <`> alá AltGr + ý -->
<router-link :to="`/product/${product.id}`">{{ product.name }}</router-link>
</li>
</ul>
</div>
</template>
<script>
import products from "../products.json";
export default {
name: 'HomeView',
data() {
return {
products
}
}
}
</script>

39
vue/10_eshop/eshop/src/views/ProductView.vue

@ -0,0 +1,39 @@
<template>
<div class="product">
<h1> {{ product.name }} </h1>
<p> {{product.desc}}</p>
<p> Kategorie: {{ product.category }}</p>
<h3>Cena: {{ product.price }}</h3>
<!-- <h5>- p{{ product.id }}+u{{ productId }}</h5> -->
<hr>
<h4>kategorie</h4>
<router-link to="/category/music">Music</router-link> |
<router-link to="/category/travel">Travel</router-link> |
<router-link to="/category/food">Food</router-link> |
<router-link to="/category/sports">Sports</router-link> |
<router-link to="/category/technology">Technology</router-link>
</div>
</template>
<script>
import products from "../products.json";
export default {
data() {
return {
product: {},
}
},
computed: {
productId() {
return this.$route.params.productID;
}
},
mounted() { // AltGR + W -> | (pipe/pipeline (||=or))
//console.log(this.productId);
this.product = products.find((p) => String(p.id) === String(this.productId) || null)
//console.log(this.product);
}
}
</script>

5
vue/10_eshop/eshop/src/views/SearchView.vue

@ -0,0 +1,5 @@
<template>
<div class="search">
</div>
</template>

4
vue/10_eshop/eshop/vue.config.js

@ -0,0 +1,4 @@
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})

8997
vue/10_eshop/package-lock.json

File diff suppressed because it is too large

5
vue/10_eshop/package.json

@ -0,0 +1,5 @@
{
"dependencies": {
"@vue/cli": "^5.0.8"
}
}

80
vue/10_eshop/products.json

@ -1,40 +1,40 @@
[{"id":1,"name":"Vagram","price":9405,"desc":"Introduction of Other Gas into Genitourinary Tract, Percutaneous Approach","gender":"sports"},
{"id":2,"name":"Keylex","price":6405,"desc":"Removal of Autologous Tissue Substitute from Thoracic Vertebral Joint, Percutaneous Endoscopic Approach","gender":"food"},
{"id":3,"name":"Veribet","price":908,"desc":"Release Right Metacarpocarpal Joint, External Approach","gender":"sports"},
{"id":4,"name":"Fintone","price":1802,"desc":"Introduction of Pigment into Skin and Mucous Membranes, External Approach","gender":"travel"},
{"id":5,"name":"Asoka","price":2184,"desc":"Revision of Internal Fixation Device in Right Finger Phalangeal Joint, Percutaneous Endoscopic Approach","gender":"technology"},
{"id":6,"name":"Transcof","price":186,"desc":"Drainage of Aortic Lymphatic with Drainage Device, Open Approach","gender":"technology"},
{"id":7,"name":"Y-find","price":1105,"desc":"Computerized Tomography (CT Scan) of Right Renal Vein using Low Osmolar Contrast, Unenhanced and Enhanced","gender":"sports"},
{"id":8,"name":"It","price":3883,"desc":"Restriction of Gastric Artery with Extraluminal Device, Open Approach","gender":"food"},
{"id":9,"name":"Tempsoft","price":9650,"desc":"Extirpation of Matter from Trigeminal Nerve, Open Approach","gender":"technology"},
{"id":10,"name":"Opela","price":558,"desc":"Division of Trigeminal Nerve, Percutaneous Endoscopic Approach","gender":"sports"},
{"id":11,"name":"Ronstring","price":9530,"desc":"Repair Right Axillary Artery, Percutaneous Endoscopic Approach","gender":"food"},
{"id":12,"name":"Stim","price":5855,"desc":"Occlusion of Right Common Carotid Artery with Intraluminal Device, Percutaneous Endoscopic Approach","gender":"travel"},
{"id":13,"name":"Otcom","price":5423,"desc":"Replacement of Left Greater Saphenous Vein with Synthetic Substitute, Open Approach","gender":"sports"},
{"id":14,"name":"Voyatouch","price":2131,"desc":"Drainage of Adenoids, Percutaneous Approach","gender":"food"},
{"id":15,"name":"Holdlamis","price":7744,"desc":"Revision of Other Device in Head, External Approach","gender":"food"},
{"id":16,"name":"Cardguard","price":7026,"desc":"Resection of Left Superior Parathyroid Gland, Open Approach","gender":"food"},
{"id":17,"name":"Biodex","price":9010,"desc":"Magnetic Resonance Imaging (MRI) of Right Ovary using Other Contrast","gender":"travel"},
{"id":18,"name":"Y-find","price":3184,"desc":"Excision of Inferior Mesenteric Artery, Percutaneous Approach, Diagnostic","gender":"travel"},
{"id":19,"name":"Voltsillam","price":5050,"desc":"Drainage of Right Toe Phalanx, Percutaneous Approach, Diagnostic","gender":"travel"},
{"id":20,"name":"Job","price":5823,"desc":"Removal of Other Device from Mediastinum, Open Approach","gender":"technology"},
{"id":21,"name":"Keylex","price":6904,"desc":"Revision of Synthetic Substitute in Pancreatic Duct, Via Natural or Artificial Opening","gender":"technology"},
{"id":22,"name":"Veribet","price":718,"desc":"Inspection of Right Wrist Joint, Percutaneous Approach","gender":"technology"},
{"id":23,"name":"Span","price":8490,"desc":"Division of Pudendal Nerve, Open Approach","gender":"technology"},
{"id":24,"name":"Bigtax","price":6188,"desc":"Reposition Right Carpal with Internal Fixation Device, Percutaneous Endoscopic Approach","gender":"travel"},
{"id":25,"name":"Flowdesk","price":1844,"desc":"Low Dose Rate (LDR) Brachytherapy of Cervix using Other Isotope","gender":"travel"},
{"id":26,"name":"Fintone","price":6655,"desc":"Inspection of Left Ankle Region, Open Approach","gender":"travel"},
{"id":27,"name":"Flexidy","price":3478,"desc":"Release Nasal Turbinate, Open Approach","gender":"technology"},
{"id":28,"name":"Keylex","price":2618,"desc":"Revision of Drainage Device in Coccygeal Joint, Open Approach","gender":"technology"},
{"id":29,"name":"Home Ing","price":9562,"desc":"Bypass Right Ventricle to Abdominal Artery, Percutaneous Endoscopic Approach","gender":"sports"},
{"id":30,"name":"Sonsing","price":1056,"desc":"Release Uterus, Via Natural or Artificial Opening","gender":"sports"},
{"id":31,"name":"Vagram","price":7789,"desc":"Replacement of Lumbar Vertebral Disc with Nonautologous Tissue Substitute, Open Approach","gender":"technology"},
{"id":32,"name":"Zathin","price":4664,"desc":"Revision of Autologous Tissue Substitute in Right Radius, Percutaneous Approach","gender":"travel"},
{"id":33,"name":"Solarbreeze","price":8568,"desc":"Excision of Left Renal Vein, Open Approach","gender":"food"},
{"id":34,"name":"Flowdesk","price":711,"desc":"Revision of Synthetic Substitute in Right Patella, Percutaneous Approach","gender":"sports"},
{"id":35,"name":"Otcom","price":8731,"desc":"Fluoroscopy of Right Vertebral Artery using Other Contrast, Laser Intraoperative","gender":"music"},
{"id":36,"name":"Toughjoyfax","price":4226,"desc":"Coordination/Dexterity Treatment of Musculoskeletal System - Upper Back / Upper Extremity using Orthosis","gender":"food"},
{"id":37,"name":"Bamity","price":8413,"desc":"Occlusion of Urethra, Via Natural or Artificial Opening Endoscopic","gender":"sports"},
{"id":38,"name":"Fixflex","price":3576,"desc":"Removal of Monitoring Device from Right Lung, Via Natural or Artificial Opening Endoscopic","gender":"music"},
{"id":39,"name":"Overhold","price":9079,"desc":"Supplement Right Abdomen Muscle with Nonautologous Tissue Substitute, Open Approach","gender":"music"},
{"id":40,"name":"Pannier","price":6120,"desc":"Reposition Right Renal Vein, Percutaneous Approach","gender":"technology"}]
[{"id":1,"name":"Hatity","price":5112,"desc":"Bypass Jejunum to Cutaneous, Percutaneous Endoscopic Approach","category":"music"},
{"id":2,"name":"Alpha","price":2854,"desc":"Insertion of Infusion Device into Cisterna Chyli, Open Approach","category":"music"},
{"id":3,"name":"Tempsoft","price":1941,"desc":"Fragmentation in Uterus, External Approach","category":"sports"},
{"id":4,"name":"Konklab","price":6787,"desc":"Revision of Drainage Device in Thyroid Gland, Percutaneous Approach","category":"sports"},
{"id":5,"name":"Ventosanzap","price":4795,"desc":"Replacement of Accessory Pancreatic Duct with Synthetic Substitute, Open Approach","category":"sports"},
{"id":6,"name":"Job","price":3813,"desc":"Bypass Left Internal Iliac Artery to Bilateral Femoral Arteries with Autologous Venous Tissue, Percutaneous Endoscopic Approach","category":"sports"},
{"id":7,"name":"Bamity","price":4585,"desc":"Drainage of Hepatic Vein with Drainage Device, Open Approach","category":"sports"},
{"id":8,"name":"Pannier","price":3120,"desc":"Transfer Trochlear Nerve to Olfactory Nerve, Open Approach","category":"food"},
{"id":9,"name":"Quo Lux","price":7362,"desc":"Bypass Coronary Artery, Three Arteries from Left Internal Mammary with Zooplastic Tissue, Open Approach","category":"food"},
{"id":10,"name":"Andalax","price":3148,"desc":"Excision of Right Pleura, Percutaneous Approach, Diagnostic","category":"travel"},
{"id":11,"name":"Tresom","price":4369,"desc":"Fragmentation in Transverse Colon, Percutaneous Endoscopic Approach","category":"music"},
{"id":12,"name":"Fixflex","price":8966,"desc":"Transplantation of Left Hand, Syngeneic, Open Approach","category":"sports"},
{"id":13,"name":"Biodex","price":9181,"desc":"Fragmentation in Right Upper Lobe Bronchus, Percutaneous Endoscopic Approach","category":"sports"},
{"id":14,"name":"Bamity","price":8571,"desc":"Restriction of Left Femoral Artery with Extraluminal Device, Percutaneous Endoscopic Approach","category":"food"},
{"id":15,"name":"Konklab","price":982,"desc":"Fluoroscopy of Left Subclavian Artery using Other Contrast","category":"sports"},
{"id":16,"name":"Transcof","price":5228,"desc":"Insertion of Facet Replacement Spinal Stabilization Device into Thoracolumbar Vertebral Joint, Percutaneous Endoscopic Approach","category":"travel"},
{"id":17,"name":"Overhold","price":8059,"desc":"Release Right Radial Artery, Percutaneous Approach","category":"music"},
{"id":18,"name":"Aerified","price":6400,"desc":"Inspection of Cervicothoracic Vertebral Disc, Percutaneous Approach","category":"music"},
{"id":19,"name":"Zaam-Dox","price":4404,"desc":"Restriction of Left Upper Extremity Lymphatic, Open Approach","category":"sports"},
{"id":20,"name":"Quo Lux","price":2020,"desc":"Bypass Right Popliteal Artery to Lower Extremity Artery with Autologous Venous Tissue, Open Approach","category":"travel"},
{"id":21,"name":"Flexidy","price":4025,"desc":"Revision of Intraluminal Device in Right Ear, Open Approach","category":"music"},
{"id":22,"name":"Otcom","price":8629,"desc":"Dilation of Left External Carotid Artery with Three Intraluminal Devices, Open Approach","category":"technology"},
{"id":23,"name":"Trippledex","price":9876,"desc":"Supplement Left Pulmonary Artery with Nonautologous Tissue Substitute, Percutaneous Approach","category":"music"},
{"id":24,"name":"Ronstring","price":7807,"desc":"Reposition Left Glenoid Cavity, Percutaneous Approach","category":"sports"},
{"id":25,"name":"Domainer","price":1887,"desc":"Resection of Left Upper Arm Muscle, Percutaneous Endoscopic Approach","category":"music"},
{"id":26,"name":"Solarbreeze","price":1730,"desc":"Replacement of Right Eye with Autologous Tissue Substitute, Open Approach","category":"sports"},
{"id":27,"name":"Y-find","price":2175,"desc":"Insertion of Internal Fixation Device into Left Sternoclavicular Joint, Percutaneous Endoscopic Approach","category":"food"},
{"id":28,"name":"Bigtax","price":4816,"desc":"Beam Radiation of Salivary Glands using Neutron Capture","category":"music"},
{"id":29,"name":"Viva","price":8388,"desc":"Dilation of Right Hand Artery, Bifurcation, with Three Intraluminal Devices, Open Approach","category":"travel"},
{"id":30,"name":"Tampflex","price":3733,"desc":"Release Superior Mesenteric Vein, Open Approach","category":"sports"},
{"id":31,"name":"Andalax","price":9942,"desc":"Excision of Right Finger Phalangeal Joint, Open Approach, Diagnostic","category":"sports"},
{"id":32,"name":"Overhold","price":2295,"desc":"Removal of Synthetic Substitute from Thoracolumbar Vertebral Joint, Percutaneous Approach","category":"music"},
{"id":33,"name":"Y-find","price":3758,"desc":"Revision of Synthetic Substitute in Right Toe Phalangeal Joint, Percutaneous Approach","category":"food"},
{"id":34,"name":"Andalax","price":8954,"desc":"Ergonomics and Body Mechanics Assessment using Prosthesis","category":"food"},
{"id":35,"name":"Greenlam","price":8183,"desc":"Drainage of Right Toe Phalangeal Joint, Percutaneous Endoscopic Approach, Diagnostic","category":"music"},
{"id":36,"name":"Stringtough","price":2193,"desc":"Map Basal Ganglia, Percutaneous Endoscopic Approach","category":"food"},
{"id":37,"name":"Vagram","price":5800,"desc":"Imaging, Lymphatic System, Plain Radiography","category":"food"},
{"id":38,"name":"Latlux","price":8649,"desc":"Destruction of Left Auditory Ossicle, Open Approach","category":"music"},
{"id":39,"name":"Kanlam","price":2956,"desc":"Introduction of Other Therapeutic Substance into Products of Conception, Via Natural or Artificial Opening","category":"music"},
{"id":40,"name":"Zaam-Dox","price":7807,"desc":"Reposition Rectum, Via Natural or Artificial Opening Endoscopic","category":"music"}]
Loading…
Cancel
Save