Browse Source

TypeScript classes added

kb/add-usage-guide
Matthew Aaron Raymer 2 years ago
parent
commit
acbf1b062b
  1. 10
      src/views/AboutView.vue
  2. 10
      src/views/AccountViewView.vue
  3. 10
      src/views/ConfirmContactView.vue
  4. 10
      src/views/ContactScanView.vue
  5. 10
      src/views/DiscoverView.vue
  6. 10
      src/views/ImportAccountView.vue
  7. 11
      src/views/NewEditAccountView.vue
  8. 10
      src/views/NewEditCommitmentView.vue
  9. 10
      src/views/NewEditProjectView.vue
  10. 10
      src/views/ProjectViewView.vue
  11. 26
      src/views/StartView.vue

10
src/views/AboutView.vue

@ -3,3 +3,13 @@
<h1>This is an about page</h1>
</div>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class AboutView extends Vue {}
</script>

10
src/views/AccountViewView.vue

@ -73,3 +73,13 @@
</dialog>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class AccountViewView extends Vue {}
</script>

10
src/views/ConfirmContactView.vue

@ -31,3 +31,13 @@
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class ConfirmContactView extends Vue {}
</script>

10
src/views/ContactScanView.vue

@ -48,3 +48,13 @@
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class ContactScanView extends Vue {}
</script>

10
src/views/DiscoverView.vue

@ -84,3 +84,13 @@
</ul>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class DiscoverView extends Vue {}
</script>

10
src/views/ImportAccountView.vue

@ -19,3 +19,13 @@
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class ImportAccountView extends Vue {}
</script>

11
src/views/NewEditAccountView.vue

@ -15,9 +15,18 @@
<div class="mt-8">
<button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Save Changes</button>
<!-- SHOW ME instead while processing saving changes -->
<!-- <button type="button" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">Processing&hellip; <i class="fa-solid fa-spinner fa-spin-pulse" disabled></i></button> -->
<button type="button" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Cancel</button>
</div>
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class NewEditAccountView extends Vue {}
</script>

10
src/views/NewEditCommitmentView.vue

@ -37,3 +37,13 @@
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class NewEditCommitmentView extends Vue {}
</script>

10
src/views/NewEditProjectView.vue

@ -36,3 +36,13 @@
</form>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class NewEditProjectView extends Vue {}
</script>

10
src/views/ProjectViewView.vue

@ -73,3 +73,13 @@
</div>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class ProjectViewView extends Vue {}
</script>

26
src/views/StartView.vue

@ -1,8 +1,5 @@
<template>
<section
id="Content"
class="p-6 pb-24 min-h-screen flex flex-col justify-center"
>
<section id="Content" class="p-6 pb-24 min-h-screen flex flex-col justify-center">
<!-- Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">
Start Here
@ -12,16 +9,19 @@
<p class="text-center text-xl mb-4 font-light">
Do you already have an identity to import?
</p>
<a
href="account-edit.html"
class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
>No</a
>
<a
href="account-import.html"
class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
>Yes</a
<a href="account-edit.html" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2">No</a>
<a href="account-import.html" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Yes</a
>
</div>
</section>
</template>
<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({
components: {
},
})
export default class StartView extends Vue {}
</script>

Loading…
Cancel
Save