@opensalt/ob3-definer 1.2.3 → 1.2.5

package/src/components/BasicTab.vue

@@ -1,55 +0,0 @@
-<script setup>
-import AchievementImage from "@/components/AchievementImage.vue";
-import AchievementType from "@/components/AchievementType.vue";
-import AchievementCriteria from "@/components/AchievementCriteria.vue";
-
-const model = defineModel({ default: {
-/*  name: '',
-  achievementType: null,
-  image: null,
-  description: '',
-  criteria: { },*/
-} });
-</script>
-
-<template>
-    <div class="tab-pane fade show active" id="tab-basic" role="tabpanel" aria-labelledby="basic-tab">
-      <div class="card mb-3">
-        <div class="card-body">
-          <p class="mb-0">
-            This tab contains all of the required fields for a credential.<br/>
-            <em>Credential Type</em> and <em>Image</em> are not required, but it is suggested that all credentials have them.
-          </p>
-        </div>
-      </div>
-
-      <FormKit
-          type="text"
-          label="Credential Name"
-          name="name"
-          wrapper-class="required"
-          validation="required:trim"
-          v-model="model.name"
-          help="The name of the credential."
-      />
-
-      <AchievementType v-model="model.achievementType" />
-      <AchievementImage v-model="model.image"/>
-
-      <FormKit
-          type="textarea"
-          label="Description"
-          name="description"
-          wrapper-class="required"
-          rows="5"
-          validation="required:trim"
-          v-model="model.description"
-          help="A short description of the achievement."
-      />
-
-      <AchievementCriteria
-          v-model="model.criteria"
-      />
-    </div>
-</template>
-

package/src/components/CreatorProfile.vue

@@ -1,166 +0,0 @@
-<script setup>
-import {onBeforeMount, ref} from "vue";
-import AddressComponent from "@/components/AddressComponent.vue";
-import CredentialImage from "@/components/AchievementImage.vue";
-import OtherIdentifiers from "@/components/OtherIdentifiers.vue";
-
-const creator=defineModel({ default: {} });
-const creatorIs=ref('noCreator');
-
-onBeforeMount(() => {
-  if (Object.keys(creator.value).length === 0) {
-    creatorIs.value = 'noCreator';
-
-    return;
-  }
-
-  // Default to organization
-  creatorIs.value = 'organization';
-
-  if (creator.value.dateOfBirth || null) {
-    creatorIs.value = 'individual';
-  }
-});
-</script>
-
-<template>
-  <div class="card">
-    <h5 class="card-header">
-      <formKit
-          type="select"
-          label="Creator"
-          v-model="creatorIs"
-          input-class="$reset formkit-input form-select"
-          :options="{
-              noCreator: 'Do not add a creator field',
-              organization: 'The creator is an Organization',
-              individual: 'The creator is a Person',
-          }"
-          ignore="true"
-      />
-    </h5>
-
-    <FormKit
-      type="group"
-      name="creator"
-      v-model="creator"
-      v-if="creatorIs !== 'noCreator'"
-    >
-      <div class="card-body">
-        <FormKit
-          type="text"
-          label="ID"
-          name="id"
-          wrapper-class="required"
-          validation="uri:required:trim"
-          help="Unique URI for the creator."
-          />
-
-        <FormKit
-            type="hidden"
-            name="type"
-            :value="[ 'Profile' ]"
-        />
-
-        <FormKit
-            type="text"
-            label="Name"
-            name="name"
-            help="The name of the entity or organization."
-        />
-
-        <FormKit
-            type="text"
-            label="Description"
-            name="description"
-            help="A short description of the issuer entity or organization."
-        />
-
-        <CredentialImage
-            help="An image that represents the creator.  Must be a PNG or SVG image."
-            v-model="creator.image"
-        />
-
-        <FormKit
-            type="text"
-            label="Official"
-            name="official"
-            help="If the entity is an organization, `official` is the name of an authorized official of the organization."
-            v-if="creatorIs === 'organization'"
-        />
-
-        <FormKit
-            type="text"
-            label="URL"
-            name="url"
-            validation="url"
-            help="The homepage or social media profile of the entity, whether individual or institutional. Should be a URL/URI Accessible via HTTP."
-        />
-
-        <FormKit
-            type="text"
-            label="Email"
-            name="email"
-            validation="email"
-            help="An email address for the creator."
-        />
-
-        <FormKit
-            type="text"
-            label="Phone"
-            name="phone"
-            help="A phone number for the creator."
-        />
-
-        <AddressComponent
-            v-model="creator.address"
-        />
-
-        <FormKit
-          type="text"
-          label="Date of Birth"
-          name="dateOfBirth"
-          format="yyyy-MM-dd"
-          help="Birthdate of the person."
-          v-if="creatorIs === 'individual'"
-          />
-
-        <OtherIdentifiers
-            label="Other Identifiers"
-            v-model="creator.otherIdentifier"
-            help="Other unique identifiers for the creator."
-        />
-
-        <FormKit
-          type="text"
-          label="Parent Org"
-          name="parentOrg"
-          placeholder="--TO BE EXPANDED--"
-          v-if="false"
-          />
-
-        <FormKit
-            type="text"
-            label="Endorsement JWT"
-            name="endorsementJwt"
-            help="Allows endorsers to make specific claims about the individual or organization represented by this profile. These endorsements are signed with the VC-JWT proof format."
-            placeholder="--TO BE EXPANDED --"
-            v-if="false"
-        />
-
-        <FormKit
-            type="text"
-            label="Endorsement"
-            name="endorsement"
-            help="Allows endorsers to make specific claims about the individual or organization represented by this profile."
-            placeholder="--TO BE EXPANDED --"
-            v-if="false"
-        />
-      </div>
-    </FormKit>
-  </div>
-</template>
-
-<style scoped>
-
-</style>

