diff --git a/src/assets/icons/image.svg b/src/assets/icons/image.svg new file mode 100644 index 0000000..4a1bc0b --- /dev/null +++ b/src/assets/icons/image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/videocam.svg b/src/assets/icons/videocam.svg new file mode 100644 index 0000000..c6148ad --- /dev/null +++ b/src/assets/icons/videocam.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/visibility.svg b/src/assets/icons/visibility.svg new file mode 100644 index 0000000..85a29bf --- /dev/null +++ b/src/assets/icons/visibility.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/regions/abdpel.svg b/src/assets/regions/abdpel.svg index 9cb271f..6002647 100644 --- a/src/assets/regions/abdpel.svg +++ b/src/assets/regions/abdpel.svg @@ -1,56 +1,8 @@ - + - - - - - - - - + + + + + diff --git a/src/assets/regions/headneck.svg b/src/assets/regions/headneck.svg index 2276baf..94f743e 100644 --- a/src/assets/regions/headneck.svg +++ b/src/assets/regions/headneck.svg @@ -1,56 +1,8 @@ - + - - - - - - - - + + + + + diff --git a/src/assets/regions/limb.svg b/src/assets/regions/limb.svg index bc70713..ea8752c 100644 --- a/src/assets/regions/limb.svg +++ b/src/assets/regions/limb.svg @@ -1,61 +1,9 @@ - + - - - - - - - - - + + + + + + diff --git a/src/assets/regions/thorax.svg b/src/assets/regions/thorax.svg index eb74ada..db1943c 100644 --- a/src/assets/regions/thorax.svg +++ b/src/assets/regions/thorax.svg @@ -1,100 +1,8 @@ - + - - - - - - - - - + + + + + diff --git a/src/components/app.vue b/src/components/app.vue index 1da5ca6..4a2e7ea 100644 --- a/src/components/app.vue +++ b/src/components/app.vue @@ -6,7 +6,10 @@ - Menu Settings Here + + Settings + About ALVINN + @@ -15,20 +18,22 @@ - - - - - - Close - - - -

Popup content goes here.

- - - - + + + + + + + + + + + + + + + + @@ -76,6 +81,10 @@ navbar: { mdCenterTitle: true, iosCenterTitle: true, + }, + // Dialog settings + dialog: { + title: 'ALVINN' } }; onMounted(() => { diff --git a/src/css/app.css b/src/css/app.css index fca73a9..8e73f1e 100644 --- a/src/css/app.css +++ b/src/css/app.css @@ -3,4 +3,17 @@ height: 100vh; } -/* Your app custom styles here */ \ No newline at end of file +/* Your app custom styles here */ +.view-main { + --f7-theme-color: #002F65; +} + + +.navbar { + --f7-navbar-text-color: #002F65; + --f7-navbar-link-color: #002F65; +} + +.navbar-bg { + --f7-navbar-bg-color: #BDBCAF; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index a90cf8a..f8ababe 100644 --- a/src/index.html +++ b/src/index.html @@ -10,7 +10,7 @@ * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this: * Enable inline JS: add 'unsafe-inline' to default-src --> - + diff --git a/src/js/routes.js b/src/js/routes.js index 3364fe8..4898bf6 100644 --- a/src/js/routes.js +++ b/src/js/routes.js @@ -1,9 +1,9 @@ import HomePage from '../pages/home.vue'; import AboutPage from '../pages/about.vue'; +import DetectPage from '../pages/detect.vue'; import DynamicRoutePage from '../pages/dynamic-route.vue'; -import RequestAndLoad from '../pages/request-and-load.vue'; import NotFoundPage from '../pages/404.vue'; var routes = [ @@ -15,59 +15,16 @@ var routes = [ path: '/about/', component: AboutPage, }, + { + path: '/detect/:region/', + component: DetectPage, + }, { path: '/dynamic-route/blog/:blogId/post/:postId/', component: DynamicRoutePage, }, - { - path: '/request-and-load/user/:userId/', - async: function ({ router, to, resolve }) { - // App instance - var app = router.app; - - // Show Preloader - app.preloader.show(); - - // User ID from request - var userId = to.params.userId; - - // Simulate Ajax Request - setTimeout(function () { - // We got user data from request - var user = { - firstName: 'Vladimir', - lastName: 'Kharlampidi', - about: 'Hello, i am creator of Framework7! Hope you like it!', - links: [ - { - title: 'Framework7 Website', - url: 'http://framework7.io', - }, - { - title: 'Framework7 Forum', - url: 'http://forum.framework7.io', - }, - ] - }; - // Hide Preloader - app.preloader.hide(); - - // Resolve route to load page - resolve( - { - component: RequestAndLoad, - }, - { - props: { - user: user, - } - } - ); - }, 1000); - }, - }, { path: '(.*)', component: NotFoundPage, diff --git a/src/pages/about.vue b/src/pages/about.vue index 4a7068d..6ecf0a1 100644 --- a/src/pages/about.vue +++ b/src/pages/about.vue @@ -1,22 +1,21 @@ \ No newline at end of file diff --git a/src/pages/request-and-load.vue b/src/pages/request-and-load.vue deleted file mode 100644 index 1455026..0000000 --- a/src/pages/request-and-load.vue +++ /dev/null @@ -1,25 +0,0 @@ - - diff --git a/src/pages/testData.js b/src/pages/testData.js new file mode 100644 index 0000000..4d332b6 --- /dev/null +++ b/src/pages/testData.js @@ -0,0 +1,55 @@ +export default { + testData: { + "id": "manual", + "detections": [ + { + "top": 0.5543267130851746, + "left": 0.514180064201355, + "bottom": 0.7492024302482605, + "right": 0.5877177715301514, + "label": "Lung, Right", + "confidence": 91.04458093643188 + }, + { + "top": 0.24095627665519714, + "left": 0.5838792324066162, + "bottom": 0.9880742430686951, + "right": 0.8479938507080078, + "label": "Diaphragm", + "confidence": 88.7181043624878 + }, + { + "top": 0.3355500102043152, + "left": 0.3559962809085846, + "bottom": 0.4628722071647644, + "right": 0.6606560349464417, + "label": "Aorta", + "confidence": 85.63258051872253 + }, + { + "top": 0.46723803877830505, + "left": 0.28829023241996765, + "bottom": 0.8604505658149719, + "right": 0.5213174819946289, + "label": "Heart", + "confidence": 85.21404266357422 + }, + { + "top": 0.428698867559433, + "left": 0.1482502520084381, + "bottom": 0.5519284009933472, + "right": 0.5934896469116211, + "label": "Phrenic nerve", + "confidence": 81.82616829872131 + }, + { + "top": 0.4919853210449219, + "left": 0.4810255169868469, + "bottom": 0.5394672155380249, + "right": 0.5925238728523254, + "label": "Vena Cava, Caudal", + "confidence": 75.55835843086243 + } + ] + } +} \ No newline at end of file