comand-component-library 3.1.43 → 3.1.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "3.1.43",
+  "version": "3.1.44",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -17,7 +17,7 @@
   ],
   "dependencies": {
     "clickout-event": "^1.1.2",
-    "comand-frontend-framework": "^3.2.23",
+    "comand-frontend-framework": "^3.2.27",
     "core-js": "^3.16.1",
     "vue": "^3.2.1",
     "vue-router": "^4.0.11",
@@ -30,6 +30,7 @@
     "@vue/cli-plugin-vuex": "^4.5.13",
     "@vue/cli-service": "^4.5.13",
     "@vue/compiler-sfc": "^3.1.5",
+    "axios": "^0.24.0",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^7.14.0",

package/src/App.vue

@@ -758,7 +758,12 @@
         <a id="section-upload-form"></a>
         <CmdWidthLimitationWrapper>
             <h2 class="headline-demopage">Upload-Form</h2>
-            <CmdUploadForm headline="Select files to upload" :enableDragAndDrop="true" :allowedFileTypes="['image/jpeg']"/>
+            <CmdUploadForm headline="Select files to upload"
+                           :enableDragAndDrop="true"
+                           :allowedFileExtensions="['jpg']"
+                           :allowMultipleFileUploads="true"
+                           :uploadOptions="{url: 'http://localhost:8888'}"
+            />
         </CmdWidthLimitationWrapper>
     </main>
 

package/src/components/CmdFormElement.vue

@@ -28,7 +28,6 @@
                    @change="$emit('change', $event)"
                    :autocomplete="datalist ? 'off' : 'on'"
                    :list="datalist ? datalist.id : false"
-                   :disabled="status === 'disabled'"
                    :value="value"
             />
         </template>
@@ -50,7 +49,6 @@
                    :value="inputValue"
                    :class="[htmlClass, status, { 'replace-input-type': replaceInputType }]"
                    :id="id"
-                   :disabled="status === 'disabled'"
                    :aria-invalid="status === 'error'"
                    :aria-describedby="`status-message-${id}`"
             />
@@ -66,7 +64,6 @@
         <select v-if="element === 'select'"
                 v-bind="$attrs"
                 :id="id"
-                :disabled="status === 'disabled'"
                 @change="$emit('input', $event.target.value)"
         >
             <option v-for="(option, index) in selectOptions" :key="index" :value="option.value"
@@ -79,7 +76,6 @@
         <textarea v-if="element === 'textarea'"
                   v-bind="$attrs"
                   :id="id"
-                  :disabled="status === 'disabled'"
                   :value="value"
                   @input="onInput"
                   @focus="tooltip = true"
@@ -94,7 +90,7 @@
         <!-- begin searchfield -->
         <span v-else-if="element === 'input' && $attrs.type === 'search'" class="flex-container no-gap">
       <input v-bind="$attrs" :id="id" @input="onInput" :value="value"/>
-      <button class="no-flex" type="button" :disabled="status === 'disabled'">
+      <button class="no-flex" type="button">
         <span class="icon-search"></span>
       </button>
     </span>
@@ -102,7 +98,7 @@
     </label>
 
     <!-- begin button -->
-    <button v-else class="button" v-bind="$attrs" :disabled="status === 'disabled'">
+    <button v-else class="button" v-bind="$attrs">
         <span v-if="buttonIcon.iconPosition === 'before'" :class="buttonIcon.iconClass"></span>
         <span v-if="buttonIcon.iconPosition">{{ buttonText }}</span>
         <template v-else>

package/src/components/CmdLoginForm.vue

@@ -142,9 +142,9 @@
                 :class="['button', { primary: buttons.sendLogin.primary }]"
             >
                   <span
-                      v-if="buttons.sendLogin.icon.iconClass"
-                      :class="buttons.sendLogin.icon.iconClass"
-                      :title="buttons.sendLogin.icon.tooltip"
+                      v-if="buttons.sendLogin.icon?.iconClass"
+                      :class="buttons.sendLogin.icon?.iconClass"
+                      :title="buttons.sendLogin.icon?.tooltip"
                   ></span>
                 <span v-if="buttons.sendLogin.text">{{ buttons.sendLogin.text }}</span>
             </button>

package/src/components/CmdProgressBar.vue

@@ -13,7 +13,7 @@ export default {
     name: "CmdProgressBar",
     data() {
         return {
-            loadingStatus: 50
+            loadingStatus: 30
         }
     },
     props: {

package/src/components/CmdSwitchButton.vue

@@ -4,9 +4,11 @@
                     'colored' : colored, 'on' : colored && isChecked,
                     'off' : colored && !isChecked, 'disabled': $attrs.disabled
                     }
-                    ]" :for="id">
-        <input :type="type" :id="id" :name="name" :value="inputValue" :checked="isChecked" @change="onChange"
-               v-bind="$attrs"/>
+                    ]"
+           :for="id"
+           :title="$attrs.title"
+    >
+        <input :type="type" :id="id" :name="name" :value="inputValue" :checked="isChecked" @change="onChange" v-bind="$attrs"/>
         <span class="label" v-if="onLabel && offLabel && !labelText">{{ onLabel }}</span>
         <span class="label" v-if="onLabel && offLabel && !labelText">{{ offLabel }}</span>
         <span class="label" v-if="!onLabel && !offLabel && labelText">{{ labelText }}</span>