Added attribute property viewer, incomplete

app/imports/ui/properties/PropertyViewer.vue

@@ -8,7 +8,11 @@
 </template>
 
 <script>
+import propertyViewerIndex from '/imports/ui/properties/viewers/shared/propertyViewerIndex.js';
 export default {
+	components: {
+		...propertyViewerIndex,
+	},
 	props: {
 		model: {
 			type: Object,

app/imports/ui/properties/viewers/AttributeViewer.vue

@@ -0,0 +1,39 @@
+<template lang="html">
+	<div class="attribute-viewer">
+		<div class="title">
+			{{model.name}}
+		</div>
+		<div class="caption">
+			({{model.variableName}})
+		</div>
+		
+	</div>
+</template>
+
+<script>
+import numberToSignedString from '/imports/ui/utility/numberToSignedString.js';
+
+	export default {
+		props: {
+			model: Object,
+		},
+		methods: {
+			numberToSignedString,
+		},
+	}
+</script>
+
+<style lang="css" scoped>
+	.ability-value {
+		font-weight: 600;
+		font-size: 24px !important;
+		color: rgba(0, 0, 0, 0.54);
+	}
+	.mod, .ability-value {
+		text-align: center;
+		width: 100%;
+	}
+	.attribute-value {
+		text-align: center;
+	}
+</style>

app/imports/ui/properties/viewers/shared/propertyViewerIndex.js

@@ -0,0 +1,37 @@
+//import ActionViewer from '/imports/ui/properties/viewers/ActionViewer.vue';
+import AttributeViewer from '/imports/ui/properties/viewers/AttributeViewer.vue';
+//import BuffViewer from '/imports/ui/properties/viewers/BuffViewer.vue';
+//import ContainerViewer from '/imports/ui/properties/viewers/ContainerViewer.vue';
+//import ClassLevelViewer from '/imports/ui/properties/viewers/ClassLevelViewer.vue';
+//import DamageMultiplierViewer from '/imports/ui/properties/viewers/DamageMultiplierViewer.vue';
+//import EffectViewer from '/imports/ui/properties/viewers/EffectViewer.vue';
+//import ExperienceViewer from '/imports/ui/properties/viewers/ExperienceViewer.vue';
+//import FeatureViewer from '/imports/ui/properties/viewers/FeatureViewer.vue';
+//import FolderViewer from '/imports/ui/properties/viewers/FolderViewer.vue';
+//import ItemViewer from '/imports/ui/properties/viewers/ItemViewer.vue';
+//import NoteViewer from '/imports/ui/properties/viewers/NoteViewer.vue';
+//import ProficiencyViewer from '/imports/ui/properties/viewers/ProficiencyViewer.vue';
+//import RollViewer from '/imports/ui/properties/viewers/RollViewer.vue';
+//import SkillViewer from '/imports/ui/properties/viewers/SkillViewer.vue';
+//import SpellListViewer from '/imports/ui/properties/viewers/SpellListViewer.vue';
+//import SpellViewer from '/imports/ui/properties/viewers/SpellViewer.vue';
+
+export default {
+//  action: ActionViewer,
+  attribute: AttributeViewer,
+//  buff: BuffViewer,
+//  container: ContainerViewer,
+//  classLevel: ClassLevelViewer,
+//  damageMultiplier: DamageMultiplierViewer,
+//  experience:ExperienceViewer,
+//  effect: EffectViewer,
+//  feature: FeatureViewer,
+//  folder: FolderViewer,
+//  item: ItemViewer,
+//  note: NoteViewer,
+//  proficiency: ProficiencyViewer,
+//  roll: RollViewer,
+//  skill: SkillViewer,
+//  spellList: SpellListViewer,
+//  spell: SpellViewer,
+};