-
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.
- Loading branch information
1 parent
05dd60c
commit 57c836a
Showing
1 changed file
with
98 additions
and
75 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,112 +1,135 @@ | ||
| <template> | ||
| <div> | ||
| <ReportModal/> | ||
| <ReportModal /> | ||
| <v-container fluid id="home"> | ||
| <v-layout row wrap > | ||
| <v-flex md12 fill-height> | ||
| <MoreInfo/> | ||
| </v-flex> <!-- table --> | ||
| </v-layout> <!-- map-table row--> | ||
| <v-layout row wrap> | ||
| <v-flex md12> | ||
| <v-alert | ||
| :value="true" | ||
| dismissible | ||
| color="yellow darken-3" | ||
| type="warning" | ||
| > | ||
| ALeRCE SN Hunter will be updated on March 26 (changes in model predictions). The beta version is | ||
| in | ||
| <a href="http://dev.snhunter.alerce.online/">http://dev.snhunter.alerce.online/</a> | ||
| </v-alert> | ||
| </v-flex> | ||
| <v-flex md12 fill-height> | ||
| <MoreInfo /> | ||
| </v-flex> | ||
| <!-- table --> | ||
| </v-layout> | ||
| <!-- map-table row--> | ||
|
|
||
| <v-layout row wrap> | ||
| <v-flex md7 fill-height> | ||
| <Celestial/> | ||
| <Celestial /> | ||
| <div class="text-xs-center"> | ||
| <v-btn id="quickStartBtn" @click="startTour()" dark color="primary" :disabled="quickStart"> | ||
| <v-btn | ||
| id="quickStartBtn" | ||
| @click="startTour()" | ||
| dark | ||
| color="primary" | ||
| :disabled="quickStart" | ||
| > | ||
| <v-icon>play_for_work</v-icon> | ||
| Quick Start | ||
| </v-btn> | ||
| </div> | ||
|
|
||
| </v-flex> <!-- table --> | ||
| </v-flex> | ||
| <!-- table --> | ||
| <v-flex id="table" md5 fill-height> | ||
| <Table/> | ||
| </v-flex> <!-- table --> | ||
| </v-layout> <!-- map-table row--> | ||
| <Table /> | ||
| </v-flex> | ||
| <!-- table --> | ||
| </v-layout> | ||
| <!-- map-table row--> | ||
|
|
||
| <v-tour name="quickStart" :action="clickStep" :steps="steps"></v-tour> | ||
| </v-container> <!-- contianer --> | ||
| </v-container> | ||
| <!-- contianer --> | ||
| </div> | ||
| </template> | ||
|
|
||
| <script> | ||
| import Table from '../components/Table' | ||
| import Celestial from '../components/Celestial' | ||
| import MoreInfo from '../components/MoreInfo' | ||
| import ReportModal from '../components/ReportModal' | ||
| import Table from "../components/Table"; | ||
| import Celestial from "../components/Celestial"; | ||
| import MoreInfo from "../components/MoreInfo"; | ||
| import ReportModal from "../components/ReportModal"; | ||
| export default { | ||
| name: 'Home', | ||
| name: "Home", | ||
| components: { | ||
| Table, | ||
| Celestial, | ||
| MoreInfo, | ||
| ReportModal | ||
| ReportModal, | ||
| }, | ||
| data () { | ||
| data() { | ||
| return { | ||
| steps: [ | ||
| { | ||
| target: '#sneCandidates', | ||
| content: 'Here are the top 100 SN Candidates.' | ||
| }, | ||
| { | ||
| target: '#celestialDiv', | ||
| content: 'All the candidate are also showed in the map, to get the spatial distribution of candidates.' | ||
| }, | ||
| { | ||
| target: 'tr td', | ||
| content: 'This is the ZTF Object id for the candidate' | ||
| }, | ||
| { | ||
| target: 'tr td:nth-of-type(2)', | ||
| content: 'The discovery date of the object' | ||
| }, | ||
| { | ||
| target: 'tr td:nth-of-type(3)', | ||
| content: 'The probability given by the model' | ||
| }, | ||
| { | ||
| target: 'tr td:nth-of-type(4)', | ||
| content: 'Number of detections of the object', | ||
| { | ||
| target: "#sneCandidates", | ||
| content: "Here are the top 100 SN Candidates.", | ||
| }, | ||
| { | ||
| target: "#celestialDiv", | ||
| content: | ||
| "All the candidate are also showed in the map, to get the spatial distribution of candidates.", | ||
| }, | ||
| { | ||
| target: "tr td", | ||
| content: "This is the ZTF Object id for the candidate", | ||
| }, | ||
| { | ||
| target: "tr td:nth-of-type(2)", | ||
| content: "The discovery date of the object", | ||
| }, | ||
| { | ||
| target: "tr td:nth-of-type(3)", | ||
| content: "The probability given by the model", | ||
| }, | ||
| { | ||
| target: "tr td:nth-of-type(4)", | ||
| content: "Number of detections of the object", | ||
| }, | ||
| { | ||
| target: "table", | ||
| content: "Clicking on a candidate will show more information", | ||
| }, | ||
| { | ||
| target: "#moreInfoDiv", | ||
| content: | ||
| '<p>Here is shown relevant information about the candidate. Some positional, photometric, images and links to useful resources</p><p>For more information check the <a href="faq"> FAQ </a> section.</p>', | ||
| params: { | ||
| placement: "bot", | ||
| }, | ||
| { | ||
| target: 'table', | ||
| content: 'Clicking on a candidate will show more information', | ||
| }, | ||
| { | ||
| target: '#moreInfoDiv', | ||
| content: '<p>Here is shown relevant information about the candidate. Some positional, photometric, images and links to useful resources</p><p>For more information check the <a href="faq"> FAQ </a> section.</p>', | ||
| params:{ | ||
| placement: 'bot' | ||
| } | ||
| } | ||
| ], | ||
| tours: null | ||
| } | ||
| }, | ||
| ], | ||
| tours: null, | ||
| }; | ||
| }, | ||
| computed: { | ||
| quickStart: function(){ | ||
| return false; | ||
| quickStart: function () { | ||
| return false; | ||
| }, | ||
| clickStep: function(){ | ||
| if(this.tours){ | ||
| if(this.$tours['quickStart'].currentStep == 6){ | ||
| this.clickRow() | ||
| clickStep: function () { | ||
| if (this.tours) { | ||
| if (this.$tours["quickStart"].currentStep == 6) { | ||
| this.clickRow(); | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| }, | ||
| methods:{ | ||
| startTour(){ | ||
| this.tours = this.$tours | ||
| this.$tours['quickStart'].start(); | ||
| methods: { | ||
| startTour() { | ||
| this.tours = this.$tours; | ||
| this.$tours["quickStart"].start(); | ||
| }, | ||
| clickRow(){ | ||
| clickRow() { | ||
| $("#sneCandidates tr:nth-of-type(1)").click(); | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| }, | ||
| }; | ||
| </script> |