Skip to content

Commit

Permalink
Clean up dashboard cards
Browse files Browse the repository at this point in the history
  • Loading branch information
@AndrewKostka
AndrewKostka committed Nov 18, 2024
1 parent 4af42d7 commit c3f5513
Show file tree
Hide file tree
Showing 6 changed files with 80 additions and 70 deletions.
19 changes: 11 additions & 8 deletions src/components/Pages/ManageWiki/Cards/Delete.vue
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,15 @@
<template>
<v-card class="pa-4" color="#fad1d0">
<p class="text-h5 ma-0">Delete Wikibase Instance</p>
<p class="text-sm-body-2">
Selecting Confirm Deletion will permanently delete the selected Wikibase instance. All data associated <br/>
with this instance will be purged permanently in 30 days. The domain will <strong>not</strong> be available for reuse.
</p>
<v-btn @click="expandDelete = true" color="red" class="text-sm-button white--text">Delete site</v-btn>
<ConfirmDelete v-if="expandDelete" :wiki-id=this.wikiId @close="expandDelete=false"/>
<v-card color="#fad1d0">
<v-card-title>Delete Wikibase Instance</v-card-title>
<v-card-text>
This will permanently delete the selected Wikibase instance.
All data associated with this instance will be purged permanently in 30 days.
The domain will <strong>not</strong> be available for reuse.
</v-card-text>
<v-card-actions>
<v-btn @click="expandDelete = true" color="red" class="text-sm-button white--text">Delete site</v-btn>
<ConfirmDelete v-if="expandDelete" :wiki-id=this.wikiId @close="expandDelete=false"/>
</v-card-actions>
</v-card>
</template>

Expand Down
15 changes: 9 additions & 6 deletions src/components/Pages/ManageWiki/Features/EntityMapping.vue
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<template>
<div>
<v-card elevation="1" class="padding" outlined>
<v-col>
<v-card>
<v-card-title>Mapping Properties to Wikidata</v-card-title>
<v-card-text>
Some tools assume properties with special meanings under certain identifiers.
Expand All @@ -9,30 +10,32 @@
on your Wikibase you can create a mapping between them.
</v-card-text>
<EntityTable
class="padding"
mappingName="Properties"
entityName="Property"
:entityValidation="/^P\d+$/"
:entitiesList="propertiesList"
@setEntityMapping="setPropertiesMapping( $event )"
/>
</v-card>

<div class="space"></div>

<v-card elevation="1" class="padding" outlined>
</v-col>
<v-col>
<v-card>
<v-card-title>Mapping Items to Wikidata</v-card-title>
<v-card-text>
Some tools assume items with special meanings under certain identifiers.
Here, you can map a item on your Wikibase instance to an item on Wikidata.
</v-card-text>
<EntityTable
class="padding"
mappingName="Items"
entityName="Item"
:entityValidation="/^Q\d+$/"
:entitiesList="itemsList"
@setEntityMapping="setItemsMapping( $event )"
/>
</v-card>
</v-col>
</div>
</template>

Expand Down Expand Up @@ -74,6 +77,6 @@ export default {
margin-bottom: 20px;
}
.padding {
padding: 15px;
padding: 0 16px 16px 16px;
}
</style>
4 changes: 2 additions & 2 deletions src/components/Pages/ManageWiki/Features/EntityTable.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@

