@opensalt/ob3-definer 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/index.html +1 -3
- package/dist/ob3-definer.css +1 -1
- package/dist/ob3-definer.js +19 -19
- package/package.json +2 -1
- package/src/App.vue +5 -1
- package/src/components/AchievementDefiner.vue +9 -1
- package/src/components/AchievementImage.vue +94 -43
- package/src/components/AdditionalTab.vue +1 -0
- package/src/components/CreatorProfile.vue +6 -6
- package/src/components/RelatedList.vue +2 -2
- package/src/components/ResultDescription.vue +3 -2
- package/src/main.js +7 -0
- package/src/validation/uri.js +13 -0
package/README.md
CHANGED
|
@@ -22,6 +22,10 @@ JSON string in an attribute called `data-achievement` on the placeholder
|
|
|
22
22
|
div or by adding the JSON (as a string or JSON object) to the detail of the
|
|
23
23
|
ob3-open event as the property `achievement`.
|
|
24
24
|
|
|
25
|
+
To change the default submit button text of "Save", pass the desired
|
|
26
|
+
text in an attribute called `data-submit-text` on the placeholder div
|
|
27
|
+
or by adding the property `submitText` to the detail of the ob3-open event.
|
|
28
|
+
|
|
25
29
|
**Note** that the widget does not require the `id` field to be entered
|
|
26
30
|
in order for the widget to consider the definition *valid* as many use
|
|
27
31
|
cases will require specific types of ids (such as a known URL created
|
package/dist/index.html
CHANGED
|
@@ -10,9 +10,7 @@
|
|
|
10
10
|
<link rel="stylesheet" crossorigin href="/ob3-definer.css">
|
|
11
11
|
</head>
|
|
12
12
|
<body>
|
|
13
|
-
<div id="ob3-definer"
|
|
14
|
-
data-achievement='{}'
|
|
15
|
-
></div>
|
|
13
|
+
<div id="ob3-definer"></div>
|
|
16
14
|
<script>
|
|
17
15
|
document.addEventListener('DOMContentLoaded', () => {
|
|
18
16
|
window.dispatchEvent(new CustomEvent('ob3-open'));
|
package/dist/ob3-definer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#cm-image-thumbnail[data-v-
|
|
1
|
+
#cm-image-thumbnail[data-v-33960540]{max-width:200px;max-height:200px;object-fit:contain;margin-bottom:10px}[data-placeholder=true][data-v-3a8afa76]{color:#999}#criteria-preview[data-v-61f2bd5b]{min-height:302px}#criteria-preview[data-v-2cf645b7]{min-height:250px}.value-item[data-v-d268d66c]{display:flex;align-items:start;margin-bottom:.5rem}.value-item[data-v-d268d66c] .formkit-outer{margin-bottom:0;flex-grow:1}.controls[data-v-d268d66c]{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.controls .button[data-v-d268d66c]{border:none;background:none;padding:0;margin:0;cursor:pointer;color:#999;line-height:1;transition:color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1em;color:var(--fk-color-primary);margin-left:.5rem}.controls[data-v-d268d66c] svg{display:block;width:1em;max-height:1.25em;height:auto;fill:currentColor}.controls .close[data-v-d268d66c]{color:var(--fk-color-danger)}.value-item[data-v-cd88b606]{display:flex;align-items:start;margin-bottom:.5rem}.value-item[data-v-cd88b606] .formkit-outer{margin-bottom:0;flex-grow:1}.controls[data-v-cd88b606]{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.controls .button[data-v-cd88b606]{border:none;background:none;padding:0;margin:0;cursor:pointer;color:#999;line-height:1;transition:color .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1em;color:var(--fk-color-primary);margin-left:.5rem}.controls[data-v-cd88b606] svg{display:block;width:1em;max-height:1.25em;height:auto;fill:currentColor}.controls .close[data-v-cd88b606]{color:var(--fk-color-danger)}.input-group>.form-label{margin-bottom:0}.formkit-wrapper.required .form-label:before{color:red;content:"*";position:absolute;margin-left:-10px}[data-invalid=true] .form-control{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}[data-invalid=true] .invalid-feedback{display:inline;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}
|