cc-core-cli 1.0.139 → 1.0.140

package/template/admin/public/static/styles/style_clean.css

@@ -0,0 +1,51 @@
+/* AntD v5 styles are now imported automatically */
+@import url("./login.css");
+@import url("./mainheader.css");
+@import url("./layout.css");
+@import url("./system.css");
+@import url("./permission_denied.css");
+@import url("./entities.css");
+@import url("./input.css");
+@import url("./hook.css");
+@import url("./setting.css");
+@import url("./wysiwyg.css");
+@import url("./activity_log.css");
+@import url("./filter.css");
+@import url("./versioning_control.css");
+@import url("./print_template.css");
+@import url("./import_export.css");
+@import url("./compute_field.css");
+@import url("./detail.css");
+@import url("./restful.css");
+@import url("./collections.css");
+@import url("./rabbitmq.css");
+@import url("./custom_icon.css");
+@import url("./filter_new.css");
+@import url("./date_search.css");
+@import url("react-big-calendar/lib/css/react-big-calendar.css");
+@import url("./calendar.css");
+@import url("./datepicker.css");
+@import url("./pipeline.css");
+@import url("./tree_theme_minimal.css");
+@import url("./matrix.css");
+@import url("./editTable.css");
+
+/*----- Custom table ------*/
+.ant-table-column-sorters {
+    padding-left: 0px;
+    padding-right: 0px;
+}
+
+.header-table-border {
+    border-bottom: 1px solid #d9d9d9;
+}
+
+.header-table {
+    min-height: 65px;
+}
+
+.header-table .right-section {
+    padding-right: 15px;
+}
+
+/* Basic custom styles without LESS syntax */

package/template/admin/public/static/styles/system.css

@@ -0,0 +1,11 @@
+.maintenance-layout {
+  width : 100%;
+  height: 90vh;
+}
+
+.maintenance-layout .container {
+  display        : flex;
+  flex-direction : column;
+  justify-content: center;
+  align-items    : center;
+}

package/template/admin/public/static/styles/theme-override.css

