-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update texts and styles and add scan object for engineers (#6)
* chore: add an extra informative text * chore: update medical texts and styles * chore: update science texts and styles * feat: add scan object for engineers, remove extra butra buttons * chore: remove console.logs
- Loading branch information
Showing
9 changed files
with
198 additions
and
32 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
| <!-- Engineering version of MedicalDiagnosis.vue --> | ||
| <template> | ||
| <v-ons-page @show="show" @hide="hide"> | ||
| <toolbar-top /> | ||
| <div style="text-align: center; margin-top: 50px;"> | ||
| <h1>{{ this.title }}</h1> | ||
| <v-ons-search-input placeholder="Search" v-model="query" v-if="hasInput" @keyup="e => debouncedGetRecords(e.target.value)"></v-ons-search-input> | ||
| <div class="resultTextBox" v-if="state === 'results'"> | ||
| <pre class="pre">{{ resultText }}</pre> | ||
| </div> | ||
| <div v-else-if="state === 'processing'" class="processing"> | ||
| <h2>Processing...</h2> | ||
| <v-ons-progress-bar :value="dataProgress" secondary-value="100"></v-ons-progress-bar> | ||
| <br> | ||
| <v-ons-progress-bar :value="dataProgress1" secondary-value="100"></v-ons-progress-bar> | ||
| <br> | ||
| <v-ons-progress-bar :value="dataProgress2" secondary-value="100"></v-ons-progress-bar> | ||
| </div> | ||
| <div v-else> | ||
| Unknown state | ||
| </div> | ||
| </div> | ||
| </v-ons-page> | ||
| </template> | ||
| <script> | ||
|
|
||
| import { getBlob, patchBlob } from '../blob' | ||
| import { startWatch, cancelWatch, hasNfc } from '../nfc' | ||
| import { debounce, get } from 'lodash-es'; | ||
| import axios from 'axios'; | ||
|
|
||
| export default { | ||
| data() { | ||
| return { | ||
| res: null, | ||
| record: {}, | ||
| id: 0, | ||
| query: '', | ||
| results: [ ], | ||
| resultText: '', | ||
| diagnosis: null, | ||
| title: '', | ||
| tagRegexp: '', | ||
| invalidTagTypeMessage: '', | ||
| tagNotFoundMessage: '', | ||
| hasInput: !hasNfc(), | ||
| scanProgress: 0, | ||
| dataProgress: 0, | ||
| dataProgress1: 0, | ||
| dataProgress2: 0, | ||
| intervalID: 0, | ||
| intervalID1: 0, | ||
| intervalID2: 0, | ||
| state: 'results', | ||
| } | ||
| }, | ||
| methods: { | ||
| async getRecords(message) { | ||
| if (message.match(this.tagRegexp)) { | ||
| const res = await axios.get(`/tag/${message}`).catch(() => { | ||
| this.resultText = this.tagNotFoundMessage; | ||
| }); | ||
| if (res) { | ||
| this.res = res; | ||
| this.analyze(); | ||
| } | ||
| } else { | ||
| this.resultText = this.invalidTagTypeMessage; | ||
| } | ||
| }, | ||
| showRecord() { | ||
| this.resultText = get(this.res, 'data.description', this.tagNotFoundMessage) + '\n\n\nReady to scan another object'; | ||
| this.state = 'results'; | ||
| }, | ||
| async show() { | ||
| await startWatch(this.getRecords); | ||
| }, | ||
| hide() { | ||
| cancelWatch() | ||
| }, | ||
| analyze() { | ||
| this.state = 'processing'; | ||
| this.dataProgress = 0; | ||
| this.dataProgress1 = 0; | ||
| this.dataProgress2 = 0; | ||
| const skillFactor = this.$store.state.user.skillFactor; | ||
| const analyseBaseTime = this.$store.state.user.analyseBaseTime; | ||
| this.intervalID = setInterval(() => { | ||
| if (this.dataProgress === 100) { | ||
| clearInterval(this.intervalID) | ||
| return | ||
| } | ||
| this.dataProgress++ | ||
| }, 1 * analyseBaseTime * skillFactor) | ||
| this.intervalID1 = setInterval(() => { | ||
| if (this.dataProgress1 === 100) { | ||
| clearInterval(this.intervalID1) | ||
| return | ||
| } | ||
| this.dataProgress1++ | ||
| }, 2 * analyseBaseTime * skillFactor) | ||
| this.intervalID2 = setInterval(() => { | ||
| if (this.dataProgress2 === 100) { | ||
| clearInterval(this.intervalID2) | ||
| this.showRecord() | ||
| return | ||
| } | ||
| this.dataProgress2++ | ||
| }, 3 * analyseBaseTime * skillFactor) | ||
| }, | ||
| }, | ||
| created() { | ||
| this.title = 'SCAN OBJECT'; | ||
| this.resultText = 'Ready to scan an object'; | ||
| this.tagRegexp = /^engi:..*/; | ||
| this.tagNotFoundMessage = 'This object is unknown'; | ||
| this.invalidTagTypeMessage = 'This is not recognized as an object\n\nReady to scan an object'; | ||
| this.debouncedGetRecords = debounce(this.getRecords, 700); | ||
| }, | ||
| } | ||
| </script> | ||
| <style scoped> | ||
| .result { | ||
| text-align: center; | ||
| display: inline-block; | ||
| width: 80px; | ||
| height: 80px; | ||
| } | ||
| .pre { | ||
| color: #fff; | ||
| font-family: monospace; | ||
| hyphens: auto; | ||
| white-space: pre-wrap; /* css-3 */ | ||
| white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ | ||
| white-space: -pre-wrap; /* Opera 4-6 */ | ||
| white-space: -o-pre-wrap; /* Opera 7 */ | ||
| word-wrap: break-word; /* Internet Explorer 5.5+ */ | ||
| padding: 0; | ||
| margin: 0; | ||
| } | ||
| .resultTextBox { | ||
| background-color: rgba( 0, 0, 0, 0.4); | ||
| border: 1px solid #333; | ||
| margin: 20px; | ||
| padding: 10px; | ||
| text-align: left; | ||
| } | ||
| ons-list.autocomplete { | ||
| position: absolute; | ||
| width: 100%; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters