@tekkare/auriga 0.2.220 → 0.2.223
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/dist/module.json +1 -1
- package/dist/module.mjs +4 -0
- package/dist/runtime/components/argAccordionMenu.vue +1 -1
- package/dist/runtime/components/argActions.vue +1 -1
- package/dist/runtime/components/argAdvancedSearchBar.vue +1 -1
- package/dist/runtime/components/argChart.vue +2 -2
- package/dist/runtime/components/argDashboardSection.vue +1 -1
- package/dist/runtime/components/argDataLoader.vue +6 -6
- package/dist/runtime/components/argDirectusSources.vue +265 -0
- package/dist/runtime/components/argDirectusSources.vue.d.ts +97 -0
- package/dist/runtime/components/argDropdownSelect.vue +1 -1
- package/dist/runtime/components/argFileBtn.vue +1 -1
- package/dist/runtime/components/argFilterCard.vue +1 -1
- package/dist/runtime/components/argGoogleMapsHeader.vue +1 -1
- package/dist/runtime/components/argHeaderTabs.vue +10 -3
- package/dist/runtime/components/argHeaderTabs.vue.d.ts +9 -0
- package/dist/runtime/components/argMapsItaly.vue +240 -0
- package/dist/runtime/components/argMapsItaly.vue.d.ts +110 -0
- package/dist/runtime/components/argMenuItem.vue +1 -1
- package/dist/runtime/components/argMultipleSelect.vue +1 -1
- package/dist/runtime/components/argNote.vue +1 -1
- package/dist/runtime/components/argNumberInput.vue +1 -1
- package/dist/runtime/components/argProjectDashboard.vue +4 -4
- package/dist/runtime/components/argResourceCard.vue +1 -1
- package/dist/runtime/components/argResourceTable.vue +1 -1
- package/dist/runtime/components/argScopeChange.vue +1 -1
- package/dist/runtime/components/argScopeModal.vue +1 -1
- package/dist/runtime/components/argSearchInput.vue +1 -1
- package/dist/runtime/components/argSimpleInput.vue +1 -1
- package/dist/runtime/components/argSimpleLabel.vue +1 -1
- package/dist/runtime/components/argSliderTabs.vue +1 -1
- package/dist/runtime/components/argSliderTabs.vue.d.ts +1 -1
- package/dist/runtime/components/argSourceCollapse.vue.d.ts +1 -1
- package/dist/runtime/components/argSourcesElastic.vue +2 -2
- package/dist/runtime/components/argSourcesElastic.vue.d.ts +1 -1
- package/dist/runtime/components/argStyle.vue +1 -1
- package/dist/runtime/components/argSwitch.vue +1 -1
- package/dist/runtime/components/argTable.vue +1 -1
- package/dist/runtime/components/argToolModal.vue +1 -1
- package/dist/runtime/components/argToolbarContent.vue +1 -1
- package/dist/runtime/components/maps/interfaces.d.ts +22 -0
- package/dist/runtime/components/maps/interfaces.mjs +23 -0
- package/dist/runtime/components/maps/regionsPathIt.json +62 -0
- package/dist/runtime/components/oneRegionIt.vue +62 -0
- package/dist/runtime/components/oneRegionIt.vue.d.ts +54 -0
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -17,6 +17,10 @@ const module = defineNuxtModule({
|
|
|
17
17
|
path: resolve(runtimeDir, "components"),
|
|
18
18
|
watch: false
|
|
19
19
|
});
|
|
20
|
+
nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
|
|
21
|
+
const pub = nuxt.options.runtimeConfig.public;
|
|
22
|
+
pub.aurigaDirectusToken = pub.aurigaDirectusToken ?? "";
|
|
23
|
+
pub.aurigaDirectusUrl = pub.aurigaDirectusUrl ?? "https://metadata.rcd.lensuscloud.com/graphql";
|
|
20
24
|
}
|
|
21
25
|
});
|
|
22
26
|
|
|
@@ -198,5 +198,5 @@ export default defineComponent({
|
|
|
198
198
|
</script>
|
|
199
199
|
|
|
200
200
|
<style scoped>
|
|
201
|
-
.arg_accordion_menu{display:flex;flex-direction:column;width:100%}.arg_accordion_section{border-bottom:1px solid var(--light,#ececf2);margin-bottom:4px;padding-bottom:8px}.arg_accordion_section:last-child{border-bottom:none}.arg_accordion_header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s ease}.arg_accordion_header:hover{background-color:var(--light,#ececf2)}.arg_accordion_title{font-size:13px;font-weight:700;line-height:normal}.arg_accordion_chevron{align-items:center;display:flex;transition:transform .2s ease}.arg_accordion_chevron.rotated{transform:rotate(180deg)}.arg_accordion_content{max-height:0;overflow:hidden;padding-left:12px;padding-right:8px;transition:max-height .3s ease}.arg_accordion_content.open{margin-top:4px;max-height:2000px}.arg_accordion_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest,#1a1a2e);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:space-between;line-height:160%;padding:8px;text-decoration:none}.arg_accordion_item:hover:not(.is-active){background:var(--light,#ececf2)}.arg_accordion_item.is-active{background:rgba(
|
|
201
|
+
.arg_accordion_menu{display:flex;flex-direction:column;width:100%}.arg_accordion_section{border-bottom:1px solid var(--light,#ececf2);margin-bottom:4px;padding-bottom:8px}.arg_accordion_section:last-child{border-bottom:none}.arg_accordion_header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:8px;transition:background-color .2s ease}.arg_accordion_header:hover{background-color:var(--light,#ececf2)}.arg_accordion_title{font-size:13px;font-weight:700;line-height:normal}.arg_accordion_chevron{align-items:center;display:flex;transition:transform .2s ease}.arg_accordion_chevron.rotated{transform:rotate(180deg)}.arg_accordion_content{max-height:0;overflow:hidden;padding-left:12px;padding-right:8px;transition:max-height .3s ease}.arg_accordion_content.open{margin-top:4px;max-height:2000px}.arg_accordion_item{align-items:center;align-self:stretch;border-radius:4px;color:var(--darkest,#1a1a2e);cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px;justify-content:space-between;line-height:160%;padding:8px;text-decoration:none}.arg_accordion_item:hover:not(.is-active){background:var(--light,#ececf2)}.arg_accordion_item.is-active{background:rgba(32,23,173,.1)}.arg_accordion_item svg{color:var(--dark,#6c6c8a)!important}.arg_accordion_item.is-active svg,.arg_accordion_item:hover:not(.is-active) svg{color:var(--primary,#2017ad)!important}.arg_accordion_item_left{align-items:center;display:flex;gap:8px}.arg_accordion_indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.arg_accordion_indicator.has-data{background-color:var(--system-success,#2ecc71)}.arg_accordion_indicator.no-data{background-color:#bdbdd2}.arg_accordion_sub_section{margin-bottom:8px}.arg_accordion_sub_header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:4px 8px;transition:background-color .2s ease}.arg_accordion_sub_header:hover{background-color:var(--light,#ececf2)}.arg_accordion_sub_label{color:var(--dark,#6c6c8a);font-size:12px;font-weight:700}.arg_accordion_sub_chevron{align-items:center;color:var(--medium,#9999b0);display:flex;transition:transform .2s ease}.arg_accordion_sub_chevron.rotated{transform:rotate(180deg)}.arg_accordion_sub_content{background:rgba(234,236,248,.4);border-radius:8px;margin-top:4px;max-height:0;overflow:hidden;padding:0 8px;transition:max-height .2s ease,padding .2s ease}.arg_accordion_sub_content.open{max-height:300px;padding:8px}
|
|
202
202
|
</style>
|
|
@@ -136,5 +136,5 @@ export default defineComponent({
|
|
|
136
136
|
</script>
|
|
137
137
|
|
|
138
138
|
<style scoped>
|
|
139
|
-
.download_action{color:var(--primary-primary,#
|
|
139
|
+
.download_action{color:var(--primary-primary,#2017ad);font-weight:500;line-height:normal;text-align:center;text-decoration-line:underline}.cancel_action,.download_action{cursor:pointer;font-size:14px;font-style:normal}.cancel_action{align-items:center;border-radius:4px;display:flex;font-weight:400;gap:6px;line-height:160%;padding:6px;width:-moz-fit-content;width:fit-content}.cancel_action:hover{background:rgba(237,237,243,.65)!important}.scope_action{align-items:center;background:var(--primary-primary,#2017ad);border-radius:8px;box-shadow:4px 7px 12px 0 rgba(32,23,173,.2);color:var(--white);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:700;gap:var(--s,8px);justify-content:center;line-height:normal;padding:var(--s,8px) var(--m,16px)}.s .scope_action.disable{background:var(--light)!important}.download_action.disable,.s .scope_action.disable{color:var(--medium)!important}
|
|
140
140
|
</style>
|
|
@@ -797,5 +797,5 @@ export default defineComponent({
|
|
|
797
797
|
});
|
|
798
798
|
</script>
|
|
799
799
|
<style scoped>
|
|
800
|
-
.research_tags{flex-grow:1;flex-wrap:wrap;gap:8px;margin-top:8px}.filters_input_search,.research_tags{align-items:center;display:flex;flex-direction:row}.filters_input_search{background:var(--white);border:1.5px solid var(--light);border-radius:8px;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 12px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(
|
|
800
|
+
.research_tags{flex-grow:1;flex-wrap:wrap;gap:8px;margin-top:8px}.filters_input_search,.research_tags{align-items:center;display:flex;flex-direction:row}.filters_input_search{background:var(--white);border:1.5px solid var(--light);border-radius:8px;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 12px)}.filters_input_search.no_bottom{border:1.5px solid var(--primary)!important;border-bottom:none!important;border-radius:8px 8px 0 0;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.filters_shortcuts_open:not(.no_bottom){border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:80%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:2px 2px 3px rgba(32,23,173,.1),-2px 2px 3px rgba(32,23,173,.1);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_change_type{background:var(--white);border:1px solid var(--light);border-radius:8px;box-shadow:var(--small-shadow);display:flex;flex-direction:column;font-size:14px;gap:8px;left:-1px;line-height:16px;padding:8px 12px;position:absolute;top:-1px;z-index:99}.select_type{display:flex;flex-direction:row;gap:2px}.select_type:hover{color:var(--primary)!important}.select_type{cursor:pointer}.select_type.current{font-weight:600!important}.tag_search_type{color:var(--dark);cursor:pointer;font-size:14px;font-weight:700;line-height:normal}.tag_search_type:hover{color:var(--primary)}.input_shortcut_tag{align-items:center;background:var(--lightest);border:1px solid var(--light);border-radius:12px;display:flex;flex-direction:row;gap:4px;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag:hover{border:1px solid rgba(32,23,173,.3)!important}.remove_search_section{align-items:center;background:var(--white);border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%;margin-left:auto;padding:0 12px}.remove_search_section:hover,.select-remove{background:rgba(32,23,173,.1)!important}.remove_search_section:hover svg,.select-remove svg{color:var(--primary)!important}.remove_search{cursor:pointer}.remove_search:hover svg{color:var(--primary)!important}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:5}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;color:var(--white);display:flex;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:not(.no_bottom):hover{border:1.5px solid rgba(32,23,173,.2)!important}.filters_input_search:not(.no_bottom):focus-within{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(32,23,173,.3))!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}.search_suggestions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1.5px solid var(--light);border-radius:0 0 8px 8px;left:0;max-height:200px;overflow-y:scroll;position:absolute;width:100%;z-index:4}.search_suggestions::-webkit-scrollbar{height:5px;width:5px}.search_suggestions::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.search_suggestions::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.sugg_open{border-top:1.5px solid var(--primary)!important;border:1.5px solid var(--primary)!important;border-top-color:var(--light)!important;box-shadow:2px 2px 3px rgba(32,23,173,.1),-2px 2px 3px rgba(32,23,173,.1)}.sugg_container{cursor:pointer;display:flex;flex-direction:column}.sugg_container p:not(.loading){align-items:center;display:flex;gap:8px;padding:8px 12px}.sugg_container p.selected,.sugg_container p:not(.not-found,.loading,.no_hover):hover{background:rgba(93,153,250,.2)}.sugg_container p.selected svg,.sugg_container p:not(.not-found,.loading,.no_hover):hover svg{color:var(--primary)!important}.sugg_container p:last-of-type{border-radius:0 0 0 8px}.loading{color:var(--medium);font-style:italic;padding:8px 12px}.loading:after{animation:dots 1.3s step-end infinite;content:"";display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.select_shortcut{align-items:center;animation:shine 3s ease-in-out forwards;background:var(--white);border:1px solid transparent;border:1px solid var(--light);border-radius:6px;box-shadow:var(--medium-shadow);cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;font-size:16px;gap:4px;padding:4px 8px}@keyframes shine{0%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}25%{filter:drop-shadow(0 0 4px rgba(32,23,173,.5))}50%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}75%{filter:drop-shadow(0 0 4px rgba(32,23,173,.5))}to{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}.select_shortcut:hover{border:1px solid rgba(32,23,173,.3)!important}.select_shortcut:hover,.select_shortcut:hover svg,svg.remove:hover{color:var(--primary)!important}.remove{cursor:pointer}.relative{position:relative}
|
|
801
801
|
</style>
|
|
@@ -203,7 +203,7 @@ export default defineComponent({
|
|
|
203
203
|
fontSize: "12px",
|
|
204
204
|
fontWeight: "normal",
|
|
205
205
|
fontFamily: "Figtree, sans-serif",
|
|
206
|
-
color: "#
|
|
206
|
+
color: "#2017ad"
|
|
207
207
|
}
|
|
208
208
|
};
|
|
209
209
|
} else {
|
|
@@ -845,5 +845,5 @@ export default defineComponent({
|
|
|
845
845
|
});
|
|
846
846
|
</script>
|
|
847
847
|
<style>
|
|
848
|
-
.prmt_chart{font-family:Figtree,sans-serif!important;position:relative}.prmt_chart:hover{z-index:92!important}.prmt_chart_title{color:var(--darkest);font-size:18px;font-style:normal;font-weight:700;line-height:21px;margin-bottom:8px;margin-right:150px}.prmt_chart_title.prmt_chart_title_without_subtitle{margin-bottom:22px}.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center{max-height:100px!important}.prmt_chart_source{align-items:center;color:#
|
|
848
|
+
.prmt_chart{font-family:Figtree,sans-serif!important;position:relative}.prmt_chart:hover{z-index:92!important}.prmt_chart_title{color:var(--darkest);font-size:18px;font-style:normal;font-weight:700;line-height:21px;margin-bottom:8px;margin-right:150px}.prmt_chart_title.prmt_chart_title_without_subtitle{margin-bottom:22px}.apexcharts-legend.apx-legend-position-bottom.apexcharts-align-center{max-height:100px!important}.prmt_chart_source{align-items:center;color:#2017ad;cursor:pointer;display:flex;font-size:12px;font-style:normal;font-weight:400;gap:8px;height:14px;line-height:14px;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}.prmt_chart_source a{color:#2017ad}.prmt_chart_source:empty{visibility:hidden}.prmt_chart .apexcharts-toolbar{top:0!important}.prmt_chart .apexcharts-canvas .apexcharts-svg{overflow:visible}.prmt_chart .apexcharts-pie-area{stroke-width:0}.prmt_chart .apexcharts-canvas{position:static}.prmt_chart.bar-column_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path,.prmt_chart.bar_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path{clip-path:inset(0 0 -11% 0 round 6px)!important}.prmt_chart.bar-horizontal-group_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path,.prmt_chart.bar-horizontal_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path{clip-path:inset(0 0 0 -11% round 6px)!important}
|
|
849
849
|
</style>
|
|
@@ -70,5 +70,5 @@ function toggleCollapse() {
|
|
|
70
70
|
</script>
|
|
71
71
|
|
|
72
72
|
<style scoped>
|
|
73
|
-
.arg_dashboard_section{background:var(--base-white,#fff);border:1px solid var(--light,#ececf2);border-radius:10px;overflow:hidden}.arg_dashboard_section_header{align-items:center;background:var(--lightest,#f5f5fa);border-bottom:1px solid var(--light,#ececf2);cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arg_dashboard_section_header:hover{background:var(--light,#ececf2)}.arg_dashboard_drag_handle{align-items:center;border-radius:4px;cursor:grab;display:flex;padding:2px;transition:background .15s ease}.arg_dashboard_drag_handle:hover{background:var(--light,#ececf2)}.arg_dashboard_drag_handle:active{cursor:grabbing}.arg_dashboard_section_left{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.arg_dashboard_section_title{color:var(--darkest,#1a1a2e);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arg_dashboard_section_count{background:rgba(
|
|
73
|
+
.arg_dashboard_section{background:var(--base-white,#fff);border:1px solid var(--light,#ececf2);border-radius:10px;overflow:hidden}.arg_dashboard_section_header{align-items:center;background:var(--lightest,#f5f5fa);border-bottom:1px solid var(--light,#ececf2);cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.arg_dashboard_section_header:hover{background:var(--light,#ececf2)}.arg_dashboard_drag_handle{align-items:center;border-radius:4px;cursor:grab;display:flex;padding:2px;transition:background .15s ease}.arg_dashboard_drag_handle:hover{background:var(--light,#ececf2)}.arg_dashboard_drag_handle:active{cursor:grabbing}.arg_dashboard_section_left{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.arg_dashboard_section_title{color:var(--darkest,#1a1a2e);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arg_dashboard_section_count{background:rgba(32,23,173,.1);border-radius:10px;color:var(--primary,#2017ad);font-size:12px;font-weight:600;padding:2px 8px;white-space:nowrap}.arg_dashboard_section_right{align-items:center;display:flex;flex-shrink:0;gap:8px}.arg_dashboard_section_actions{align-items:center;display:flex;gap:4px}.arg_dashboard_section_separator{background:var(--light,#ececf2);height:20px;width:1px}.arg_dashboard_section_caret{align-items:center;display:flex;transition:transform .2s ease}.arg_dashboard_section_content{padding:0}
|
|
74
74
|
</style>
|
|
@@ -8,19 +8,19 @@
|
|
|
8
8
|
<div class="oip_data_loader_background_container">
|
|
9
9
|
<arg-icon
|
|
10
10
|
name="Percent"
|
|
11
|
-
color="#
|
|
11
|
+
color="#2017AD"
|
|
12
12
|
size="31"
|
|
13
13
|
class="oip_data_loader_icon_1"
|
|
14
14
|
/>
|
|
15
15
|
<arg-icon
|
|
16
16
|
name="MagicWand"
|
|
17
|
-
color="#
|
|
17
|
+
color="#2017AD"
|
|
18
18
|
size="31"
|
|
19
19
|
class="oip_data_loader_icon_2"
|
|
20
20
|
/>
|
|
21
21
|
<arg-icon
|
|
22
22
|
name="TestTube"
|
|
23
|
-
color="#
|
|
23
|
+
color="#2017AD"
|
|
24
24
|
size="31"
|
|
25
25
|
class="oip_data_loader_icon_3"
|
|
26
26
|
/>
|
|
@@ -29,13 +29,13 @@
|
|
|
29
29
|
</div>
|
|
30
30
|
<arg-icon
|
|
31
31
|
name="Flask"
|
|
32
|
-
color="#
|
|
32
|
+
color="#2017AD"
|
|
33
33
|
size="31"
|
|
34
34
|
class="oip_data_loader_icon_4"
|
|
35
35
|
/>
|
|
36
36
|
<arg-icon
|
|
37
37
|
name="Lightning"
|
|
38
|
-
color="#
|
|
38
|
+
color="#2017AD"
|
|
39
39
|
size="31"
|
|
40
40
|
class="oip_data_loader_icon_5"
|
|
41
41
|
/>
|
|
@@ -66,5 +66,5 @@ export default defineComponent({
|
|
|
66
66
|
</script>
|
|
67
67
|
|
|
68
68
|
<style scoped>
|
|
69
|
-
.oip_data_loader_container{display:flex;justify-content:center;padding:100px 20px}.oip_data_loader{position:relative}.oip_data_loader_text_group{margin-bottom:-5px;position:relative;z-index:2}.oip_data_loader_title{font-size:20px;font-weight:700;line-height:23px}.oip_data_loader_subtitle,.oip_data_loader_title{color:#
|
|
69
|
+
.oip_data_loader_container{display:flex;justify-content:center;padding:100px 20px}.oip_data_loader{position:relative}.oip_data_loader_text_group{margin-bottom:-5px;position:relative;z-index:2}.oip_data_loader_title{font-size:20px;font-weight:700;line-height:23px}.oip_data_loader_subtitle,.oip_data_loader_title{color:#2017ad;font-family:Figtree,sans-serif!important;font-style:normal;text-align:center}.oip_data_loader_subtitle{font-size:12px;font-weight:400;line-height:170%}.oip_data_loader_background_container{position:static;z-index:1}.oip_data_loader_outer_circle{animation:outer-circle-scale 10s ease infinite both;background:#eaeaf5;height:42px;width:42px}.oip_data_loader_inner_circle,.oip_data_loader_outer_circle{border-radius:50%;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:1}.oip_data_loader_inner_circle{animation:inner-circle-scale 10s ease infinite both;background:#f5f5f9;height:41.33px;width:41.33px}@keyframes outer-circle-scale{0%{opacity:0;transform:scale(1)}7.7%{opacity:1;transform:scale(2.6)}30.7%{opacity:1;transform:scale(3.6)}53.7%{opacity:1;transform:scale(3)}76.7%{opacity:1;transform:scale(3.9)}84.4%{opacity:1;transform:scale(3)}to{opacity:0;transform:scale(1)}}@keyframes inner-circle-scale{0%{opacity:1}7.7%{opacity:0}30.7%{opacity:0}53.7%{opacity:0}76.7%{opacity:0}84.4%{opacity:0}to{opacity:1}}.oip_data_loader_icon_1,.oip_data_loader_icon_2,.oip_data_loader_icon_3,.oip_data_loader_icon_4,.oip_data_loader_icon_5{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.oip_data_loader_icon_1{animation:icon1-scale 10s ease infinite both}.oip_data_loader_icon_2{animation:icon2-scale 10s ease infinite both}.oip_data_loader_icon_3{animation:icon3-scale 10s ease infinite both}.oip_data_loader_icon_4{animation:icon4-scale 10s ease infinite both}.oip_data_loader_icon_5{animation:icon5-scale 10s ease infinite both}@keyframes icon1-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(-74px,-57px)}30.7%{opacity:1;transform:translate(-74px,-59px) rotate(15deg)}53.7%{opacity:1;transform:translate(-74px,-59px)}76.7%{opacity:1;transform:translate(-74px,-59px) rotate(15deg)}84.4%{opacity:1;transform:translate(-74px,-59px)}to{opacity:0}}@keyframes icon2-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(40px,-89px)}30.7%{opacity:1;transform:translate(40px,-89px) rotate(-15deg)}53.7%{opacity:1;transform:translate(40px,-89px)}76.7%{opacity:1;transform:translate(40px,-89px) rotate(-15deg)}84.4%{opacity:1;transform:translate(40px,-89px)}to{opacity:0}}@keyframes icon3-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(112px,-35px)}30.7%{opacity:1;transform:translate(112px,-35px) rotate(15deg)}53.7%{opacity:1;transform:translate(112px,-35px)}76.7%{opacity:1;transform:translate(112px,-35px) rotate(15deg)}84.4%{opacity:1;transform:translate(112px,-35px)}to{opacity:0}}@keyframes icon4-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(-57px,69px)}30.7%{opacity:1;transform:translate(-57px,69px) rotate(-15deg)}53.7%{opacity:1;transform:translate(-57px,69px)}76.7%{opacity:1;transform:translate(-57px,69px) rotate(-15deg)}84.4%{opacity:1;transform:translate(-57px,69px)}to{opacity:0}}@keyframes icon5-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(48px,87px)}30.7%{opacity:1;transform:translate(48px,87px) rotate(-15deg)}53.7%{opacity:1;transform:translate(48px,87px)}76.7%{opacity:1;transform:translate(48px,87px) rotate(-15deg)}84.4%{opacity:1;transform:translate(48px,87px)}to{opacity:0}}
|
|
70
70
|
</style>
|
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
v-if="!isLoadingQuery && sourceResults"
|
|
4
|
+
class="oip_body oip_list gap-12"
|
|
5
|
+
:key="reloadKey"
|
|
6
|
+
>
|
|
7
|
+
<template v-for="(uuid, index) in reorderedUuids" :key="index">
|
|
8
|
+
<ArgSourceCollapse
|
|
9
|
+
v-if="
|
|
10
|
+
sourceResults?.find((x) =>
|
|
11
|
+
x?.sources?.some((y) => y?.source_uuid === uuid)
|
|
12
|
+
) ||
|
|
13
|
+
sourceResults?.find((x) => x?.provider_uuid === uuid)
|
|
14
|
+
"
|
|
15
|
+
:source-country="findProviderAndSource(uuid).provider?.provider_country"
|
|
16
|
+
:without-country="!showCountry"
|
|
17
|
+
:source-id="uuid"
|
|
18
|
+
:source-title="constructTitle(uuid)"
|
|
19
|
+
:default-open="sourceToOpen && sourceToOpen == uuid"
|
|
20
|
+
:lang="lang"
|
|
21
|
+
>
|
|
22
|
+
<div class="oip_list gap-24">
|
|
23
|
+
<div class="oip_row v-center gap-24">
|
|
24
|
+
<div>
|
|
25
|
+
<p class="oip_filter_label">{{ labels.lastUpdate }} :</p>
|
|
26
|
+
{{ getLastUpdate(uuid)?.update }}
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
<div>
|
|
30
|
+
<p class="oip_filter_label">{{ labels.frequency }} :</p>
|
|
31
|
+
{{ getLastUpdate(uuid)?.frequency }}
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="oip_list gap-8">
|
|
35
|
+
<p class="small_heading">{{ labels.aboutProvider }}</p>
|
|
36
|
+
<p v-html="getDescriptions(uuid).provider" />
|
|
37
|
+
</div>
|
|
38
|
+
<div class="oip_list gap-8">
|
|
39
|
+
<p class="small_heading">{{ labels.aboutSource }}</p>
|
|
40
|
+
<p v-html="getDescriptions(uuid).source" />
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</ArgSourceCollapse>
|
|
44
|
+
</template>
|
|
45
|
+
</div>
|
|
46
|
+
<div v-else class="oip_body oip_list gap-12">
|
|
47
|
+
<div v-for="i in 3" :key="i" class="oneLoader" />
|
|
48
|
+
</div>
|
|
49
|
+
</template>
|
|
50
|
+
|
|
51
|
+
<script>
|
|
52
|
+
import { onMounted, ref, watch, defineComponent, computed } from "vue";
|
|
53
|
+
import { useRuntimeConfig } from "#app";
|
|
54
|
+
import ArgSourceCollapse from "./argSourceCollapse.vue";
|
|
55
|
+
export default defineComponent({
|
|
56
|
+
name: "argDirectusSources",
|
|
57
|
+
components: { ArgSourceCollapse },
|
|
58
|
+
props: {
|
|
59
|
+
uuids: { type: Array, default: () => [] },
|
|
60
|
+
collection: { type: String, default: "DataProvider" },
|
|
61
|
+
// Optional overrides. By default, both are read from runtimeConfig.public
|
|
62
|
+
// (which is populated from .env via NUXT_PUBLIC_AURIGA_DIRECTUS_TOKEN / _URL).
|
|
63
|
+
directusUrl: { type: String, default: null },
|
|
64
|
+
directusToken: { type: String, default: null },
|
|
65
|
+
showCountry: { type: Boolean, default: true },
|
|
66
|
+
sourceToOpen: { type: String, default: null },
|
|
67
|
+
lang: { type: String, default: "en" }
|
|
68
|
+
},
|
|
69
|
+
emits: ["updateSources"],
|
|
70
|
+
setup(props, { emit }) {
|
|
71
|
+
const runtimeConfig = useRuntimeConfig();
|
|
72
|
+
const resolvedToken = computed(
|
|
73
|
+
() => props.directusToken || runtimeConfig?.public?.aurigaDirectusToken || ""
|
|
74
|
+
);
|
|
75
|
+
const resolvedUrl = computed(
|
|
76
|
+
() => props.directusUrl || runtimeConfig?.public?.aurigaDirectusUrl || "https://metadata.rcd.lensuscloud.com/graphql"
|
|
77
|
+
);
|
|
78
|
+
const sourceResults = ref([]);
|
|
79
|
+
const isLoadingQuery = ref(false);
|
|
80
|
+
const reloadKey = ref(0);
|
|
81
|
+
const reorderedUuids = computed(() => {
|
|
82
|
+
const uuids = Array.isArray(props.uuids) ? props.uuids : [];
|
|
83
|
+
if (props?.sourceToOpen && uuids.includes(props.sourceToOpen)) {
|
|
84
|
+
return [
|
|
85
|
+
props.sourceToOpen,
|
|
86
|
+
...uuids.filter((x) => x !== props.sourceToOpen)
|
|
87
|
+
];
|
|
88
|
+
}
|
|
89
|
+
return uuids;
|
|
90
|
+
});
|
|
91
|
+
function getTranslated(provider, source) {
|
|
92
|
+
const langCode = props.lang;
|
|
93
|
+
const providerTrans = provider?.translations?.find(
|
|
94
|
+
(t) => (t?.languages_code?.code || t?.languages_code)?.startsWith(langCode)
|
|
95
|
+
);
|
|
96
|
+
const sourceTrans = source?.translations?.find(
|
|
97
|
+
(t) => (t?.languages_code?.code || t?.languages_code)?.startsWith(langCode)
|
|
98
|
+
);
|
|
99
|
+
return {
|
|
100
|
+
providerName: providerTrans?.provider_name || provider?.provider_title || "",
|
|
101
|
+
providerDescription: providerTrans?.provider_description || provider?.provider_description || "",
|
|
102
|
+
sourceName: sourceTrans?.source_name || source?.source_title || "",
|
|
103
|
+
sourceDescription: sourceTrans?.source_description || source?.source_description || ""
|
|
104
|
+
};
|
|
105
|
+
}
|
|
106
|
+
function findProviderAndSource(uuid) {
|
|
107
|
+
const provider = sourceResults.value.find(
|
|
108
|
+
(x) => x?.provider_uuid === uuid || x?.sources?.some((y) => y?.source_uuid === uuid)
|
|
109
|
+
);
|
|
110
|
+
const source = provider?.sources?.find(
|
|
111
|
+
(x) => x?.source_uuid === uuid
|
|
112
|
+
);
|
|
113
|
+
return { provider, source };
|
|
114
|
+
}
|
|
115
|
+
function constructTitle(uuid) {
|
|
116
|
+
const { provider, source } = findProviderAndSource(uuid);
|
|
117
|
+
const translated = getTranslated(provider, source);
|
|
118
|
+
return `${translated.providerName} - ${translated.sourceName}`;
|
|
119
|
+
}
|
|
120
|
+
function getDescriptions(uuid) {
|
|
121
|
+
const { provider, source } = findProviderAndSource(uuid);
|
|
122
|
+
const translated = getTranslated(provider, source);
|
|
123
|
+
return {
|
|
124
|
+
provider: translated.providerDescription,
|
|
125
|
+
source: translated.sourceDescription
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
const dateLocale = computed(() => {
|
|
129
|
+
const map = {
|
|
130
|
+
fr: "fr-FR",
|
|
131
|
+
en: "en-GB",
|
|
132
|
+
es: "es-ES",
|
|
133
|
+
jp: "ja-JP",
|
|
134
|
+
kr: "ko-KR"
|
|
135
|
+
};
|
|
136
|
+
return map[props.lang] || "en-GB";
|
|
137
|
+
});
|
|
138
|
+
const labels = computed(() => {
|
|
139
|
+
const isEn = props.lang === "en";
|
|
140
|
+
return {
|
|
141
|
+
lastUpdate: isEn ? "Last Update" : "Derni\xE8re mise \xE0 jour",
|
|
142
|
+
frequency: isEn ? "Update Frequency" : "Fr\xE9quence de mise \xE0 jour",
|
|
143
|
+
aboutProvider: isEn ? "About the provider" : "\xC0 propos du fournisseur",
|
|
144
|
+
aboutSource: isEn ? "About the source" : "\xC0 propos de la source"
|
|
145
|
+
};
|
|
146
|
+
});
|
|
147
|
+
function getLastUpdate(uuid) {
|
|
148
|
+
const { provider, source } = findProviderAndSource(uuid);
|
|
149
|
+
const dateOpts = {
|
|
150
|
+
day: "numeric",
|
|
151
|
+
month: "long",
|
|
152
|
+
year: "numeric"
|
|
153
|
+
};
|
|
154
|
+
return {
|
|
155
|
+
update: source?.last_download_date ? new Date(source.last_download_date).toLocaleDateString(
|
|
156
|
+
dateLocale.value,
|
|
157
|
+
dateOpts
|
|
158
|
+
) : provider?.date_updated ? new Date(provider.date_updated).toLocaleDateString(
|
|
159
|
+
dateLocale.value,
|
|
160
|
+
dateOpts
|
|
161
|
+
) : "-",
|
|
162
|
+
visit: source?.source_last_visit ? new Date(source.source_last_visit).toLocaleDateString(
|
|
163
|
+
dateLocale.value,
|
|
164
|
+
dateOpts
|
|
165
|
+
) : "-",
|
|
166
|
+
frequency: source?.update_frequency ?? "-"
|
|
167
|
+
};
|
|
168
|
+
}
|
|
169
|
+
async function queryDirectus() {
|
|
170
|
+
const uuids = Array.isArray(props.uuids) ? props.uuids : [];
|
|
171
|
+
const uuidsLiteral = uuids.map((u) => `"${u}"`).join(", ");
|
|
172
|
+
const graphqlQuery = `
|
|
173
|
+
query {
|
|
174
|
+
${props.collection}(
|
|
175
|
+
filter: {
|
|
176
|
+
_or: [
|
|
177
|
+
{ provider_uuid: { _in: [${uuidsLiteral}] } },
|
|
178
|
+
{ sources: { source_uuid: { _in: [${uuidsLiteral}] } } }
|
|
179
|
+
]
|
|
180
|
+
}
|
|
181
|
+
) {
|
|
182
|
+
provider_uuid
|
|
183
|
+
provider_country
|
|
184
|
+
date_updated
|
|
185
|
+
translations {
|
|
186
|
+
provider_name
|
|
187
|
+
provider_description
|
|
188
|
+
languages_code {
|
|
189
|
+
code
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
sources {
|
|
193
|
+
source_uuid
|
|
194
|
+
last_download_date
|
|
195
|
+
source_last_visit
|
|
196
|
+
update_frequency
|
|
197
|
+
translations {
|
|
198
|
+
source_name
|
|
199
|
+
source_description
|
|
200
|
+
languages_code {
|
|
201
|
+
code
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
`;
|
|
208
|
+
try {
|
|
209
|
+
const response = await fetch(resolvedUrl.value, {
|
|
210
|
+
method: "POST",
|
|
211
|
+
headers: {
|
|
212
|
+
Authorization: `Bearer ${resolvedToken.value}`,
|
|
213
|
+
"Content-Type": "application/json"
|
|
214
|
+
},
|
|
215
|
+
body: JSON.stringify({ query: graphqlQuery })
|
|
216
|
+
});
|
|
217
|
+
if (!response.ok) {
|
|
218
|
+
const errorText = await response.text();
|
|
219
|
+
console.log(`Error: ${response.status}. ${errorText}`);
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
const responseData = await response.json();
|
|
223
|
+
const items = responseData?.data?.[props.collection] ?? [];
|
|
224
|
+
sourceResults.value = items;
|
|
225
|
+
emit("updateSources", sourceResults.value);
|
|
226
|
+
} catch (err) {
|
|
227
|
+
console.log(`Request failed: ${err.message}`);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
async function runQuery() {
|
|
231
|
+
if (!resolvedToken.value) {
|
|
232
|
+
throw new Error(
|
|
233
|
+
"Missing Directus token. Pass `directus-token` as a prop or set NUXT_PUBLIC_AURIGA_DIRECTUS_TOKEN in your .env."
|
|
234
|
+
);
|
|
235
|
+
}
|
|
236
|
+
isLoadingQuery.value = true;
|
|
237
|
+
await queryDirectus();
|
|
238
|
+
isLoadingQuery.value = false;
|
|
239
|
+
reloadKey.value += 1;
|
|
240
|
+
}
|
|
241
|
+
onMounted(runQuery);
|
|
242
|
+
watch(
|
|
243
|
+
() => props.uuids,
|
|
244
|
+
async () => {
|
|
245
|
+
await runQuery();
|
|
246
|
+
}
|
|
247
|
+
);
|
|
248
|
+
return {
|
|
249
|
+
sourceResults,
|
|
250
|
+
constructTitle,
|
|
251
|
+
getDescriptions,
|
|
252
|
+
getLastUpdate,
|
|
253
|
+
findProviderAndSource,
|
|
254
|
+
isLoadingQuery,
|
|
255
|
+
reorderedUuids,
|
|
256
|
+
reloadKey,
|
|
257
|
+
labels
|
|
258
|
+
};
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
</script>
|
|
262
|
+
|
|
263
|
+
<style scoped>
|
|
264
|
+
.small_heading{font-size:14px;font-weight:800;text-decoration:underline}.oneLoader{background:var(--white);border:1px solid var(--light);border-radius:8px;overflow:hidden;position:relative}.oneLoader,.oneLoader:after{height:70px;width:calc(100% - 2px)}.oneLoader:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,rgba(219,222,240,0),rgba(219,222,240,.6) 50%,rgba(219,222,240,0));content:"";left:-2px;position:absolute;top:0}@keyframes shimmer{0%{left:-100%}to{left:100%}}
|
|
265
|
+
</style>
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
uuids: {
|
|
3
|
+
type: () => string[];
|
|
4
|
+
default: () => never[];
|
|
5
|
+
};
|
|
6
|
+
collection: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
directusUrl: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: null;
|
|
13
|
+
};
|
|
14
|
+
directusToken: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: null;
|
|
17
|
+
};
|
|
18
|
+
showCountry: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
22
|
+
sourceToOpen: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: null;
|
|
25
|
+
};
|
|
26
|
+
lang: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: string;
|
|
29
|
+
};
|
|
30
|
+
}>, {
|
|
31
|
+
sourceResults: import("vue").Ref<any[], any[]>;
|
|
32
|
+
constructTitle: (uuid: string) => string;
|
|
33
|
+
getDescriptions: (uuid: string) => {
|
|
34
|
+
provider: any;
|
|
35
|
+
source: any;
|
|
36
|
+
};
|
|
37
|
+
getLastUpdate: (uuid: string) => {
|
|
38
|
+
update: string;
|
|
39
|
+
visit: string;
|
|
40
|
+
frequency: any;
|
|
41
|
+
};
|
|
42
|
+
findProviderAndSource: (uuid: string) => {
|
|
43
|
+
provider: any;
|
|
44
|
+
source: any;
|
|
45
|
+
};
|
|
46
|
+
isLoadingQuery: import("vue").Ref<boolean, boolean>;
|
|
47
|
+
reorderedUuids: import("vue").ComputedRef<string[]>;
|
|
48
|
+
reloadKey: import("vue").Ref<number, number>;
|
|
49
|
+
labels: import("vue").ComputedRef<{
|
|
50
|
+
lastUpdate: string;
|
|
51
|
+
frequency: string;
|
|
52
|
+
aboutProvider: string;
|
|
53
|
+
aboutSource: string;
|
|
54
|
+
}>;
|
|
55
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "updateSources"[], "updateSources", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
56
|
+
uuids: {
|
|
57
|
+
type: () => string[];
|
|
58
|
+
default: () => never[];
|
|
59
|
+
};
|
|
60
|
+
collection: {
|
|
61
|
+
type: StringConstructor;
|
|
62
|
+
default: string;
|
|
63
|
+
};
|
|
64
|
+
directusUrl: {
|
|
65
|
+
type: StringConstructor;
|
|
66
|
+
default: null;
|
|
67
|
+
};
|
|
68
|
+
directusToken: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: null;
|
|
71
|
+
};
|
|
72
|
+
showCountry: {
|
|
73
|
+
type: BooleanConstructor;
|
|
74
|
+
default: boolean;
|
|
75
|
+
};
|
|
76
|
+
sourceToOpen: {
|
|
77
|
+
type: StringConstructor;
|
|
78
|
+
default: null;
|
|
79
|
+
};
|
|
80
|
+
lang: {
|
|
81
|
+
type: StringConstructor;
|
|
82
|
+
default: string;
|
|
83
|
+
};
|
|
84
|
+
}>> & Readonly<{
|
|
85
|
+
onUpdateSources?: ((...args: any[]) => any) | undefined;
|
|
86
|
+
}>, {
|
|
87
|
+
lang: string;
|
|
88
|
+
uuids: string[];
|
|
89
|
+
collection: string;
|
|
90
|
+
directusUrl: string;
|
|
91
|
+
directusToken: string;
|
|
92
|
+
showCountry: boolean;
|
|
93
|
+
sourceToOpen: string;
|
|
94
|
+
}, {}, {
|
|
95
|
+
ArgSourceCollapse: any;
|
|
96
|
+
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
97
|
+
export default _default;
|
|
@@ -436,5 +436,5 @@ export default defineComponent({
|
|
|
436
436
|
</script>
|
|
437
437
|
|
|
438
438
|
<style scoped>
|
|
439
|
-
.disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--medium)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(
|
|
439
|
+
.disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--medium)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(32,23,173,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.full_width{width:100%}.separator{background:var(--light);height:1px;margin:8px 0;max-width:100%}.dropdown_option_display{display:flex;flex-direction:column}
|
|
440
440
|
</style>
|
|
@@ -89,5 +89,5 @@ export default defineComponent({
|
|
|
89
89
|
});
|
|
90
90
|
</script>
|
|
91
91
|
<style scoped>
|
|
92
|
-
.prmt_file_button{align-items:center;align-self:stretch;background:var(--demi-fond,#f9f9fa);border:1.5px solid var(--light,#ececf2);border-radius:10px;cursor:pointer;display:flex;gap:16px;max-width:600px;outline:none;padding:8px 16px;width:100%}.prmt_file_name_group{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:4px;justify-content:center}.prmt_file_name{color:var(--darkest,#3e3f5e);display:-webkit-box;font-size:14px;line-height:160%;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.prmt_file_name,.prmt_file_size{font-style:normal;font-weight:400}.prmt_file_size{color:var(--dark,#8487ac);font-size:10px;line-height:normal}.prmt_file_button div:empty,.prmt_file_button h2:empty{display:none}.prmt_file_link{color:var(--primary,#
|
|
92
|
+
.prmt_file_button{align-items:center;align-self:stretch;background:var(--demi-fond,#f9f9fa);border:1.5px solid var(--light,#ececf2);border-radius:10px;cursor:pointer;display:flex;gap:16px;max-width:600px;outline:none;padding:8px 16px;width:100%}.prmt_file_name_group{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;gap:4px;justify-content:center}.prmt_file_name{color:var(--darkest,#3e3f5e);display:-webkit-box;font-size:14px;line-height:160%;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.prmt_file_name,.prmt_file_size{font-style:normal;font-weight:400}.prmt_file_size{color:var(--dark,#8487ac);font-size:10px;line-height:normal}.prmt_file_button div:empty,.prmt_file_button h2:empty{display:none}.prmt_file_link{color:var(--primary,#2017ad);font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-align:center;text-decoration-line:underline}
|
|
93
93
|
</style>
|
|
@@ -179,5 +179,5 @@ export default defineComponent({
|
|
|
179
179
|
});
|
|
180
180
|
</script>
|
|
181
181
|
<style scoped>
|
|
182
|
-
.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;max-width:1032px;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#
|
|
182
|
+
.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;max-width:1032px;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2017ad)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
|
|
183
183
|
</style>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div
|
|
3
3
|
id="header_tabs_container"
|
|
4
4
|
class="header_tabs_section"
|
|
5
|
-
:class="!scrollOverflow ? '' : 'overflowx'"
|
|
5
|
+
:class="[!scrollOverflow ? '' : 'overflowx', `variant-${variant}`]"
|
|
6
6
|
>
|
|
7
7
|
<div class="header_tabs">
|
|
8
8
|
<div
|
|
@@ -96,6 +96,10 @@ export default defineComponent({
|
|
|
96
96
|
scrollOverflow: {
|
|
97
97
|
type: Boolean,
|
|
98
98
|
default: false
|
|
99
|
+
},
|
|
100
|
+
variant: {
|
|
101
|
+
type: String,
|
|
102
|
+
default: "default"
|
|
99
103
|
}
|
|
100
104
|
},
|
|
101
105
|
emits: ["updateMenu", "update:Menu"],
|
|
@@ -118,7 +122,10 @@ export default defineComponent({
|
|
|
118
122
|
if (!tab) return;
|
|
119
123
|
const slug = toSlug(String(tab));
|
|
120
124
|
if (route.query.tab !== slug) {
|
|
121
|
-
router.replace({
|
|
125
|
+
router.replace({
|
|
126
|
+
query: { ...route.query, tab: slug },
|
|
127
|
+
hash: route.hash
|
|
128
|
+
});
|
|
122
129
|
}
|
|
123
130
|
}
|
|
124
131
|
const initialTab = getTabIndexFromRoute();
|
|
@@ -290,5 +297,5 @@ export default defineComponent({
|
|
|
290
297
|
|
|
291
298
|
<!-- Custom navbar -->
|
|
292
299
|
<style scoped>
|
|
293
|
-
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px;padding:8px 16px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;border-radius:8px;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;transition:background-color .3s;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--primary);font-weight:600}.header_one_tab_active-selector{border-bottom:
|
|
300
|
+
.header_tabs{background-color:transparent;border-radius:12px;display:flex;flex-direction:row;gap:16px;position:relative;white-space:nowrap;width:auto}.header_tabs_section{overflow-y:visible}.header_tabs_section.overflowx{overflow-x:hidden}.header_tabs_overlay{overflow-y:visible}.header_tabs_overlay.overflowx{overflow-x:scroll}.header_tabs_overlay::-webkit-scrollbar{display:none!important}.header_one_tab_container{display:inline-block;margin-right:24px;padding:8px 16px}.header_one_tab_container:last-of-type{margin-right:0!important}.header_one_tab{background-color:transparent;border:none;border-radius:8px;color:var(--medium);cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:500;list-style:none;overflow-wrap:break-word;overflow-y:visible;padding:0 0 8px;text-align:center;transition:background-color .3s;vertical-align:middle;white-space:pre-line}.header_one_tab:not(.active):hover{color:var(--primary)!important}.header_one_tab.active{color:var(--primary);font-weight:600}.header_one_tab_active-selector{border-bottom:5px solid var(--primary);bottom:0;height:2px;left:0;list-style:none;min-width:5px;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.header_one_tab_bis{align-items:center;display:flex;gap:8px;justify-content:center}.header_one_tab_icon.active{color:var(--primary)}.rcd_scroll_icon{cursor:pointer}.active_header{background-color:#2017ad10;border-radius:8px 8px 0 0;color:var(--primary)!important;transition:background-color .3s}.variant-discovery .header_one_tab:not(.active):hover{color:#046051!important}.variant-discovery .header_one_tab.active{color:#046051}.variant-discovery .header_one_tab_active-selector{border-bottom-color:#046051}.variant-discovery .header_one_tab_icon.active{color:#046051}.variant-discovery .active_header{background-color:#04605110;color:#046051!important}.variant-pharmanalyse .header_one_tab:not(.active):hover{color:#f97316!important}.variant-pharmanalyse .header_one_tab.active{color:#f97316}.variant-pharmanalyse .header_one_tab_active-selector{border-bottom-color:#f97316}.variant-pharmanalyse .header_one_tab_icon.active{color:#f97316}.variant-pharmanalyse .active_header{background-color:#f9731610;color:#f97316!important}.variant-databanks .header_one_tab:not(.active):hover{color:#e46794!important}.variant-databanks .header_one_tab.active{color:#e46794}.variant-databanks .header_one_tab_active-selector{border-bottom-color:#e46794}.variant-databanks .header_one_tab_icon.active{color:#e46794}.variant-databanks .active_header{background-color:#e4679410;color:#e46794!important}
|
|
294
301
|
</style>
|