@@ -0,0 +1,118 @@
+/* Theme Override CSS for AntD v5 */
+/* This file provides fallback overrides for AntD v5 components to match v4 layout */
+
+/* Login button specific styling to match v4 appearance */
+.button_login {
+  /* These values will be overridden by design tokens if available */
+  height: 44px;
+  font-size: 16px;
+  font-weight: 500;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+}
+
+.button_login:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Form input styling to match v4 */
+.login-input .ant-input,
+.login-input-password .ant-input {
+  /* These values will be overridden by design tokens if available */
+  height: 44px;
+  font-size: 16px;
+  border-radius: 6px;
+  border: 1px solid #d9d9d9;
+  transition: all 0.3s ease;
+}
+
+.login-input .ant-input:focus,
+.login-input-password .ant-input:focus {
+  border-color: var(--primary-color, #04ace4);
+  box-shadow: 0 0 0 2px rgba(4, 172, 228, 0.2);
+}
+
+/* Typography adjustments for v4 compatibility */
+.login-form .ant-typography {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+.login-form .ant-typography h1,
+.login-form .ant-typography h2,
+.login-form .ant-typography h3 {
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+/* Form spacing adjustments to match v4 layout */
+.login-form .ant-form-item {
+  /* This will be overridden by design tokens if available */
+  margin-bottom: 16px;
+}
+
+.login-form .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+
+/* Table spacing adjustments for v4 compatibility - more generous spacing */
+.ant-table-thead > tr > th {
+  /* This will be overridden by design tokens if available */
+  padding: 16px 16px !important;
+}
+
+.ant-table-tbody > tr > td {
+  /* This will be overridden by design tokens if available */
+  padding: 16px 16px !important;
+}
+
+/* Button spacing adjustments for v4 compatibility - sharp corners */
+.ant-btn {
+  /* This will be overridden by design tokens if available */
+  height: 32px;
+  padding: 4px 15px;
+  border-radius: 4px !important; /* v4 default */
+}
+
+.ant-btn-lg {
+  height: 40px;
+  padding: 6px 20px;
+  border-radius: 6px !important; /* v4 default */
+}
+
+.ant-btn-sm {
+  height: 24px;
+  padding: 0px 7px;
+  border-radius: 2px !important; /* v4 default */
+}
+
+/* Input spacing adjustments for v4 compatibility - sharp corners */
+.ant-input {
+  /* This will be overridden by design tokens if available */
+  height: 32px;
+  border-radius: 4px !important; /* v4 default */
+}
+
+.ant-input-lg {
+  height: 40px;
+  border-radius: 6px !important; /* v4 default */
+}
+
+.ant-input-sm {
+  height: 24px;
+  border-radius: 2px !important; /* v4 default */
+}
+
+/* Responsive adjustments */
+@media (max-width: 768px) {
+  .button_login {
+    height: 48px;
+    font-size: 18px;
+  }
+  
+  .login-input .ant-input,
+  .login-input-password .ant-input {
+    height: 48px;
+    font-size: 18px;
+  }
+}

package/template/admin/public/static/styles/tree_theme_minimal.css

@@ -0,0 +1,284 @@
+/* New tree_theme_minimal.css without LESS imports */
+@import url("./custom-antd.css");
+
+.node {
+  width: 50%;
+  white-space: nowrap;
+  position: relative;
+  text-align: left;
+  min-width: 100%;
+  overflow: hidden;
+}
+
+.nodeContent{
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+
+.validDrop {
+  background: #26C281;
+}
+
+.invalidDrop {
+  background: #C0392B;
+}
+
+.highlight {
+  background: rgba(240, 240, 240, 0.7);
+  height: 100%;
+  cursor: pointer;
+}
+
+.rowWrapper {
+padding: 2px 2px 2px 0;
+height: 100%;
+box-sizing: border-box;
+cursor: move;
+}
+
+.rowWrapper:hover {
+  opacity: 0.7;
+  padding: 3px 3px 3px 0;
+}
+
+.rowWrapper:active {
+  opacity: 1;
+}
+
+.rowWrapperDragDisabled {
+cursor: default;
+}
+
+.rowWrapperDragDisabled:hover {
+  opacity: 1;
+}
+
+.row {
+height: 100%;
+white-space: nowrap;
+display: flex;
+}
+
+.row > * {
+  box-sizing: border-box;
+}
+
+.rowLandingPad {
+border: none !important;
+box-shadow: none !important;
+outline: none !important;
+width: 500px;
+}
+
+.rowLandingPad * {
+  opacity: 0 !important;
+}
+
+.rowLandingPad::before {
+  background-color: lightblue;
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+}
+
+.rowCancelPad::before {
+  background-color: #e6a8ad;
+}
+
+.rowSearchMatch {
+outline: solid 1px #0080ff;
+}
+
+.rowSearchFocus {
+outline: solid 1px #fc6421;
+}
+
+.rowItem {
+display: inline-block;
+vertical-align: middle;
+}
+
+.move-drag-source {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  padding: 5px;
+  background: #f6f7f9;
+}
+
+.rowContents {
+display: inline-block;
+vertical-align: middle;
+position: relative;
+height: 100%;
+}
+
+.rowLabel {
+  display: inline-block;
+  vertical-align: middle;
+flex: 0 1 auto;
+padding-right: 20px;
+width: 100%;
+}
+
+.rowToolbar {
+  display: inline-block;
+  vertical-align: middle;
+flex: 0 1 auto;
+display: flex;
+}
+
+.moveHandle {
+display: inline-block;
+vertical-align: middle;
+height: 100%;
+width: 44px;
+background: #d9d9d9
+  url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+')
+  no-repeat center;
+border: solid #aaa 1px;
+box-shadow: 0 2px 2px -2px;
+cursor: move;
+border-radius: 1px;
+z-index: 1;
+}
+
+.loadingHandle {
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+  width: 44px;
+  background: #d9d9d9
+    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+')
+    no-repeat center;
+  border: solid #aaa 1px;
+  box-shadow: 0 2px 2px -2px;
+  cursor: move;
+  border-radius: 1px;
+  z-index: 1;
+cursor: default;
+background: #d9d9d9;
+}
+
+@keyframes pointFade {
+0%,
+19.999%,
+100% {
+  opacity: 0;
+}
+20% {
+  opacity: 1;
+}
+}
+
+.loadingCircle {
+width: 80%;
+height: 80%;
+margin: 10%;
+position: relative;
+}
+
+.loadingCirclePoint {
+width: 100%;
+height: 100%;
+position: absolute;
+left: 0;
+top: 0;
+}
+
+.loadingCirclePoint:before {
+  content: '';
+  display: block;
+  margin: 0 auto;
+  width: 11%;
+  height: 30%;
+  background-color: #fff;
+  border-radius: 30%;
+}
+
+.toolbarButton {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.rowTitle {
+cursor: pointer;
+}
+
+.rowTitleWithSubtitle {
+display: block;
+}
+
+.rowSubtitle {
+font-size: 70%;
+line-height: 0.7;
+width: 95%;
+overflow: hidden;
+white-space: nowrap;
+text-overflow: ellipsis;
+display: inline-block;
+}
+
+.collapseButton,
+.expandButton {
+appearance: none;
+background: none;
+border: none;
+position: absolute;
+width: 16px;
+height: 16px;
+top: 50%;
+cursor: pointer;
+z-index: 1000;
+transform: translate(-50%, -50%);
+cursor: pointer;
+}
+
+.collapseButton:focus,
+.expandButton:focus {
+  outline:0;
+}
+
+.collapseButton:before {
+  content: "\25bc";
+}
+
+.expandButton:before {
+  content:"\25b6";
+}
+
+.lineChildren {
+height: 100%;
+display: inline-block;
+position: absolute;
+}
+
+.contentContainer {
+width: 75%;
+}
+
+.name-row {    
+  font-size   : 14px;    
+}
+
+.name-description {
+  padding-left: 15px;
+  font-size   : 12px;
+  color       : #9c9c9c;
+}
+
+.remove-icon {
+ padding-right:   10px;    
+ cursor: pointer; 
+ display:  none;   
+}
+
+.rowContents:hover .remove-icon {
+  display:  flex !important;
+}

package/template/admin/public/static/styles/versioning_control.css

@@ -0,0 +1,16 @@
+.versioning-control .left-section .version-title {
+  font-size: 13px;
+}
+
+.versioning-control .left-section .version {
+  font-size: 30px;
+}
+
+.versioning-control .middle-section .title {
+  font-size: 14px;
+}
+
+.versioning-control .middle-section .text {
+  font-weight: 500;
+  font-size  : 13px;
+}

package/template/admin/public/static/styles/wysiwyg.css

@@ -0,0 +1,3 @@
+.disable-sun-editor-toolbar .se-toolbar-cover {
+  display: block !important;
+}

package/template/admin/theme/main.css

@@ -0,0 +1,38 @@
+@import url("./custom-antd.css");
+@import url("../styles/collections.css");
+@import url("../styles/compute_field.css");
+@import url("../styles/detail.css");
+@import url("../styles/entities.css");
+@import url("../styles/hook.css");
+@import url("../styles/input.css");
+@import url("../styles/layout.css");
+@import url("../styles/login.css");
+@import url("../styles/mainheader.css");
+@import url("../styles/restful.css");
+@import url("../styles/setting.css");
+@import url("../styles/system.css");
+@import url("../styles/rabbitmq.css");
+@import url("../styles/datepicker.css");
+@import url("../styles/matrix.css");
+@import url("../styles/tree_theme_minimal.css");
+@import url("../styles/editTable.css");
+
+/* Base styles ที่ไม่ขึ้นกับ components */
+html, body {
+  font-family: var(--font-family);
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
+
+/* Ant Design overrides */
+.ant-layout {
+  background: var(--background-color);
+}
+
+.ant-menu {
+  background: var(--menu-dark-bg);
+}
+
+.ant-table {
+  background: var(--white-color);
+}

package/template/admin/theme/vars.css

@@ -0,0 +1,10 @@
+/* Fallback CSS variables - ใช้เป็น backup ถ้า custom-antd.css ไม่โหลด */
+@import url("../public/static/styles/custom-antd.css");
+:root {
+  --primary-color:var(--primary-color);
+  --text-color: var(--text-color);
+  --background-color:var(--background-color);
+  --white-color: var(--white-color);
+  --border-color-base:var(--border-color-base);
+  --border-radius-base: var(--border-radius-base);
+}

package/template/admin/public/static/styles/activity_log.less

@@ -1,157 +0,0 @@
-.modal-activity-log-default-profile {
-  svg {
-    width : 100px;
-    height: 100px;
-  }
-}
-
-#log_setting_form {
-  .ant-form-item-has-feedback .ant-switch {
-    margin: 0
-  }
-}
-
-.activity-log-button {
-  color: rgb(102, 0, 255);
-
-  &.ant-btn {
-    border: 1px solid rgb(102, 0, 255);
-  }
-
-  &.ant-btn:hover,
-  &.ant-btn:focus {
-    border: 1px solid rgb(102, 0, 255);
-  }
-}
-
-.ant-drawer.activity-log {
-
-
-  .ant-drawer-content-wrapper {
-    width: 450px !important;
-
-    .ant-drawer-wrapper-body {
-      .ant-drawer-title {
-        .refresh {
-          svg {
-            width       : 16px;
-            height      : 16px;
-            margin-right: 0px;
-          }
-        }
-
-        svg {
-          width       : 16px;
-          height      : 16px;
-          margin-right: 6px;
-        }
-      }
-
-      .ant-drawer-body {
-        padding: 24px 0px;
-
-        .ant-divider.ant-divider-horizontal:first-child {
-          display: none;
-        }
-
-        .title-date {
-          margin-bottom: 15px;
-          padding      : 0px 24px;
-        }
-
-        .activity-contents {
-          margin-bottom: 3px;
-          padding      : 8px 24px;
-
-          .left-section {
-            .image {
-              margin-right: 10px;
-              width       : 55px;
-
-              .image-action {
-                text-align: center;
-                margin-top: 3px;
-
-                .ant-avatar-circle {
-                  width        : 38px;
-                  height       : 38px;
-                  margin-bottom: 4px;
-                }
-
-                .anticon-user {
-                  svg {
-                    width : 36px;
-                    height: 36px;
-                  }
-                }
-
-                .action {
-                  font-size: 13px;
-                }
-              }
-            }
-
-            .user-name {
-              font-weight: 500;
-              font-size  : 13px;
-            }
-
-            .ip {
-              font-size: 10px;
-            }
-          }
-
-          .right-section {
-            position  : relative;
-            text-align: right;
-
-            .time {
-              font-size: 12px;
-            }
-
-            .type-log {
-              position: absolute;
-              bottom  : 0;
-              right   : 0;
-
-              .ant-tag {
-                margin-right: 0;
-              }
-            }
-          }
-
-          &.failed {
-            background  : #fff1f0 !important;
-            border-color: #ffa39e;
-          }
-        }
-      }
-    }
-  }
-}
-
-.ant-btn.activity-log {
-  svg {
-    width : 16px;
-    height: 16px;
-  }
-}
-
-.ant-list-split.activity-log-diff-list {
-  .ant-list-item {
-    border-bottom: none;
-    padding: 6px 0;
-  }
-
-  .list-item-container {
-    display: block;
-  }
-}
-
-@media (max-width: @screen-sm-max) {
-  .ant-drawer.activity-log {
-    .ant-drawer-content-wrapper {
-      width: 85% !important;
-    }
-  }
-}