@conduction/nextcloud-vue 0.1.0-beta.17 → 0.1.0-beta.18
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/nextcloud-vue.cjs.js +524 -317
- package/dist/nextcloud-vue.cjs.js.map +1 -1
- package/dist/nextcloud-vue.css +64 -56
- package/dist/nextcloud-vue.esm.js +524 -317
- package/dist/nextcloud-vue.esm.js.map +1 -1
- package/l10n/en.json +2 -0
- package/l10n/nl.json +2 -0
- package/package.json +1 -1
- package/src/components/CnAdvancedFormDialog/CnPropertiesTab.vue +135 -118
- package/src/components/CnDashboardPage/CnDashboardPage.vue +17 -1
- package/src/components/CnDeleteDialog/CnDeleteDialog.vue +1 -1
- package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue +32 -0
- package/src/css/index.css +1 -0
- package/src/css/main.css +3 -0
- package/src/store/plugins/files.js +53 -1
package/dist/nextcloud-vue.css
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
/* @conduction/nextcloud-vue — Main CSS entry point */
|
|
2
|
+
:root {
|
|
3
|
+
--color-new: var(--color-text-maxcontrast-default);
|
|
4
|
+
}
|
|
2
5
|
/* ========================================
|
|
3
6
|
@conduction/nextcloud-vue — Table Styles
|
|
4
7
|
======================================== */
|
|
@@ -2751,7 +2754,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
2751
2754
|
}
|
|
2752
2755
|
|
|
2753
2756
|
|
|
2754
|
-
.cn-delete__confirm[data-v-
|
|
2757
|
+
.cn-delete__confirm[data-v-a85683fa] {
|
|
2755
2758
|
padding: 4px 0;
|
|
2756
2759
|
}
|
|
2757
2760
|
|
|
@@ -3164,20 +3167,20 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3164
3167
|
}
|
|
3165
3168
|
|
|
3166
3169
|
|
|
3167
|
-
.cn-advanced-form-dialog__table-container[data-v-
|
|
3170
|
+
.cn-advanced-form-dialog__table-container[data-v-7a17ec5c] {
|
|
3168
3171
|
background: var(--color-main-background);
|
|
3169
3172
|
border-radius: var(--border-radius);
|
|
3170
3173
|
box-shadow: 0 2px 4px var(--color-box-shadow);
|
|
3171
3174
|
border: 1px solid var(--color-border);
|
|
3172
3175
|
margin-bottom: calc(5 * var(--default-grid-baseline));
|
|
3173
3176
|
}
|
|
3174
|
-
.cn-advanced-form-dialog__table[data-v-
|
|
3177
|
+
.cn-advanced-form-dialog__table[data-v-7a17ec5c] {
|
|
3175
3178
|
width: 100%;
|
|
3176
3179
|
border-collapse: collapse;
|
|
3177
3180
|
background-color: var(--color-main-background);
|
|
3178
3181
|
}
|
|
3179
|
-
.cn-advanced-form-dialog__table th[data-v-
|
|
3180
|
-
.cn-advanced-form-dialog__table td[data-v-
|
|
3182
|
+
.cn-advanced-form-dialog__table th[data-v-7a17ec5c],
|
|
3183
|
+
.cn-advanced-form-dialog__table td[data-v-7a17ec5c] {
|
|
3181
3184
|
padding: calc(3 * var(--default-grid-baseline));
|
|
3182
3185
|
text-align: left;
|
|
3183
3186
|
border-bottom: 1px solid var(--color-border);
|
|
@@ -3186,102 +3189,99 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3186
3189
|
/* Selected (editing) row: align the constrained label cell to the top of the
|
|
3187
3190
|
value cell so tall inputs (textarea, JSON editor) do not visually overflow
|
|
3188
3191
|
into the next row. */
|
|
3189
|
-
.cn-advanced-form-dialog__table-row--selected td[data-v-
|
|
3192
|
+
.cn-advanced-form-dialog__table-row--selected td[data-v-7a17ec5c] {
|
|
3190
3193
|
vertical-align: top;
|
|
3191
3194
|
}
|
|
3192
|
-
.cn-advanced-form-dialog__table th[data-v-
|
|
3195
|
+
.cn-advanced-form-dialog__table th[data-v-7a17ec5c] {
|
|
3193
3196
|
background: var(--color-background-dark);
|
|
3194
3197
|
font-weight: 500;
|
|
3195
3198
|
color: var(--color-text-maxcontrast);
|
|
3196
3199
|
}
|
|
3197
|
-
.cn-advanced-form-dialog__table-row[data-v-
|
|
3200
|
+
.cn-advanced-form-dialog__table-row[data-v-7a17ec5c] {
|
|
3198
3201
|
cursor: pointer;
|
|
3199
3202
|
transition: background-color 0.2s ease;
|
|
3200
3203
|
background-color: var(--color-main-background);
|
|
3201
3204
|
}
|
|
3202
|
-
.cn-advanced-form-dialog__table-row[data-v-
|
|
3205
|
+
.cn-advanced-form-dialog__table-row[data-v-7a17ec5c]:hover {
|
|
3203
3206
|
background-color: var(--color-background-hover);
|
|
3204
3207
|
}
|
|
3205
3208
|
/* Active/selected row: light blue; ensure it wins over validation state classes */
|
|
3206
|
-
.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-
|
|
3207
|
-
.cn-advanced-form-dialog__table-row--selected[data-v-
|
|
3209
|
+
.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c],
|
|
3210
|
+
.cn-advanced-form-dialog__table-row--selected[data-v-7a17ec5c]:hover {
|
|
3208
3211
|
background-color: var(--color-primary-light);
|
|
3209
3212
|
box-shadow: inset 3px 0 0 0 var(--color-primary);
|
|
3210
3213
|
}
|
|
3211
|
-
.cn-advanced-form-dialog__table-row--
|
|
3212
|
-
background-color: var(--color-warning-light);
|
|
3213
|
-
}
|
|
3214
|
-
.cn-advanced-form-dialog__table-row--non-editable[data-v-0e9d750d] {
|
|
3214
|
+
.cn-advanced-form-dialog__table-row--non-editable[data-v-7a17ec5c] {
|
|
3215
3215
|
background-color: var(--color-background-dark);
|
|
3216
3216
|
cursor: not-allowed;
|
|
3217
3217
|
opacity: 0.7;
|
|
3218
3218
|
}
|
|
3219
|
-
.cn-advanced-form-dialog__table-row--non-editable *[data-v-
|
|
3219
|
+
.cn-advanced-form-dialog__table-row--non-editable *[data-v-7a17ec5c] {
|
|
3220
3220
|
cursor: not-allowed !important;
|
|
3221
3221
|
}
|
|
3222
|
-
.cn-advanced-form-dialog__table-row--invalid[data-v-
|
|
3222
|
+
.cn-advanced-form-dialog__table-row--invalid[data-v-7a17ec5c] {
|
|
3223
3223
|
background-color: var(--color-error-light);
|
|
3224
3224
|
}
|
|
3225
|
-
.cn-advanced-form-dialog__table-row--warning[data-v-
|
|
3225
|
+
.cn-advanced-form-dialog__table-row--warning[data-v-7a17ec5c] {
|
|
3226
3226
|
background-color: var(--color-warning-light);
|
|
3227
3227
|
}
|
|
3228
|
-
.cn-advanced-form-dialog__table-col-constrained[data-v-
|
|
3228
|
+
.cn-advanced-form-dialog__table-col-constrained[data-v-7a17ec5c] {
|
|
3229
3229
|
width: 150px;
|
|
3230
3230
|
max-width: 150px;
|
|
3231
3231
|
overflow: hidden;
|
|
3232
3232
|
text-overflow: ellipsis;
|
|
3233
3233
|
white-space: nowrap;
|
|
3234
3234
|
}
|
|
3235
|
-
.cn-advanced-form-dialog__table-col-expanded[data-v-
|
|
3235
|
+
.cn-advanced-form-dialog__table-col-expanded[data-v-7a17ec5c] {
|
|
3236
3236
|
width: auto;
|
|
3237
3237
|
min-width: 200px;
|
|
3238
3238
|
}
|
|
3239
|
-
.cn-advanced-form-dialog__table-col-actions[data-v-
|
|
3239
|
+
.cn-advanced-form-dialog__table-col-actions[data-v-7a17ec5c] {
|
|
3240
3240
|
width: 56px;
|
|
3241
3241
|
text-align: right;
|
|
3242
3242
|
white-space: nowrap;
|
|
3243
3243
|
}
|
|
3244
|
-
.cn-advanced-form-dialog__prop-cell[data-v-
|
|
3244
|
+
.cn-advanced-form-dialog__prop-cell[data-v-7a17ec5c] {
|
|
3245
3245
|
width: 30%;
|
|
3246
3246
|
font-weight: 600;
|
|
3247
3247
|
}
|
|
3248
|
-
.cn-advanced-form-dialog__value-cell[data-v-
|
|
3248
|
+
.cn-advanced-form-dialog__value-cell[data-v-7a17ec5c] {
|
|
3249
3249
|
width: 70%;
|
|
3250
3250
|
word-break: break-word;
|
|
3251
3251
|
border-radius: 4px;
|
|
3252
3252
|
}
|
|
3253
|
-
.cn-advanced-form-dialog__value-cell > *[data-v-
|
|
3253
|
+
.cn-advanced-form-dialog__value-cell > *[data-v-7a17ec5c] {
|
|
3254
3254
|
max-width: 100%;
|
|
3255
3255
|
}
|
|
3256
|
-
.cn-advanced-form-dialog__prop-cell-content[data-v-
|
|
3256
|
+
.cn-advanced-form-dialog__prop-cell-content[data-v-7a17ec5c] {
|
|
3257
3257
|
display: flex;
|
|
3258
3258
|
align-items: center;
|
|
3259
3259
|
gap: 8px;
|
|
3260
3260
|
}
|
|
3261
|
-
.cn-advanced-form-dialog__validation-icon[data-v-
|
|
3261
|
+
.cn-advanced-form-dialog__validation-icon[data-v-7a17ec5c] {
|
|
3262
3262
|
flex-shrink: 0;
|
|
3263
3263
|
}
|
|
3264
|
-
.cn-advanced-form-dialog__validation-icon--error[data-v-
|
|
3264
|
+
.cn-advanced-form-dialog__validation-icon--error[data-v-7a17ec5c] {
|
|
3265
3265
|
color: var(--color-error);
|
|
3266
3266
|
}
|
|
3267
|
-
.cn-advanced-form-dialog__validation-icon--edited[data-v-
|
|
3268
|
-
color: var(--color-
|
|
3267
|
+
.cn-advanced-form-dialog__validation-icon--edited[data-v-7a17ec5c] {
|
|
3268
|
+
color: var(--color-primary-element);
|
|
3269
3269
|
}
|
|
3270
|
-
.cn-advanced-form-dialog__validation-icon--warning[data-v-
|
|
3270
|
+
.cn-advanced-form-dialog__validation-icon--warning[data-v-7a17ec5c] {
|
|
3271
3271
|
color: var(--color-warning);
|
|
3272
3272
|
}
|
|
3273
|
-
.cn-advanced-form-dialog__validation-icon--lock[data-v-
|
|
3273
|
+
.cn-advanced-form-dialog__validation-icon--lock[data-v-7a17ec5c] {
|
|
3274
3274
|
color: var(--color-text-lighter);
|
|
3275
3275
|
}
|
|
3276
|
-
.cn-advanced-form-dialog__validation-icon--new[data-v-
|
|
3277
|
-
color: var(--color-
|
|
3276
|
+
.cn-advanced-form-dialog__validation-icon--new[data-v-7a17ec5c] {
|
|
3277
|
+
color: var(--color-new);
|
|
3278
3278
|
}
|
|
3279
|
-
.cn-advanced-form-dialog__required-indicator[data-v-
|
|
3279
|
+
.cn-advanced-form-dialog__required-indicator[data-v-7a17ec5c] {
|
|
3280
3280
|
color: var(--color-error-text);
|
|
3281
3281
|
font-weight: bold;
|
|
3282
3282
|
cursor: help;
|
|
3283
3283
|
}
|
|
3284
|
-
.cn-advanced-form-dialog__immutable-badge[data-v-
|
|
3284
|
+
.cn-advanced-form-dialog__immutable-badge[data-v-7a17ec5c] {
|
|
3285
3285
|
display: inline-block;
|
|
3286
3286
|
padding: 1px 6px;
|
|
3287
3287
|
border-radius: 10px;
|
|
@@ -3293,6 +3293,9 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3293
3293
|
letter-spacing: 0.02em;
|
|
3294
3294
|
cursor: help;
|
|
3295
3295
|
white-space: nowrap;
|
|
3296
|
+
}
|
|
3297
|
+
.cn-advanced-form-dialog__unsaved-note[data-v-7a17ec5c] {
|
|
3298
|
+
margin-bottom: calc(3 * var(--default-grid-baseline));
|
|
3296
3299
|
}
|
|
3297
3300
|
|
|
3298
3301
|
|
|
@@ -3731,7 +3734,7 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3731
3734
|
}
|
|
3732
3735
|
|
|
3733
3736
|
|
|
3734
|
-
.cn-widget-wrapper[data-v-
|
|
3737
|
+
.cn-widget-wrapper[data-v-38c9c90e] {
|
|
3735
3738
|
height: 100%;
|
|
3736
3739
|
display: flex;
|
|
3737
3740
|
flex-direction: column;
|
|
@@ -3739,23 +3742,23 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3739
3742
|
border: 1px solid var(--color-border);
|
|
3740
3743
|
overflow: hidden;
|
|
3741
3744
|
}
|
|
3742
|
-
.cn-widget-wrapper__content[data-v-
|
|
3745
|
+
.cn-widget-wrapper__content[data-v-38c9c90e] {
|
|
3743
3746
|
flex: 1;
|
|
3744
3747
|
overflow: auto;
|
|
3745
3748
|
min-height: 0;
|
|
3746
3749
|
padding: 16px;
|
|
3747
3750
|
}
|
|
3748
|
-
.cn-widget-wrapper--borderless[data-v-
|
|
3751
|
+
.cn-widget-wrapper--borderless[data-v-38c9c90e] {
|
|
3749
3752
|
border: none;
|
|
3750
3753
|
background: transparent;
|
|
3751
3754
|
}
|
|
3752
|
-
.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-
|
|
3755
|
+
.cn-widget-wrapper--borderless .cn-widget-wrapper__content[data-v-38c9c90e] {
|
|
3753
3756
|
padding: 0;
|
|
3754
3757
|
}
|
|
3755
|
-
.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-
|
|
3758
|
+
.cn-widget-wrapper--flush .cn-widget-wrapper__content[data-v-38c9c90e] {
|
|
3756
3759
|
padding: 0;
|
|
3757
3760
|
}
|
|
3758
|
-
.cn-widget-wrapper__header[data-v-
|
|
3761
|
+
.cn-widget-wrapper__header[data-v-38c9c90e] {
|
|
3759
3762
|
display: flex;
|
|
3760
3763
|
align-items: center;
|
|
3761
3764
|
justify-content: space-between;
|
|
@@ -3763,18 +3766,18 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3763
3766
|
border-bottom: 1px solid var(--color-border);
|
|
3764
3767
|
flex-shrink: 0;
|
|
3765
3768
|
}
|
|
3766
|
-
.cn-widget-wrapper__header-left[data-v-
|
|
3769
|
+
.cn-widget-wrapper__header-left[data-v-38c9c90e] {
|
|
3767
3770
|
display: flex;
|
|
3768
3771
|
align-items: center;
|
|
3769
3772
|
gap: 8px;
|
|
3770
3773
|
min-width: 0;
|
|
3771
3774
|
}
|
|
3772
|
-
.cn-widget-wrapper__icon[data-v-
|
|
3775
|
+
.cn-widget-wrapper__icon[data-v-38c9c90e] {
|
|
3773
3776
|
width: 24px;
|
|
3774
3777
|
height: 24px;
|
|
3775
3778
|
flex-shrink: 0;
|
|
3776
3779
|
}
|
|
3777
|
-
.cn-widget-wrapper__title[data-v-
|
|
3780
|
+
.cn-widget-wrapper__title[data-v-38c9c90e] {
|
|
3778
3781
|
font-weight: 600;
|
|
3779
3782
|
font-size: 14px;
|
|
3780
3783
|
margin: 0;
|
|
@@ -3782,12 +3785,17 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3782
3785
|
overflow: hidden;
|
|
3783
3786
|
text-overflow: ellipsis;
|
|
3784
3787
|
}
|
|
3785
|
-
.cn-widget-wrapper__actions[data-v-
|
|
3788
|
+
.cn-widget-wrapper__actions[data-v-38c9c90e] {
|
|
3786
3789
|
display: flex;
|
|
3787
3790
|
gap: 4px;
|
|
3788
3791
|
flex-shrink: 0;
|
|
3789
3792
|
}
|
|
3790
|
-
.cn-widget-
|
|
3793
|
+
.cn-widget-wrapper__title-icon[data-v-38c9c90e] {
|
|
3794
|
+
display: flex;
|
|
3795
|
+
align-items: center;
|
|
3796
|
+
flex-shrink: 0;
|
|
3797
|
+
}
|
|
3798
|
+
.cn-widget-wrapper__footer[data-v-38c9c90e] {
|
|
3791
3799
|
display: flex;
|
|
3792
3800
|
justify-content: flex-end;
|
|
3793
3801
|
gap: 8px;
|
|
@@ -3795,12 +3803,12 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3795
3803
|
border-top: 1px solid var(--color-border);
|
|
3796
3804
|
flex-shrink: 0;
|
|
3797
3805
|
}
|
|
3798
|
-
.cn-widget-wrapper__footer-link[data-v-
|
|
3806
|
+
.cn-widget-wrapper__footer-link[data-v-38c9c90e] {
|
|
3799
3807
|
font-size: 13px;
|
|
3800
3808
|
color: var(--color-primary-element);
|
|
3801
3809
|
text-decoration: none;
|
|
3802
3810
|
}
|
|
3803
|
-
.cn-widget-wrapper__footer-link[data-v-
|
|
3811
|
+
.cn-widget-wrapper__footer-link[data-v-38c9c90e]:hover {
|
|
3804
3812
|
text-decoration: underline;
|
|
3805
3813
|
}
|
|
3806
3814
|
|
|
@@ -3882,11 +3890,11 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3882
3890
|
}
|
|
3883
3891
|
|
|
3884
3892
|
|
|
3885
|
-
.cn-dashboard-page[data-v-
|
|
3893
|
+
.cn-dashboard-page[data-v-3abb3b3a] {
|
|
3886
3894
|
padding: 20px;
|
|
3887
3895
|
max-width: 1400px;
|
|
3888
3896
|
}
|
|
3889
|
-
.cn-dashboard-page__header[data-v-
|
|
3897
|
+
.cn-dashboard-page__header[data-v-3abb3b3a] {
|
|
3890
3898
|
display: flex;
|
|
3891
3899
|
justify-content: space-between;
|
|
3892
3900
|
align-items: flex-start;
|
|
@@ -3894,29 +3902,29 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
|
|
|
3894
3902
|
flex-wrap: wrap;
|
|
3895
3903
|
gap: 12px;
|
|
3896
3904
|
}
|
|
3897
|
-
.cn-dashboard-page__header-left[data-v-
|
|
3905
|
+
.cn-dashboard-page__header-left[data-v-3abb3b3a] {
|
|
3898
3906
|
min-width: 0;
|
|
3899
3907
|
}
|
|
3900
|
-
.cn-dashboard-page__title[data-v-
|
|
3908
|
+
.cn-dashboard-page__title[data-v-3abb3b3a] {
|
|
3901
3909
|
margin: 0;
|
|
3902
3910
|
font-size: 20px;
|
|
3903
3911
|
font-weight: 700;
|
|
3904
3912
|
}
|
|
3905
|
-
.cn-dashboard-page__description[data-v-
|
|
3913
|
+
.cn-dashboard-page__description[data-v-3abb3b3a] {
|
|
3906
3914
|
margin: 4px 0 0;
|
|
3907
3915
|
font-size: 14px;
|
|
3908
3916
|
color: var(--color-text-maxcontrast);
|
|
3909
3917
|
}
|
|
3910
|
-
.cn-dashboard-page__header-actions[data-v-
|
|
3918
|
+
.cn-dashboard-page__header-actions[data-v-3abb3b3a] {
|
|
3911
3919
|
display: flex;
|
|
3912
3920
|
gap: 8px;
|
|
3913
3921
|
flex-wrap: wrap;
|
|
3914
3922
|
flex-shrink: 0;
|
|
3915
3923
|
}
|
|
3916
|
-
.cn-dashboard-page__empty[data-v-
|
|
3924
|
+
.cn-dashboard-page__empty[data-v-3abb3b3a] {
|
|
3917
3925
|
padding: 60px 20px;
|
|
3918
3926
|
}
|
|
3919
|
-
.cn-dashboard-page__unknown[data-v-
|
|
3927
|
+
.cn-dashboard-page__unknown[data-v-3abb3b3a] {
|
|
3920
3928
|
display: flex;
|
|
3921
3929
|
align-items: center;
|
|
3922
3930
|
justify-content: center;
|