Browse Source

Added some elementary Vue constructs

kb/add-usage-guide
Matthew Aaron Raymer 2 years ago
parent
commit
f5a2d71ed3
  1. 4
      src/views/AccountViewView.vue
  2. 2
      src/views/ImportAccountView.vue
  3. 25
      src/views/NewEditProjectView.vue

4
src/views/AccountViewView.vue

@ -222,9 +222,6 @@ export default class AccountViewView extends Vue {
}); });
} }
useAppStore().setCondition("registered"); useAppStore().setCondition("registered");
//appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... created new ID..."}))
//appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... stored new ID..."}))
} catch (err) { } catch (err) {
console.log("Error!"); console.log("Error!");
console.log(err); console.log(err);
@ -236,7 +233,6 @@ export default class AccountViewView extends Vue {
console.log("Problem! Should have a profile!"); console.log("Problem! Should have a profile!");
} else { } else {
const accounts = await db.accounts.toArray(); const accounts = await db.accounts.toArray();
console.log(accounts[0]);
const identity = JSON.parse(accounts[0].identity); const identity = JSON.parse(accounts[0].identity);
this.address = identity.did; this.address = identity.did;
this.publicHex = identity.keys[0].publicKeyHex; this.publicHex = identity.keys[0].publicKeyHex;

2
src/views/ImportAccountView.vue

@ -79,8 +79,6 @@ export default class ImportAccountView extends Vue {
this.UPORT_ROOT_DERIVATION_PATH this.UPORT_ROOT_DERIVATION_PATH
); );
console.log(newId);
try { try {
await db.open(); await db.open();
const num_accounts = await db.accounts.count(); const num_accounts = await db.accounts.count();

25
src/views/NewEditProjectView.vue

@ -16,7 +16,6 @@
</div> </div>
<!-- Project Details --> <!-- Project Details -->
<form>
<!-- Image - (see design model) Empty --> <!-- Image - (see design model) Empty -->
<!-- Image - Populated --> <!-- Image - Populated -->
@ -40,31 +39,34 @@
type="text" type="text"
placeholder="Project Name" placeholder="Project Name"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2" class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
v-modal="projectName"
/> />
<textarea <textarea
placeholder="Description" placeholder="Description"
class="block w-full rounded border border-slate-400 mb-4 px-3 py-2" class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
rows="5" rows="5"
v-model="description"
></textarea> ></textarea>
<div class="text-xs text-slate-500 italic -mt-3 mb-4"> <div class="text-xs text-slate-500 italic -mt-3 mb-4">
88/500 max. characters 88/500 max. characters
</div> </div>
<div class="mt-8"> <div class="mt-8">
<input <button
type="submit"
class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
value="Save Project" @click="onSaveProjectClick()"
/> >
Save Project
</button>
<button <button
type="button" type="button"
class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
@click="onCancelClick()"
> >
Cancel Cancel
</button> </button>
</div> </div>
</form>
</section> </section>
</template> </template>
@ -74,5 +76,14 @@ import { Options, Vue } from "vue-class-component";
@Options({ @Options({
components: {}, components: {},
}) })
export default class NewEditProjectView extends Vue {} export default class NewEditProjectView extends Vue {
projectName = "";
description = "";
public async onSaveProjectClick() {
console.log("Placeholder");
}
public onCancelClick() {
this.$router.back();
}
}
</script> </script>

Loading…
Cancel
Save