package/src/components/CriterionLevels.vue

@@ -1,97 +0,0 @@
-<script setup>
-import AlignmentComponent from "@/components/AlignmentComponent.vue";
-
-const levels = defineModel({ default: {} });
-</script>
-
-<template>
-  <FormKit
-      #default="{ items, node, value }"
-      type="list"
-      v-model="levels"
-      name="rubricCriterionLevel"
-      dynamic
-  >
-    <h5>Rubric Criterion Levels
-      <button type="button" @click="() => node.input(value.concat({}))" class="btn btn-sm btn-primary ms-3">
-        Add Level
-      </button>
-    </h5>
-
-    <FormKit
-        type="group"
-        wrapper-class="card"
-        v-for="(item, index) in items"
-        :key="item"
-        :index="index"
-    >
-      <div class="card mb-3">
-        <h5 class="card-header">Level {{index+1}}
-          <button type="button" @click="() => node.input(value.filter((_, i) => i !== index))" class="btn btn-secondary btn-sm float-end">
-            Remove
-          </button>
-        </h5>
-
-        <div class="card-body">
-          <FormKit
-              type="hidden"
-              name="type"
-              :value="[ 'RubricCriterionLevel' ]"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="ID"
-              name="id"
-              inner-class="input-group"
-              label-class="input-group-text"
-              validation="required:trim"
-              wrapper-class="required"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Name"
-              name="name"
-              inner-class="input-group"
-              label-class="input-group-text"
-              validation="required:trim"
-              wrapper-class="required"
-          />
-
-          <FormKit
-              type="innerLabelTextareaInput"
-              label="Description"
-              name="description"
-              inner-class="input-group"
-              label-class="input-group-text"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Level"
-              name="level"
-              inner-class="input-group"
-              label-class="input-group-text"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Points"
-              name="points"
-              inner-class="input-group"
-              label-class="input-group-text"
-          />
-
-          <AlignmentComponent v-model="levels[index].alignment"/>
-        </div>
-      </div>
-    </FormKit>
-  </FormKit>
-</template>
-
-<style>
-.input-group>.form-label {
-  margin-bottom: 0;
-}
-</style>

package/src/components/DetailTab.vue