<v-dialog v-model="dialog" max-width="500px">
<template v-slot:activator="{ on, attrs }">
<v-btn color="primary" dark class="space" v-bind="attrs" v-on="on">
<v-btn class="space" v-bind="attrs" v-on="on">
Add New Mapping
</v-btn>
</template>
Expand Down Expand Up @@ -188,6 +188,6 @@ export default {

<style lang="css" scoped>
.space {
margin: 20px;
margin-top: 24px;
}
</style>
88 changes: 45 additions & 43 deletions src/components/Pages/ManageWiki/Features/Lexeme.vue
View file
Original file line number Diff line number Diff line change
@@ -1,52 +1,54 @@
<template>
<v-form ref="form" v-model="valid" @submit="handleSubmit" id="formLexeme">
<v-card elevation="1" class="padding" outlined>
<v-card-title>Lexeme</v-card-title>
<v-card-text>
Lexeme allows modeling of lexical entities such as words and phrases.<br>
<span v-if="isEnabled">If you turn this off, and confirm the warning, lexeme entities used on your wikibase will no longer be accessible, but will still appear as broken pages. You may want to delete all of your lexeme entities first.</span>
</v-card-text>
<v-card-actions>
<v-btn @click="showModal" color="red" v-if="isEnabled">Disable Lexeme</v-btn>
<v-btn v-else type="submit">Enable Lexeme</v-btn>
</v-card-actions>
</v-card>
<v-dialog v-model="dialog" width="500" v-if="dialog">
<v-card>
<v-toolbar flat dark color="primary">
<v-toolbar-title>Change Lexeme settings</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon dark @click="hideModal">
<v-icon>mdi-close</v-icon>
</v-btn>
</v-toolbar>
<br />
<v-card-text>
<span v-if="isEnabled">If you turn this off, and confirm the warning, lexeme entities used on your wikibase will no longer be accessible, but will still appear as broken pages. You may want to delete all of your lexeme entities first.</span>
</v-card-text>
<v-col>
<v-form ref="form" v-model="valid" @submit="handleSubmit" id="formLexeme">
<v-card class="padding">
<v-card-title>Lexeme</v-card-title>
<v-card-text>
<v-text-field
:label="`Please type ${userConfirmationString} to confirm`"
:rules="[rules.match]"
> {</v-text-field>
Lexeme allows modeling of lexical entities such as words and phrases.<br>
<span v-if="isEnabled">If you turn this off, and confirm the warning, lexeme entities used on your wikibase will no longer be accessible, but will still appear as broken pages. You may want to delete all of your lexeme entities first.</span>
</v-card-text>
<v-divider>
}</v-divider>

<v-card-actions>
<v-spacer></v-spacer>
<v-tooltip top>
<template v-slot:activator="{ on, attrs }">
<v-btn v-bind="attrs" v-on="on" color="primary" type="submit" form="formLexeme">
I understand
</v-btn>
</template>
<span>It may take up to 10 seconds for changes to be reflected on your wiki</span>
</v-tooltip>
<v-btn @click="showModal" color="red" class="white--text" v-if="isEnabled">Disable Lexeme</v-btn>
<v-btn v-else type="submit">Enable Lexeme</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</v-form>
<v-dialog v-model="dialog" width="500" v-if="dialog">
<v-card>
<v-toolbar flat dark color="primary">
<v-toolbar-title>Change Lexeme settings</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon dark @click="hideModal">
<v-icon>mdi-close</v-icon>
</v-btn>
</v-toolbar>
<br />
<v-card-text>
<span v-if="isEnabled">If you turn this off, and confirm the warning, lexeme entities used on your wikibase will no longer be accessible, but will still appear as broken pages. You may want to delete all of your lexeme entities first.</span>
</v-card-text>
<v-card-text>
<v-text-field
:label="`Please type ${userConfirmationString} to confirm`"
:rules="[rules.match]"
> {</v-text-field>
</v-card-text>
<v-divider>
}</v-divider>

<v-card-actions>
<v-spacer></v-spacer>
<v-tooltip top>
<template v-slot:activator="{ on, attrs }">
<v-btn v-bind="attrs" v-on="on" color="primary" type="submit" form="formLexeme">
I understand
</v-btn>
</template>
<span>It may take up to 10 seconds for changes to be reflected on your wiki</span>
</v-tooltip>
</v-card-actions>
</v-card>
</v-dialog>
</v-form>
</v-col>
</template>

<script>
Expand Down
15 changes: 13 additions & 2 deletions src/components/Pages/ManageWiki/TabSettings.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div>
<div class="tab-container">
<div v-if="isReady">
<v-tabs v-model="tab">
<v-tab>Wiki Settings</v-tab>
Expand Down Expand Up @@ -49,5 +49,16 @@ export default {
</script>

<style scoped>
.tab-container >>> .col {
max-width: 740px;
padding: 12px;
}
.tab-container >>> .v-card {
min-width: 288px;
}
.tab-container >>> .v-card__actions {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
</style>
9 changes: 0 additions & 9 deletions src/components/Pages/ManageWiki/Tabs/ManageFeatures.vue
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
<template>
<v-main>
<div class="space"></div>
<EntityMapping :wikiId="wikiId"/>
<div class="space"></div>
<Lexeme :wikiId="wikiId" />
</v-main>
</template>
Expand All @@ -25,10 +23,3 @@ export default {
}
}
</script>

<style scoped>
.space {
margin-top: 20px;
margin-bottom: 20px;
}
</style>

0 comments on commit c3f5513

Please sign in to comment.