Nanopub 1 content
', + contributor: 'http://example.org/user1' + }, + { + '@id': 'http://example.org/nanopub2', + body: 'Nanopub 2 content
', + contributor: 'http://example.org/user2' + } + ]; + + const mockUser = { + uri: 'http://example.org/user1', + admin: false + }; + + beforeEach(() => { + nanopubModule.listNanopubs.mockResolvedValue(mockNanopubs); + nanopubModule.describeNanopub.mockResolvedValue({}); + nanopubModule.postNewNanopub.mockResolvedValue({}); + nanopubModule.deleteNanopub.mockResolvedValue({}); + }); + + afterEach(() => { + jest.clearAllMocks(); + if (wrapper) { + wrapper.destroy(); + } + }); + + it('renders without crashing', () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + expect(wrapper.exists()).toBe(true); + }); + + it('loads nanopubs on mount', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + await wrapper.vm.$nextTick(); + await new Promise(resolve => setTimeout(resolve, 0)); + + expect(nanopubModule.listNanopubs).toHaveBeenCalledWith('http://example.org/resource1'); + expect(wrapper.vm.nanopubs).toEqual(mockNanopubs); + }); + + it('shows loading state while loading', () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + wrapper.setData({ loading: true }); + expect(wrapper.find('.loading').exists()).toBe(true); + }); + + it('shows error state on load failure', async () => { + const error = new Error('Load failed'); + nanopubModule.listNanopubs.mockRejectedValue(error); + + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + await wrapper.vm.$nextTick(); + await new Promise(resolve => setTimeout(resolve, 0)); + + expect(wrapper.find('.error').exists()).toBe(true); + expect(wrapper.vm.error).toContain('Failed to load'); + }); + + it('determines if user can edit nanopub', () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const ownNanopub = { contributor: 'http://example.org/user1' }; + const otherNanopub = { contributor: 'http://example.org/user2' }; + + expect(wrapper.vm.canEdit(ownNanopub)).toBe(true); + expect(wrapper.vm.canEdit(otherNanopub)).toBe(false); + }); + + it('allows admin to edit any nanopub', () => { + const adminUser = { uri: 'http://example.org/admin', admin: 'True' }; + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: adminUser + } + }); + + const anyNanopub = { contributor: 'http://example.org/user2' }; + expect(wrapper.vm.canEdit(anyNanopub)).toBe(true); + }); + + it('disallows edit when user has no uri', () => { + const noUriUser = { admin: false }; + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: noUriUser + } + }); + + const nanopub = { contributor: 'http://example.org/user1' }; + expect(wrapper.vm.canEdit(nanopub)).toBe(false); + }); + + it('enters edit mode for nanopub', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const nanopub = { '@id': 'http://example.org/nanopub1', editing: false }; + await wrapper.vm.editNanopub(nanopub); + + expect(nanopubModule.describeNanopub).toHaveBeenCalledWith('http://example.org/nanopub1'); + expect(nanopub.editing).toBe(true); + }); + + it('handles save nanopub', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const nanopub = { '@id': 'http://example.org/nanopub1', resource: {} }; + await wrapper.vm.handleSaveNanopub(nanopub); + + expect(nanopubModule.postNewNanopub).toHaveBeenCalledWith(nanopub.resource, nanopub['@context']); + expect(nanopubModule.listNanopubs).toHaveBeenCalled(); + }); + + it('handles create nanopub', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const nanopub = { '@id': null, resource: {} }; + await wrapper.vm.handleCreateNanopub(nanopub); + + expect(nanopubModule.postNewNanopub).toHaveBeenCalledWith(nanopub.resource, nanopub['@context']); + expect(nanopubModule.listNanopubs).toHaveBeenCalled(); + }); + + it('shows delete confirmation modal', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const nanopub = { '@id': 'http://example.org/nanopub1' }; + wrapper.vm.deleteNanopub(nanopub); + await wrapper.vm.$nextTick(); + + expect(wrapper.vm.toDelete).toBe(nanopub); + }); + + it('can cancel delete', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + wrapper.setData({ toDelete: { '@id': 'http://example.org/nanopub1' } }); + await wrapper.vm.$nextTick(); + wrapper.vm.cancelDelete(); + + expect(wrapper.vm.toDelete).toBe(null); + }); + + it('confirms and deletes nanopub', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const nanopub = { '@id': 'http://example.org/nanopub1' }; + wrapper.setData({ toDelete: nanopub }); + + await wrapper.vm.confirmDelete(); + + expect(nanopubModule.deleteNanopub).toHaveBeenCalledWith('http://example.org/nanopub1'); + expect(wrapper.vm.toDelete).toBe(null); + expect(nanopubModule.listNanopubs).toHaveBeenCalled(); + }); + + it('hides new nanopub form when disabled', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser, + disableNanopubing: true + } + }); + + await wrapper.vm.$nextTick(); + await new Promise(resolve => setTimeout(resolve, 0)); + expect(wrapper.vm.disableNanopubing).toBe(true); + }); + + it('shows new nanopub form when not disabled', async () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser, + disableNanopubing: false + } + }); + + await wrapper.vm.$nextTick(); + await new Promise(resolve => setTimeout(resolve, 0)); + expect(wrapper.vm.disableNanopubing).toBe(false); + }); + + it('trusts HTML content', () => { + wrapper = shallowMount(Nanopubs, { + localVue, + propsData: { + resource: 'http://example.org/resource1', + currentUser: mockUser + } + }); + + const html = 'Test content
'; + expect(wrapper.vm.trustHtml(html)).toBe(html); + }); +}); diff --git a/whyis/static/tests/components/new-instance-form.spec.js b/whyis/static/tests/components/new-instance-form.spec.js new file mode 100644 index 00000000..6ddbbffa --- /dev/null +++ b/whyis/static/tests/components/new-instance-form.spec.js @@ -0,0 +1,235 @@ +import { shallowMount } from '@vue/test-utils'; +import NewInstanceForm from '../../js/whyis_vue/components/new-instance-form.vue'; +import * as idGenerator from '../../js/whyis_vue/utilities/id-generator'; +import * as uriResolver from '../../js/whyis_vue/utilities/uri-resolver'; +import * as nanopub from '../../js/whyis_vue/utilities/nanopub'; + +// Mock dependencies +jest.mock('../../js/whyis_vue/utilities/id-generator'); +jest.mock('../../js/whyis_vue/utilities/uri-resolver'); +jest.mock('../../js/whyis_vue/utilities/nanopub'); + +describe('NewInstanceForm', () => { + let wrapper; + const defaultProps = { + nodeType: 'http://example.org/TestType', + lodPrefix: 'http://example.org', + rootUrl: 'http://localhost/' + }; + + beforeEach(() => { + // Mock ID generation + idGenerator.makeID = jest.fn() + .mockReturnValueOnce('test-np-id') + .mockReturnValueOnce('test-instance-id'); + + // Mock URI resolution + uriResolver.resolveURI = jest.fn(uri => uri); + + // Mock nanopub posting + nanopub.postNewNanopub = jest.fn().mockResolvedValue({}); + + // Mock window.location + delete window.location; + window.location = { href: '' }; + + wrapper = shallowMount(NewInstanceForm, { + propsData: defaultProps + }); + }); + + afterEach(() => { + wrapper.destroy(); + jest.clearAllMocks(); + }); + + it('renders correctly', () => { + expect(wrapper.find('.new-instance-form').exists()).toBe(true); + expect(wrapper.find('form').exists()).toBe(true); + }); + + it('initializes nanopub structure correctly', () => { + expect(wrapper.vm.nanopub['@id']).toBe('urn:test-np-id'); + expect(wrapper.vm.nanopub['@context']['@vocab']).toBe('http://example.org/'); + expect(wrapper.vm.instance['@id']).toBe('test-instance-id'); + expect(wrapper.vm.instance['@type']).toEqual(['http://example.org/TestType']); + }); + + it('has correct form fields', () => { + const inputs = wrapper.findAll('input[type="text"]'); + const textareas = wrapper.findAll('textarea'); + + expect(inputs.length).toBeGreaterThan(0); + expect(textareas.length).toBeGreaterThan(0); + }); + + it('updates instance label when input changes', async () => { + const labelInput = wrapper.findAll('input').at(1); + await labelInput.setValue('Test Label'); + + expect(wrapper.vm.instance.label['@value']).toBe('Test Label'); + }); + + it('updates instance description when textarea changes', async () => { + const descTextarea = wrapper.find('textarea'); + await descTextarea.setValue('Test Description'); + + expect(wrapper.vm.instance.description['@value']).toBe('Test Description'); + }); + + it('parses references input correctly', async () => { + wrapper.setData({ referencesInput: 'http://ref1.org, http://ref2.org' }); + await wrapper.vm.$nextTick(); + + expect(wrapper.vm.provenance.references).toEqual([ + { '@id': 'http://ref1.org' }, + { '@id': 'http://ref2.org' } + ]); + }); + + it('parses quoted from input correctly', async () => { + wrapper.setData({ quotedFromInput: 'http://quote1.org' }); + await wrapper.vm.$nextTick(); + + expect(wrapper.vm.provenance['quoted from']).toEqual([ + { '@id': 'http://quote1.org' } + ]); + }); + + it('parses derived from input correctly', async () => { + wrapper.setData({ derivedFromInput: 'http://source1.org, http://source2.org, http://source3.org' }); + await wrapper.vm.$nextTick(); + + expect(wrapper.vm.provenance['derived from']).toEqual([ + { '@id': 'http://source1.org' }, + { '@id': 'http://source2.org' }, + { '@id': 'http://source3.org' } + ]); + }); + + it('handles empty URI inputs', () => { + wrapper.setData({ referencesInput: '' }); + expect(wrapper.vm.provenance.references).toEqual([]); + + wrapper.setData({ referencesInput: ' ' }); + expect(wrapper.vm.provenance.references).toEqual([]); + }); + + it('trims whitespace from URIs', async () => { + wrapper.setData({ referencesInput: ' http://ref1.org , http://ref2.org ' }); + await wrapper.vm.$nextTick(); // Wait for watcher to process + expect(wrapper.vm.provenance.references).toEqual([ + { '@id': 'http://ref1.org' }, + { '@id': 'http://ref2.org' } + ]); + }); + + it('submits form successfully', async () => { + wrapper.vm.instance.label['@value'] = 'Test Instance'; + wrapper.vm.instance.description['@value'] = 'Test Description'; + + await wrapper.vm.submit(); + + expect(nanopub.postNewNanopub).toHaveBeenCalledWith(wrapper.vm.nanopub); + expect(uriResolver.resolveURI).toHaveBeenCalled(); + expect(window.location.href).toContain('/about?uri='); + }); + + it('sets isAbout before submission', async () => { + await wrapper.vm.submit(); + + expect(wrapper.vm.nanopub['@graph'].isAbout).toEqual({ + '@id': wrapper.vm.instance['@id'] + }); + }); + + it('handles submission error', async () => { + nanopub.postNewNanopub = jest.fn().mockRejectedValue(new Error('Network error')); + + await wrapper.vm.submit(); + + expect(wrapper.vm.error).toBe('Network error'); + expect(wrapper.vm.loading).toBe(false); + expect(window.location.href).toBe(''); + }); + + it('disables submit button while loading', async () => { + wrapper.setData({ loading: true }); + await wrapper.vm.$nextTick(); + + const submitButton = wrapper.findAll('button').at(0); + expect(submitButton.attributes('disabled')).toBe('disabled'); + expect(submitButton.text()).toContain('Creating...'); + }); + + it('enables submit button when not loading', async () => { + wrapper.setData({ loading: false }); + await wrapper.vm.$nextTick(); + + const submitButton = wrapper.findAll('button').at(0); + expect(submitButton.attributes('disabled')).toBeUndefined(); + expect(submitButton.text()).toContain('Create Instance'); + }); + + it('emits cancel event when cancel button clicked', async () => { + const cancelButton = wrapper.findAll('button').at(1); + await cancelButton.trigger('click'); + + expect(wrapper.emitted('cancel')).toBeTruthy(); + }); + + it('displays error message when present', async () => { + wrapper.setData({ error: 'Test error message' }); + await wrapper.vm.$nextTick(); + + const errorAlert = wrapper.find('.alert-danger'); + expect(errorAlert.exists()).toBe(true); + expect(errorAlert.text()).toBe('Test error message'); + }); + + it('hides error message when null', () => { + wrapper.setData({ error: null }); + expect(wrapper.find('.alert-danger').exists()).toBe(false); + }); + + it('uses default node type when not provided', () => { + const wrapperNoType = shallowMount(NewInstanceForm, { + propsData: { + lodPrefix: 'http://example.org', + rootUrl: 'http://localhost/' + } + }); + + expect(wrapperNoType.vm.instance['@type']).toEqual(['http://www.w3.org/2002/07/owl#Thing']); + wrapperNoType.destroy(); + }); + + it('includes all required context mappings', () => { + const context = wrapper.vm.nanopub['@context']; + + expect(context['@vocab']).toBeDefined(); + expect(context['xsd']).toBeDefined(); + expect(context['np']).toBeDefined(); + expect(context['rdfs']).toBeDefined(); + expect(context['dc']).toBeDefined(); + expect(context['prov']).toBeDefined(); + expect(context['sio']).toBeDefined(); + }); + + it('includes all nanopub graphs', () => { + const graph = wrapper.vm.nanopub['@graph']; + + expect(graph['np:hasAssertion']).toBeDefined(); + expect(graph['np:hasProvenance']).toBeDefined(); + expect(graph['np:hasPublicationInfo']).toBeDefined(); + }); + + it('properly structures assertion graph', () => { + const assertion = wrapper.vm.nanopub['@graph']['np:hasAssertion']; + + expect(assertion['@type']).toBe('np:Assertion'); + expect(assertion['@graph']).toBeDefined(); + expect(assertion['@graph']['@id']).toBeDefined(); + expect(assertion['@graph']['@type']).toBeDefined(); + }); +}); diff --git a/whyis/static/tests/components/new-nanopub.spec.js b/whyis/static/tests/components/new-nanopub.spec.js new file mode 100644 index 00000000..29975c74 --- /dev/null +++ b/whyis/static/tests/components/new-nanopub.spec.js @@ -0,0 +1,374 @@ +import { shallowMount, createLocalVue } from '@vue/test-utils'; +import NewNanopub from '@/components/new-nanopub.vue'; +import * as formatsModule from '@/utilities/formats'; + +const localVue = createLocalVue(); + +jest.mock('@/utilities/formats'); + +describe('NewNanopub Component', () => { + let wrapper; + const mockFormats = [ + { extension: 'ttl', label: 'Turtle', mimetype: 'text/turtle' }, + { extension: 'rdf', label: 'RDF/XML', mimetype: 'application/rdf+xml' }, + { extension: 'jsonld', label: 'JSON-LD', mimetype: 'application/ld+json' } + ]; + + beforeEach(() => { + formatsModule.getFormatByExtension.mockImplementation((ext) => { + return mockFormats.find(f => f.extension === ext); + }); + formatsModule.getFormatFromFilename.mockImplementation((filename) => { + const ext = filename.split('.').pop(); + return mockFormats.find(f => f.extension === ext); + }); + }); + + afterEach(() => { + jest.clearAllMocks(); + if (wrapper) { + wrapper.destroy(); + } + }); + + it('renders without crashing', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + expect(wrapper.exists()).toBe(true); + }); + + it('initializes with default graph and formats', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + + expect(wrapper.vm.currentGraph).toBe('assertion'); + expect(wrapper.vm.graphs).toEqual(['assertion', 'provenance', 'pubinfo']); + expect(wrapper.vm.formatOptions.length).toBeGreaterThan(0); + }); + + it('displays correct verb prop', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} }, + verb: 'Create' + } + }); + + const button = wrapper.find('.btn-primary'); + expect(button.text()).toBe('Create'); + }); + + it('uses default verb when not provided', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + + const button = wrapper.find('.btn-primary'); + expect(button.text()).toBe('Save'); + }); + + it('shows cancel button when editing', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} }, + editing: true + } + }); + + expect(wrapper.findAll('.btn-secondary').length).toBe(1); + }); + + it('hides cancel button when not editing', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} }, + editing: false + } + }); + + expect(wrapper.findAll('.btn-secondary').length).toBe(0); + }); + + it('enables save button when content is present', async () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + + wrapper.setData({ graphContent: 'Some content' }); + await wrapper.vm.$nextTick(); + expect(wrapper.vm.canSave).toBe(true); + }); + + it('disables save button when content is empty', async () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: { assertion: '', provenance: '', pubinfo: '' } } + } + }); + + await wrapper.vm.$nextTick(); + // Component initializes with empty content from nanopub + expect(wrapper.vm.graphContent).toBe(''); + expect(wrapper.vm.canSave).toBe(false); + }); + + it('disables save button when content is whitespace', () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + + wrapper.setData({ graphContent: ' \n\t ' }); + expect(wrapper.vm.canSave).toBe(false); + }); + + it('switches between graphs', async () => { + const nanopub = { + resource: { + assertion: 'assertion content', + provenance: 'provenance content', + pubinfo: 'pubinfo content' + } + }; + + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { nanopub } + }); + + wrapper.setData({ currentGraph: 'provenance' }); + await wrapper.vm.$nextTick(); + expect(wrapper.vm.graphContent).toContain('provenance'); + }); + + it('emits save event with nanopub', () => { + const nanopub = { resource: {} }; + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { nanopub } + }); + + wrapper.setData({ graphContent: 'Test content' }); + wrapper.vm.handleSave(); + + expect(wrapper.emitted('save')).toBeTruthy(); + expect(wrapper.emitted('save')[0][0]).toBe(nanopub); + }); + + it('updates nanopub resource with graph content on save', () => { + const nanopub = { resource: {} }; + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { nanopub } + }); + + wrapper.setData({ + currentGraph: 'assertion', + graphContent: 'Test assertion content' + }); + wrapper.vm.handleSave(); + + expect(nanopub.resource.assertion).toBe('Test assertion content'); + }); + + it('clears content after save when not editing', () => { + const nanopub = { resource: {} }; + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub, + editing: false + } + }); + + wrapper.setData({ graphContent: 'Test content' }); + wrapper.vm.handleSave(); + + expect(wrapper.vm.graphContent).toBe(''); + }); + + it('keeps content after save when editing', () => { + const nanopub = { resource: {} }; + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub, + editing: true + } + }); + + wrapper.setData({ graphContent: 'Test content' }); + wrapper.vm.handleSave(); + + expect(wrapper.vm.graphContent).toBe('Test content'); + }); + + it('emits cancel event on cancel', () => { + const nanopub = { resource: {}, editing: true }; + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub, + editing: true + } + }); + + wrapper.vm.handleCancel(); + + expect(wrapper.emitted('cancel')).toBeTruthy(); + expect(nanopub.editing).toBe(false); + }); + + it('handles file upload', async () => { + wrapper = shallowMount(NewNanopub, { + localVue, + propsData: { + nanopub: { resource: {} } + } + }); + + const fileContent = '@prefix ex:
+{% elif also[ns.RDF.type:ns.hbgd.PubMedArticle] %}
+
+{% endif %}
+
+{% endfor %}
+{% endmacro %}
+
+{% macro render_definition(def) %}
+
+
+{% endmacro %}
+
+{% block title %}{{this.value(ns.RDFS.label)}}{% endblock %}
+{% block subtitle %}Class{% endblock %}
+
+{% block styles %}
+
+{% endblock %}
+
+{% block content %}
+
+
+++ +{{def.value(ns.prov.value)}}
+
-
+
- Status +
- + {% for type in def[ns.RDF.type] %} + {% if type[ns.RDFS.subClassOf:ns.sio.definition] %} + {{type.value(ns.RDFS.label)}} + {% endif %} + {% endfor %} + +
+ {% if def.value(ns.skos.editorialNote) %}
+
+
+
+ -
+
- Editorial Notes +
-
+ {% for note in def[ns.skos.editorialNote] %}
+
{{note}}
+ {% endfor %} +
+
-
+
- Appears in +
-
+ {% for ex in def[ns.skos.example] %}
+ {% if ex.value(ns.dc.title) %}
{{render_reference(ex)}}
{% endif %} + {% endfor %} +
+
-
+
- Definition Source +
- + {% for defsource in def[ns.RDFS.isDefinedBy] %} + + {% endfor %} + +
-
+
- See also +
- + {% for quoted in def[ns.RDFS.seeAlso] %} + + {% endfor %} + +
-
+
- Attributed To +
- + {% for attrib in def[ns.prov.wasAttributedTo] %} + + {% endfor %} + +
+
+
+
+{% endblock %}
diff --git a/whyis/templates/edit_instance_view_vue.html b/whyis/templates/edit_instance_view_vue.html
new file mode 100644
index 00000000..f8e10ee5
--- /dev/null
+++ b/whyis/templates/edit_instance_view_vue.html
@@ -0,0 +1,45 @@
+{% extends "base_vue.html" %}
+
+{% block title %}Edit {{this.description().value(ns.RDFS.label)}}{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
+
+
+
+
+ Super Classes
+
+
+ Super class definitions also apply to this class.
+-
+ {% for superClass in this[ns.RDFS.subClassOf] %}
+
-
+
+ {{superClass.value(ns.RDFS.label)}}
+ {% if not superClass[ns.RDF.type:ns.hbgd.HBGDkiConcept] %}
+
+ {% endif %}
+
+ {% if superClass.value(ns.skos.definition) %}
+
{{superClass.value(ns.skos.definition)}}
+ {% endif %} +
+ {% endfor %}
+
+
+
+
+ Definitions
+
+
+
+ {% for def in this[ns.hbgd.hasDefinition] %}
+ {% if def[ns.RDF.type:ns.hbgd.PreferredDefinition] %}
+ {{ render_definition(def) }}
+ {% endif %}
+ {% endfor %}
+
+
+ {% for def in this[ns.hbgd.hasDefinition] %}
+ {% if not def[ns.RDF.type:ns.hbgd.PreferredDefinition] %}
+ {{ render_definition(def) }}
+ {% endif %}
+ {% endfor %}
+
+
+
+
+
+
+
+
+ Details
+
+
+
+
+ -
+
- Term +
- {{this.value(ns.RDFS.label)}} +
-
+
- Alternate Labels +
- + {% for term in this[ns.skos.altLabel] %} + {{term}} + {% endfor %} + +
-
+
- Sub Classes +
-
+ {% for subClass in this.subjects(ns.RDFS.subClassOf) %}
+ + + {{subClass.value(ns.RDFS.label)}} + {% if not subClass[ns.RDF.type:ns.hbgd.HBGDkiConcept] %} + + {% endif %} + + {% if subClass.value(ns.skos.definition) %} ++ {% endfor %} +
{{subClass.value(ns.skos.definition)}}
+ {% endif %} +
+
-
+
- Prioritized Questions +
- + {% for question in this[ns.hbgd.raisedBy] %} + {% if question[ns.RDF.type:ns.hbgd.PrioritizedQuestion] %} + + {% endif %} + {% endfor %} + +
-
+
- Sub-Questions +
- + {% for question in this[ns.hbgd.raisedBy] %} + {% if question[ns.RDF.type:ns.hbgd.SubQuestion] %} + + {% endif %} + {% endfor %} + +
-
+
- Terminology Reference +
- + {% for concept in this[ns.cmo.hasPrimaryConcept] %} + + {% endfor %} + +
-
+
- Equivalent To +
- + {% for concept in this[ns.OWL.equivalentClass] %} + + {% endfor %} + +
-
+
- Attributed to +
- + {{attrib.value(ns.RDFS.label) or attrib.value(ns.dc.identifier) or attrib.identifier}} + +
+
+
+
+
+
+ Commentary
+
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/whyis/templates/explore_vue.html b/whyis/templates/explore_vue.html
new file mode 100644
index 00000000..ee4667ab
--- /dev/null
+++ b/whyis/templates/explore_vue.html
@@ -0,0 +1,43 @@
+{% extends "base_vue.html" %}
+
+{% block title %}Exploring {{g.get_label(this)}}{% endblock %}
+
+{% block styles %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+ Edit Instance
+
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/whyis/templates/new_instance_view_vue.html b/whyis/templates/new_instance_view_vue.html
new file mode 100644
index 00000000..f815043b
--- /dev/null
+++ b/whyis/templates/new_instance_view_vue.html
@@ -0,0 +1,53 @@
+{% extends "base_vue.html" %}
+
+{% block title %}New {{this.description().value(ns.RDFS.label)}}{% endblock %}
+
+{% block content %}
+
+
+
+
+
+
+
+
+{% endblock %}
+
+
+
+ Create New Instance
+
+
+
+
+