@@ -1,72 +0,0 @@
-<script setup>
-const credential = defineModel({ default: {
-  humanCode: null,
-  inLanguage: null,
-  version: null,
-  creditsAvailable: null,
-  additionalType: null,
-} })
-</script>
-
-<template>
-    <div class="tab-pane fade show active" id="tab-detail" role="tabpanel" aria-labelledby="detail-tab">
-        <FormKit
-          type="text"
-          label="Human Code"
-          v-model="credential.humanCode"
-          name="humanCode"
-          help="The code, generally human readable, associated with an achievement."
-        />
-
-        <FormKit
-            type="text"
-            label="In Language"
-            v-model="credential.inLanguage"
-            name="inLanguage"
-            help="The language this credential is in as a BCP47 language code, such as 'en', 'en-US', or 'es-MX'"
-            :validation="[['matches', '/^[a-z]{2,4}(-[A-Z][a-z]{3})?(-([A-Z]{2}|[0-9]{3}))?$/']]"
-            :validation-messages="{
-              'matches': 'The language must formatted as a BCP47 language code, such as \'en\', \'en-US\', or \'es-MX\'.'
-            }"
-        />
-
-        <FormKit
-            type="text"
-            label="Version"
-            v-model="credential.version"
-            name="version"
-            help="The version property allows issuers to set a version string for an Achievement. This is particularly useful when replacing a previous version with an update."
-        />
-
-        <FormKit
-            type="number"
-            label="Credits Available"
-            number
-            name="creditsAvailable"
-            v-model="credential.creditsAvailable"
-            help="Credit hours associated with this entity, or credit hours possible. For example 3.0."
-        />
-
-        <FormKit
-            type="text"
-            label="Specialization"
-            v-model="credential.specialization"
-            name="specialization"
-            help="Name given to the focus, concentration, or specific area of study defined in the achievement. Examples include 'Entrepreneurship', 'Technical Communication', and 'Finance'."
-        />
-
-        <FormKit
-            type="text"
-            label="Field of Study"
-            v-model="credential.fieldOfStudy"
-            name="fieldOfStudy"
-            help="Category, subject, area of study, discipline, or general branch of knowledge. Examples include Business, Education, Psychology, and Technology."
-        />
-    </div>
-</template>
-
-<style scoped>
-  #criteria-preview {
-    min-height: 250px;
-  }
-</style>

package/src/components/IndividualName.vue

@@ -1,63 +0,0 @@
-<script setup>
-
-</script>
-
-<template>
-  <FormKit
-      type="group"
-  >
-    <FormKit
-        type="text"
-        label="Given Name"
-        name="givenName"
-        help="Given name. In the western world, often referred to as the 'first name' of a person."
-    />
-
-    <FormKit
-        type="text"
-        label="Additional Name"
-        name="additionalName"
-        help="Additional name. Includes what is often referred to as 'middle name' in the western world."
-    />
-
-    <FormKit
-        type="text"
-        label="Family Name Prefix"
-        name="familyNamePrefix"
-        help="Family name prefix. As used in some locales, this is the leading part of a family name (e.g. 'de' in the name 'de Boer')."
-    />
-
-    <FormKit
-        type="text"
-        label="Family Name"
-        name="familyName"
-        help="Family name. In the western world, often referred to as the 'last name' of a person."
-    />
-
-    <FormKit
-        type="text"
-        label="Patronymic Name"
-        name="patronymicName"
-        help="Patronynmic name."
-        v-if="false"
-    />
-
-    <FormKit
-        type="text"
-        label="Honorific Prefix"
-        name="honorificPrefix"
-        help="Honorific prefix(es) preceding a person's name (e.g. 'Dr', 'Mrs' or 'Mr')."
-    />
-
-    <FormKit
-        type="text"
-        label="Honorific Suffix"
-        name="honorificSuffix"
-        help="Honorific suffix(es) following a person's name (e.g. 'M.D, PhD')."
-    />
-  </FormKit>
-</template>
-
-<style scoped>
-
-</style>

package/src/components/MarkdownRenderer.vue

@@ -1,20 +0,0 @@
-<script setup>
-import MarkdownIt from "markdown-it";
-
-const markdown = MarkdownIt();
-
-const props = defineProps({
-  source: {
-    type: String,
-    default: ""
-  }
-});
-</script>
-
-<template>
-  <div class="mb-3" v-html="markdown.render(source)" />
-</template>
-
-<style scoped>
-
-</style>

package/src/components/OtherIdentifiers.vue

