refactor: make text ellipsis

Services/client/src/components/FileItem.vue

@@ -63,8 +63,12 @@ async function handleSubmit() {
       >
         <div class="box border-radius-inherit">
           <q-card flat @click="() => getFolder(value.pathname)">
-            <q-card-section class="column justify-center relative q-px-xl">
+            <q-card-section
-              <q-icon :name="currentIcon" size="6em" color="primary" />
+              class="column justify-center relative q-px-xl"
+              style="max-width: 220px"
+              :title="value.name"
+            >
+              <q-icon :name="currentIcon" size="6em" color="primary"  class="column justify-center relative q-px-md"/>
               <div
                 class="absolute"
                 style="top: 0.5rem; right: 0.5rem"
@@ -82,7 +86,11 @@ async function handleSubmit() {
                   "
                 />
               </div>
-              <span class="text-center q-pt-md">{{ value.name }}</span>
+              <span
+                class="text-center q-pt-md text-overflow-handle"
+                style="max-width: 150px"
+                >{{ value.name }}</span
+              >
             </q-card-section>
           </q-card>
         </div>
@@ -91,8 +99,6 @@ async function handleSubmit() {
         class="inline-block"
         v-if="props.action && currentDept < 4"
         tabindex="0"
-        
-
       >
         <div class="dashed border-radius-inherit">
           <q-card
@@ -308,4 +314,10 @@ async function handleSubmit() {
   right: 45px;
   background-color: white;
 }
+
+.text-overflow-handle {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 </style>

Services/server/.env.example

@@ -1,18 +1,13 @@
 PUBLIC_KEY=
 
-PORT=
-
 MINIO_HOST=localhost
-MINIO_PORT=443
+MINIO_PORT=9000
-MINIO_SSL=true
 MINIO_ACCESS_KEY=
 MINIO_SECRET_KEY=
-MINIO_BUCKET=
 
 ELASTICSEARCH_PROTOCOL=http
 ELASTICSEARCH_HOST=localhost
 ELASTICSEARCH_PORT=9200
-ELASTICSEARCH_INDEX=
 
 AMQ_URL=amqp://admin:1234@localhost:9999
 AMQ_QUEUE=queue

Services/server/docker-compose.yaml

@@ -0,0 +1,66 @@
+version: "3.8"
+
+name: "ehr"
+
+services:
+  elasticsearch:
+    build:
+      context: .
+    restart: unless-stopped
+    ports:
+      - 9200:9200
+    volumes:
+      - elasticsearch-data:/usr/share/elasticsearch/data
+    environment:
+      - xpack.security.enabled=false
+      - discovery.type=single-node
+
+  kibana:
+    image: kibana:8.10.2
+    restart: unless-stopped
+    depends_on:
+      - elasticsearch
+    ports:
+      - 5601:5601
+    volumes:
+      - kibana-data:/usr/share/kibana/data
+    environment:
+      - ELASTICSEARCH_HOSTS=http://elasticsearch:9200
+
+  minio:
+    image: minio/minio:latest
+    restart: unless-stopped
+    depends_on:
+      - elasticsearch
+    command: server --console-address ":9001" /data
+    ports:
+      - 9000:9000
+      - 9001:9001
+    volumes:
+      - minio-data:/data
+    environment:
+      - MINIO_ROOT_USER=ehr
+      - MINIO_ROOT_PASSWORD=P@ssw0rd
+
+  keycloak:
+    image: quay.io/keycloak/keycloak:22.0.3
+    restart: unless-stopped
+    command:
+      - start-dev
+    ports:
+      - 8080:8080
+    volumes:
+      - keycloak-data:/opt/keycloak/data
+    environment:
+      - KEYCLOAK_ADMIN=ehr
+      - KEYCLOAK_ADMIN_PASSWORD=P@ssw0rd
+
+volumes:
+  elasticsearch-data:
+    driver: local
+  kibana-data:
+    driver: local
+  minio-data:
+    driver: local
+  keycloak-data:
+    driver: local