ui: add license description drop down

open-contracting · Mar 23, 2022 · 10e135d · 10e135d
1 parent d2c863e
commit 10e135d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/data_registry/templates/detail.html b/data_registry/templates/detail.html
@@ -98,7 +98,15 @@ <h4>{% translate "Overview" %}</h4>
                     <span class="value">
                         <template v-if="data.license_custom">
                             <a :href="data.license_custom.url" target="_blank">[[ data.license_custom.name ]]</a>
-                            <markdown-box class="small" :content="data.license_custom.description"></markdown-box>
+                            <button v-if="!licenseExpanded" class="btn btn-link text-info description-long-btn"  @click="() => licenseExpanded = true">
+                                {% translate "Show more" %}
+                            </button>
+                            <button v-if="licenseExpanded" class="btn btn-link text-info description-long-btn"  @click="() => licenseExpanded = false">
+                                    {% translate "Show less" %}
+                            </button>
+                            <div v-if="licenseExpanded">
+                                <markdown-box class="small" :content="data.license_custom.description"></markdown-box>
+                            </div>
                         </template>
                         <template v-else-if="activeJob">[[ activeJob.license ]]</template>
                     </span>

diff --git a/data_registry/vue/js/main.js b/data_registry/vue/js/main.js
@@ -367,6 +367,7 @@ if (document.getElementById("detail_app")) {
         data: function() {
             return {
                 descriptionExpanded: false,
+                licenseExpanded: false,
                 feedbackType: null,
                 feedback: null,
                 feedbackSent: false,