|
18 | 18 | <svws-ui-input-wrapper center>
|
19 | 19 | <input type="file" accept=".lp" @change="import_file" :disabled="loading">
|
20 | 20 | <svws-ui-spinner :spinning="loading" />
|
21 |
| - <br> {{ status === false ? "Fehler beim Import" : status === true ? "Import erfolgreich" : "" }} |
| 21 | + <br> {{ (typeof status === "string") ? ("Fehler beim Import: " + status) : ((status === null) ? "Import erfolgreich" : "") }} |
22 | 22 | </svws-ui-input-wrapper>
|
23 | 23 | <div class="mt-3 -mb-3 opacity-50">
|
24 | 24 | <p class="text-sm text-left">
|
|
65 | 65 |
|
66 | 66 | const props = defineProps<LadeDatenProps>();
|
67 | 67 |
|
68 |
| - const status = ref<boolean | undefined>(undefined); |
| 68 | + const status = ref<string | null | undefined>(undefined); |
69 | 69 | const loading = ref<boolean>(false);
|
70 | 70 |
|
71 | 71 | async function import_file(event: Event) {
|
|
79 | 79 | loading.value = true;
|
80 | 80 | const formData = new FormData();
|
81 | 81 | formData.append("data", file);
|
82 |
| - await props.importLaufbahnplanung(formData); |
83 |
| - status.value = true; |
| 82 | + status.value = await props.importLaufbahnplanung(formData); |
84 | 83 | loading.value = false;
|
85 | 84 | }
|
86 | 85 |
|
87 | 86 | </script>
|
88 | 87 |
|
89 | 88 | <style lang="postcss" scoped>
|
| 89 | +
|
90 | 90 | .login-wrapper {
|
91 | 91 | @apply flex h-full flex-col justify-between;
|
92 | 92 | }
|
|
101 | 101 |
|
102 | 102 | .login-container {
|
103 | 103 | @apply bg-cover bg-top h-full flex flex-col justify-center items-center px-4;
|
104 |
| - /*background-image: url('/images/noise.svg'), url('/images/placeholder-background.jpg'); |
105 |
| - background-size: 100px, cover; |
106 |
| - background-blend-mode: overlay, normal;*/ |
107 | 104 | background-image: url('/images/start-hintergrund.jpg');
|
108 |
| - /*background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.8), transparent 90%), |
109 |
| - linear-gradient(to top, #2285d5 0%, transparent 70%), |
110 |
| - linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.4) 70%), |
111 |
| - #e3eefb; |
112 |
| - animation: bg 30s infinite; |
113 |
| -
|
114 |
| - &:before { |
115 |
| - content: ''; |
116 |
| - @apply absolute inset-0 pointer-events-none; |
117 |
| - background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.5), transparent 60%); |
118 |
| - } |
119 |
| -
|
120 |
| - &:after { |
121 |
| - content: ''; |
122 |
| - @apply absolute inset-0 opacity-10 pointer-events-none; |
123 |
| - background-image: linear-gradient(rgba(255, 255, 255, 1) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 1) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 1) 1px, rgba(255, 255, 255, 0) 1px); |
124 |
| - background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px; |
125 |
| - background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px; |
126 |
| - }*/ |
127 | 105 | }
|
128 | 106 |
|
129 |
| - /* @keyframes bg { |
130 |
| - 0%, 100% { background-color: #2285d5; } |
131 |
| - 25% { background-color: #8a5cf6; } |
132 |
| - 50% { background-color: #84cc16; } |
133 |
| - 75% { background-color: #fff693; } |
134 |
| - } */ |
135 |
| -
|
136 | 107 | .modal {
|
137 | 108 | @apply shadow-2xl shadow-black/50 rounded-3xl;
|
138 | 109 | }
|
139 | 110 |
|
| 111 | + input[type="file" i]{ /* the name of the selected file */ |
| 112 | + @apply w-full; |
| 113 | + } |
| 114 | +
|
140 | 115 | </style>
|
0 commit comments