Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Respond to duke feedback #17

Merged
merged 15 commits into from
Aug 14, 2024
Merged
Show file tree
Hide file tree
Changes from 9 commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,12 @@
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Geoconnex Registration Service" />
<meta name="twitter:image" content="static/img/logo-geoconnex.png" />
<style>
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="app"></div>
Expand Down
65 changes: 53 additions & 12 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,8 @@
},
"dependencies": {
"@types/papaparse": "^5.3.14",
"marked": "^13.0.1",
"papaparse": "^5.4.1",
"pinia": "^2.2.1",
"vue": "^3.4.29",
"vue-router": "^4.3.3",
"vuetify": "^3.6.10"
Expand Down
28 changes: 18 additions & 10 deletions src/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,29 @@
import UploadForm from './components/UploadForm.vue'
import PageHeader from './components/PageHeader.vue'
import PageFooter from './components/PageFooter.vue'
import ContributionInfo from './components/ContributionInfo.vue'
import '@mdi/font/css/materialdesignicons.css'
</script>

<template>
<PageHeader />
<h1>Register Persistant Identifiers for Geoconnex</h1>
<UploadForm />
<ContributionInfo />
<PageFooter />
<v-app class="pa-0 ma-0">
<PageHeader />
<h1 class="text-center">Register Persistent Identifiers for Geoconnex</h1>
<UploadForm />
<PageFooter />
</v-app>
</template>

<style scoped>
h1 {
text-align: center;
color: #1b335f;
<style>
/* Default light mode background color */
body {
margin: 0;
background-color: white;
}

/* Dark mode background color */
@media (prefers-color-scheme: dark) {
body {
background-color: #121212;
}
}
</style>
77 changes: 77 additions & 0 deletions src/components/CSVReference.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<template>
<v-expansion-panels class="contribution-button mb-5" v-model="activePanel">
<v-expansion-panel title="CSV Formatting Reference" value="1">
<v-expansion-panel-text class="expansion-panel">
<v-card-text class="markdown-card-text text-center pa-0 ma-0">
<br />
<i class="pa-12"
>Ensure your identifiers are well-documented and all info is up-to-date to so that
Geoconnex administrators can follow up with you if there are any issues.</i
>
<br />
<br />
<p class="text-center mb-4">The 4 columns required in your CSV mapping should be:</p>

<div class="d-flex mx-4 px-4">
<p>
<b><code>id </code></b> <br />
<i
>The ID within geoconnex that your data should map to. These are unique, will
redirect to the associated target, and are meant for individual monitoring
locations.
</i>
</p>
<p>
<b><code>target </code></b> <br />
<i>The URL pointing to a JSON-LD landing page for a single feature in your data.</i>
</p>
<p>
<b><code>creator </code></b> <br />
<i>A contact email for someone associated with the data</i>
</p>
<p>
<b><code>description </code></b> <br />
<i>A description of your data.</i>
</p>
</div>

<br />
<v-btn
class="flex ma-2"
target="_blank"
append-icon="mdi-open-in-new"
href="https://github.com/internetofwater/geoconnex.us/blob/master/namespaces/iow/demo.csv"
>1:1 example</v-btn
>
<v-btn
target="_blank"
variant="text"
append-icon="mdi-open-in-new"
href="https://github.com/internetofwater/geoconnex.us/blob/master/namespaces/usgs/monitoring-location/monitoring-location.csv"
>1:N example</v-btn
>
<br />
For more detailed info regarding the format of your CSV, see the
<a href="https://docs.geoconnex.us/reference/data-formats/csv-submissions/">
CSV formatting documentation</a
>
</v-card-text>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
name: 'CSVReference',

data() {
return {
// auto open the first panel
activePanel: '1'
}
}
})
</script>
96 changes: 0 additions & 96 deletions src/components/ContributionInfo.vue

This file was deleted.

48 changes: 48 additions & 0 deletions src/components/GeoconnexBackground.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<template>
<p class="text-center pa-4">
The <a href="https://geoconnex.us">geoconnex.us</a> project provides technical infrastructure
and guidance for creating an open, community-contribution model for a knowledge graph linking
hydrologic features in the United States, published in accordance with Spatial Data on the Web
best practices as an implementation of Internet of Water principles.
</p>

<p class="text-center pa-4">
This website allows users to create Geoconnex linkages to their own water data. Submit a CSV
file to register persistent URL-formatted identifiers for your organization's monitoring
locations within a namespace. The features you link to must already exist online and have their
own web page.
</p>
<v-alert color="info" class="mb-2" icon="$info" variant="flat" title="Additional details ">
For more details, the
<a href="https://docs.geoconnex.us/">geoconnex documentation</a> provides a general overview of
geoconnex and a tutorial for how to:
<ol>
<li>
1.
<a href="https://docs.geoconnex.us/contributing/step-1/idscheme"> Prepare your data</a>
with the proper metadata context
</li>
<li>
2. Host your data, if you have not done so already, with
<a href="https://docs.geoconnex.us/contributing/step-2/">individual web pages</a>
that can be linked to as the "target" column in your uploaded CSV
</li>
<li>
3.<a href="https://docs.geoconnex.us/contributing/step-3/minting"> Submit your CSV data</a>,
either here or Github, after checking it is
<a href="https://docs.geoconnex.us/reference/data-formats/csv-submissions/">
properly formatted</a
>
</li>
</ol>
</v-alert>
</template>

<style scoped>

/* remove highlighting for visited link */
a:visited {
color: inherit;
}

</style>
Loading