@@ -1,116 +0,0 @@
-<script setup>
-const props = defineProps({
-  help: {
-    type: String,
-    default: 'Other identifiers for this credential.'
-  }
-});
-
-const identifiers = defineModel({ default: [] });
-</script>
-
-<template>
-  <FormKit
-      #default="{ items, node, value }"
-      type="list"
-      v-model="identifiers"
-      name="otherIdentifier"
-      dynamic
-  >
-    <h5>Other Identifiers
-      <button type="button" @click="() => node.input(value.concat({}))" class="btn btn-sm btn-primary ms-3">
-        Add Identifier
-      </button>
-    </h5>
-    <p class="form-text">{{ props.help }}</p>
-
-    <FormKit
-        type="group"
-        v-for="(item, index) in items"
-        :key="item"
-        :index="index"
-    >
-      <div class="card mb-3">
-        <h5 class="card-header">Other Identifier {{index+1}}
-          <button type="button" @click="() => node.input(value.filter((_, i) => i !== index))" class="btn btn-secondary btn-sm float-end">
-            Remove
-          </button>
-        </h5>
-
-        <div class="card-body pb-0">
-          <FormKit
-              type="hidden"
-              name="type"
-              :value="'IdentifierEntry'"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Identifier"
-              name="identifier"
-              aria-label="Identifier"
-              inner-class="input-group"
-              label-class="input-group-text"
-              wrapper-class="required"
-              validation="required:trim"
-          />
-          <FormKit
-              type="selectInputGroup"
-              label="Identifier Type"
-              name="identifierType"
-              inner-class="input-group"
-              label-class="input-group-text"
-              input-class="$reset formkit-input form-select"
-              wrapper-class="required"
-              placeholder="Select the Identifier Type"
-              validation="required"
-              :options="{
-                'name': 'name',
-                'sourcedId': 'sourcedId',
-                'systemId': 'systemId',
-                'productId': 'productId',
-                'userName': 'userName',
-                'accountId': 'accountId',
-                'emailAddress': 'emailAddress',
-                'nationalIdentityNumber': 'nationalIdentityNumber',
-                'isbn': 'isbn',
-                'issn': 'issn',
-                'lisSourcedId': 'lisSourcedId',
-                'oneRosterSourcedId': 'oneRosterSourcedId',
-                'sisSourcedId': 'sisSourcedId',
-                'ltiContextId': 'ltiContextId',
-                'ltiDeploymentId': 'ltiDeploymentId',
-                'ltiToolId': 'ltiToolId',
-                'ltiPlatformId': 'ltiPlatformId',
-                'ltiUserId': 'ltiUserId',
-                'identifier': 'identifier',
-                'other': 'Other (ext:)',
-              }"
-          />
-          <FormKit
-              v-if="value[index].identifierType === 'other'"
-              type="innerLabelTextInput"
-              label="Extended Type"
-              name="typeExt"
-              aria-label="Extended Identifier Type"
-              inner-class="input-group ms-3 me-5 pe-3"
-              outer-class="$reset"
-              label-class="visually-hidden"
-              before="ext:"
-              :validation="[['matches', '/^[a-z|A-Z|0-9|.|-|_]+$/']]"
-          >
-            <template #prefix>
-              <span class="input-group-text" aria-label="ext:">ext:</span>
-            </template>
-          </FormKit>
-        </div>
-      </div>
-    </FormKit>
-  </FormKit>
-</template>
-
-<style>
-.input-group>.form-label {
-  margin-bottom: 0;
-}
-</style>

package/src/components/RelatedList.vue

@@ -1,89 +0,0 @@
-<script setup>
-import {ref, watch} from "vue";
-
-const emit = defineEmits(['change']);
-
-const related = ref([]);
-
-watch(related, (newRelated) => {
-  //credential.alignment = newAlignment;
-  emit('change', newRelated);
-});
-</script>
-
-<template>
-  <FormKit
-      #default="{ items, node, value }"
-      type="list"
-      v-model="related"
-      name="related"
-      dynamic
-  >
-    <h5>Related Credentials
-      <button type="button" @click="() => node.input(value.concat({}))" class="btn btn-sm btn-primary ms-3">
-        Add Related Credential
-      </button>
-    </h5>
-    <p class="form-text">A list of credentials related to this one.</p>
-
-    <FormKit
-      type="group"
-      wrapper-class="card"
-      v-for="(item, index) in items"
-      :key="item"
-      :index="index"
-    >
-      <div class="card mb-3">
-        <h5 class="card-header">Credential {{index+1}}
-          <button type="button" @click="() => node.input(value.filter((_, i) => i !== index))" class="btn btn-secondary btn-sm float-end">
-            Remove
-          </button>
-        </h5>
-
-        <div class="card-body pb-0">
-          <FormKit
-              type="hidden"
-              name="type"
-              :value="[ 'Related' ]"
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="ID"
-              name="id"
-              inner-class="input-group"
-              label-class="input-group-text"
-              wrapper-class="required"
-              validation="uri:required:trim"
-              help="The URI of the related achievement."
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Language"
-              name="inLanguage"
-              inner-class="input-group"
-              label-class="input-group-text"
-              :validation="[['matches', '/^[a-z]{2,4}(-[A-Z][a-z]{3})?(-([A-Z]{2}|[0-9]{3}))?$/']]"
-              help="The language of the related achievement as a BCP47 language code."
-          />
-
-          <FormKit
-              type="innerLabelTextInput"
-              label="Version"
-              name="version"
-              inner-class="input-group"
-              label-class="input-group-text"
-              help="The version of the related achievement."
-          />
-        </div>
-      </div>
-    </FormKit>
-  </FormKit>
-</template>
-
-<style>
-.input-group>.form-label {
-  margin-bottom: 0;
-}
-</style>