cc-core-cli 1.0.138 → 1.0.140

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

@@ -0,0 +1,864 @@
+.ant-select-multiple.ant-select-show-arrow.no-padding-loading .ant-select-selector,
+.ant-select-multiple.ant-select-allow-clear.no-padding-loading .ant-select-selector {
+  padding-right: 4px;
+}
+
+.ant-select-show-search.ant-select-multiple.no-padding-loading .ant-select-selector {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.page-entities .dnd-list-wrapper {
+  min-height: 500px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.page-entities .add-field-button,
+.page-entities .add-field-button:focus {
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color) !important;
+  background-color: transparent !important;
+}
+
+.page-entities .add-field-button:hover {
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color) !important;
+  background-color: transparent !important;
+  opacity: 0.7;
+}
+
+.page-entities .fullwidth {
+  width: 100%;
+}
+
+.page-entities .add-row-container {
+  position: relative;
+}
+
+.page-entities .add-row-icon-right {
+  font-size: 17px;
+}
+
+.page-entities .add-row-vertical-divide {
+  margin-right: 8px;
+  border-left: 1px solid var(--dark-color);
+}
+
+.page-entities .empty-blocks {
+  width: 100%;
+  min-height: 60px;
+  border: 1px dashed var(--border-color-base);
+}
+
+.page-entities .row-container {
+  border-radius: 5px;
+  padding-right: 5px;
+  margin-bottom: 15px;
+  background-color: var(--background-color);
+  border: 1px dashed var(--border-color-base);
+  min-height: 46px !important;
+}
+
+.page-entities .row-container .dnd-move {
+  cursor: move;
+  border-right: 1px dashed var(--border-color-base);
+  width: 25px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.page-entities .row-container .dnd-edit {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.page-entities .row-container .dnd-edit .edit svg {
+  cursor: pointer;
+  height: 18px;
+  margin-top: 5px;
+}
+
+.page-entities .row-container .dnd-edit .edit.title {
+  display: flex;
+}
+
+.page-entities .row-container .content {
+  display: flex;
+  flex: 1;
+}
+
+.page-entities .row-container .content.column {
+  width: calc(100% - 61px);
+}
+
+.page-entities .row-container .content .title-container,
+.page-entities .row-container .content .select-list-container,
+.page-entities .row-container .content .standard-list-container {
+  display: flex;
+  flex: 1;
+  padding-left: 10px;
+  align-items: center;
+  cursor: pointer;
+}
+
+.page-entities .row-container .content .layout-container {
+  padding: 6px 10px 10px 20px;
+  align-items: center;
+  cursor: pointer;
+}
+
+.page-entities .row-container .content .layout-container .layout-detail {
+  margin-top: 6px;
+}
+
+.page-entities .row-container .content .layout-container .layout-detail .position-top,
+.page-entities .row-container .content .layout-container .layout-detail .position-bottom {
+  min-height: 25px;
+  border: 1px solid var(--border-color-base);
+  background-color: var(--background-color);
+}
+
+.page-entities .row-container .content .layout-container .layout-detail .position-middle-top {
+  min-height: 25px;
+  border-bottom: 1px solid var(--border-color-base);
+  background-color: var(--background-color);
+}
+
+.page-entities .row-container .content .layout-container .layout-detail .position-middle-bottom {
+  min-height: 25px;
+  border-top: 1px solid var(--border-color-base);
+  background-color: var(--background-color);
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+}
+
+.page-entities .row-container .content .layout-container .layout-detail .position-left,
+.page-entities .row-container .content .layout-container .layout-detail .position-right {
+  min-height: 75px;
+  border: 1px solid var(--border-color-base);
+  background-color: var(--background-color);
+  border-top: none;
+  border-bottom: none;
+}
+
+.page-entities .row-container .ant-tabs-tab {
+  border: 1px solid var(--list-layouts-border);
+  border-bottom: unset;
+  background-color: var(--background-color);
+}
+
+.page-entities .row-container .ant-tabs-tab.ant-tabs-tab-active {
+  background-color: white;
+}
+
+.page-entities .row-container .ant-tabs-nav {
+  border-bottom: 1px solid var(--list-layouts-border);
+}
+
+.page-entities .row-container .ant-card-bordered {
+  border: 0px solid var(--list-layouts-border);
+  border-radius: 0px;
+}
+
+.page-entities .row-container .table-container {
+  padding: 5px 10px 10px 10px;
+}
+
+.page-entities .row-container .table-container td,
+.page-entities .row-container .table-container th {
+  padding: 0px;
+  border: 1px solid #dfdfdf;
+}
+
+.page-entities .row-container .table-container table {
+  width: 100%;
+  height: 100px;
+  border: 1px solid #dfdfdf;
+  border-collapse: collapse;
+  border-bottom-right-radius: var(--border-radius-base);
+  border-bottom-left-radius: var(--border-radius-base);
+}
+
+.page-entities .row-column {
+  flex: 1;
+  border-radius: 5px;
+  background: transparent;
+  border-right: 1px dashed var(--border-color-base);
+  border-radius: 0;
+}
+
+.page-entities .row-column:last-child {
+  border-right: unset;
+}
+
+.page-entities .row-column .field-container-column {
+  position: relative;
+  cursor: pointer;
+  margin: 5px 10px;
+  background-color: #FFFFFF;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--list-layouts-border);
+  border-radius: var(--border-radius-base);
+}
+
+.page-entities .row-column .field-container-column .image-container {
+  text-align: center;
+  padding: 5px 10px 10px 10px;
+}
+
+.page-entities .row-column .field-container-column .image-container img {
+  width: 100%;
+  max-width: 150px;
+}
+
+.page-entities .row-column .field-container-column .widget-container {
+  min-height: auto;
+  text-align: center;
+  padding: 5px 10px 10px 10px;
+}
+
+.page-entities .row-column .field-container-column .widget-container img {
+  width: 100%;
+  max-width: 80px;
+  opacity: 0.7;
+}
+
+.page-entities .row-column .field-container-column .field {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: flex;
+  flex-direction: row;
+}
+
+.page-entities .row-column .field-container-column .field .content {
+  width: 90%;
+  padding: 5px 15px;
+}
+
+.page-entities .row-column .field-container-column .field .remove {
+  display: none;
+}
+
+.page-entities .row-column .field-container-column .field .icon_read_only {
+  display: flex;
+  cursor: pointer;
+  position: absolute;
+  right: 9px;
+  top: 9px;
+  z-index: 2;
+}
+
+.page-entities .row-column .field-container-column .field span.ant-typography {
+  padding-right: 8px;
+}
+
+.page-entities .row-column .field-container-column.hidden .field,
+.page-entities .row-column .field-container-column.hidden .map-container,
+.page-entities .row-column .field-container-column.hidden .widget-container,
+.page-entities .row-column .field-container-column.hidden .image-container,
+.page-entities .row-column .field-container-column.hidden .table-container {
+  opacity: 0.4;
+}
+
+.page-entities .row-column .field-container-column:hover .field .remove {
+  display: flex;
+  cursor: pointer;
+  position: absolute;
+  right: 9px;
+  top: 9px;
+  z-index: 2;
+}
+
+.page-entities .row-column .field-container-column:hover .field .icon_read_only {
+  display: none;
+}
+
+.page-entities .row-column .field-container-column:hover .field .remove:hover {
+  color: red;
+}
+
+.page-entities .entity-layout-detail-tabs-container .ant-tabs-nav-operations {
+  display: none;
+}
+
+.page-entities .field-container,
+.page-entities .widget-container,
+.page-entities .component-container,
+.page-entities .compute-field-container {
+  min-height: 40vh;
+}
+
+.page-entities .field-container .field,
+.page-entities .field-container .standard-component,
+.page-entities .field-container .advanced-component,
+.page-entities .field-container .module-component,
+.page-entities .field-container .panel-component,
+.page-entities .field-container .compute-field,
+.page-entities .field-container .widget-component,
+.page-entities .widget-container .field,
+.page-entities .widget-container .standard-component,
+.page-entities .widget-container .advanced-component,
+.page-entities .widget-container .module-component,
+.page-entities .widget-container .panel-component,
+.page-entities .widget-container .compute-field,
+.page-entities .widget-container .widget-component,
+.page-entities .component-container .field,
+.page-entities .component-container .standard-component,
+.page-entities .component-container .advanced-component,
+.page-entities .component-container .module-component,
+.page-entities .component-container .panel-component,
+.page-entities .component-container .compute-field,
+.page-entities .component-container .widget-component,
+.page-entities .compute-field-container .field,
+.page-entities .compute-field-container .standard-component,
+.page-entities .compute-field-container .advanced-component,
+.page-entities .compute-field-container .module-component,
+.page-entities .compute-field-container .panel-component,
+.page-entities .compute-field-container .compute-field,
+.page-entities .compute-field-container .widget-component {
+  cursor: pointer;
+  background-color: var(--background-color);
+  margin-bottom: 5px;
+  border-radius: 5px;
+  padding: 5px 15px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.page-entities .field-container-body,
+.page-entities .component-container-body,
+.page-entities .compute-field-container-body {
+  max-height: 50vh;
+  overflow-y: auto;
+}
+
+.page-entities .widget-container .widget-container-body {
+  max-height: 50vh;
+  overflow-y: auto;
+}
+
+.page-entities .widget-container .widget-container-body .entity-name {
+  margin-bottom: 8px;
+  margin-top: 12px;
+}
+
+.page-entities .widget-container .widget-container-body .widget img {
+  opacity: 0.8;
+  margin-right: 6px;
+  width: 16px;
+}
+
+.page-entities.field h3 {
+  padding-left: 16px;
+  margin-bottom: 0;
+}
+
+.page-entities.field .table-card.ant-card-bordered {
+  border-radius: 0;
+  border: none;
+}
+
+.page-entities.field .table-card.ant-card-bordered .ant-table {
+  border-radius: 0;
+}
+
+.page-entities.field .add-field-button,
+.page-entities.field .add-field-button:focus {
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color);
+  background-color: transparent;
+}
+
+.page-entities.field .add-field-button:hover {
+  color: var(--secondary-color);
+  border: 1px solid var(--secondary-color);
+  background-color: transparent;
+  opacity: 0.7;
+}
+
+.page-entities.field .fullwidth {
+  width: 100%;
+}
+
+.page-entities.list .ant-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.page-entities.list .sub-row {
+  margin-top: 15px;
+}
+
+.list-dnd-container {
+  padding: 8px;
+  border: 1px dashed var(--border-color-base);
+}
+
+.list-dnd-container .plus-field {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--border-color-base);
+  padding: 10px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+  border-radius: var(--border-radius-base);
+}
+
+.list-dnd-container .scrollable {
+  flex: 1;
+  overflow: scroll;
+  flex-wrap: nowrap;
+  margin-right: 15px;
+  padding-bottom: 10px;
+  padding-top: 10px;
+}
+
+.list-dnd-container .scrollable .list-dnd {
+  border: 1px solid var(--list-layouts-border);
+  background-color: white;
+  flex: 1;
+  min-width: 200px;
+  border-radius: var(--border-radius-base);
+  background-color: var(--list-layouts-bg);
+}
+
+.list-dnd-container .scrollable .list-dnd .dnd-move {
+  display: flex;
+  align-items: center;
+  padding: 0px 9.5px;
+  cursor: move;
+  border-right: 1px solid var(--list-layouts-border);
+}
+
+.list-dnd-container .scrollable .list-dnd .content {
+  padding: 6px;
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+
+.list-dnd-container .scrollable .list-dnd .remove {
+  display: block;
+  width: 27px;
+}
+
+.list-dnd-container .scrollable .list-dnd .remove svg {
+  display: none;
+}
+
+.list-dnd-container .scrollable .list-dnd .remove .icon {
+  display: none;
+}
+
+.list-dnd-container .list-dnd:hover .remove {
+  display: flex;
+  align-items: center;
+  padding: 0px 9.5px 0px 4px;
+  cursor: pointer;
+  width: 27px;
+}
+
+.list-dnd-container .list-dnd:hover .remove svg {
+  display: block;
+}
+
+.list-dnd-container .list-dnd:hover .remove .icon {
+  display: block;
+}
+
+.list-dnd-container .list-dnd:hover .remove:hover {
+  color: red;
+}
+
+.modal-config-field {
+  min-width: 500px;
+}
+
+.modal-config-field .ant-tabs.ant-tabs-top {
+  overflow: visible;
+}
+
+.ant-modal.add-field .field-type .ant-card {
+  cursor: pointer;
+}
+
+.ant-modal.add-field .field-type .ant-card:hover {
+  border-color: var(--secondary-color);
+}
+
+.ant-modal.add-field .field-type .ant-card .ant-card-body {
+  padding: 10px;
+}
+
+.ant-modal.add-field .advanced-settings .ant-form-item.entities-title.ant-form-item-has-error .ant-form-item-control-input .ant-form-item-children-icon {
+  right: 45px;
+}
+
+.detail-layout-related-container.disabled {
+  cursor: not-allowed;
+}
+
+.detail-layout-dashed-container {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.detail-layout-dashed-container .detail-layout-dashed {
+  height: 1px;
+  width: 100%;
+  background-color: var(--action-color);
+}
+
+.form-detail .ant-form-item-with-help,
+.form-popup-detail .ant-form-item-with-help {
+  margin-bottom: 8px !important;
+}
+
+.form-detail .ant-form-item,
+.form-popup-detail .ant-form-item {
+  margin-bottom: 8px;
+}
+
+.form-detail .ant-form-item .ant-input-number,
+.form-detail .ant-form-item .ant-picker,
+.form-popup-detail .ant-form-item .ant-input-number,
+.form-popup-detail .ant-form-item .ant-picker {
+  width: 100%;
+}
+
+.form-detail .ant-form-item .ant-col.ant-form-item-control .ant-typography-ellipsis,
+.form-popup-detail .ant-form-item .ant-col.ant-form-item-control .ant-typography-ellipsis {
+  width: 100%;
+  margin-left: 12px;
+}
+
+.form-list .ant-form-item {
+  margin-bottom: 0px;
+}
+
+.render-tabs-component .ant-tabs-tab {
+  border: 1px solid var(--list-layouts-border) !important;
+  border-bottom: unset !important;
+  background-color: var(--background-color) !important;
+}
+
+.render-tabs-component .ant-tabs-tab.ant-tabs-tab-active {
+  background-color: white !important;
+}
+
+.render-tabs-component .ant-tabs-nav {
+  border-bottom: 1px solid var(--list-layouts-border);
+}
+
+.render-tabs-component .ant-card-bordered {
+  border: 0px solid var(--list-layouts-border);
+  border-radius: 0px;
+}
+
+.render-tabs-component .render-items-list-component {
+  margin-bottom: 20px;
+}
+
+.render-tabs-component .render-items-list-component .ant-card-bordered {
+  border: 0.5px solid var(--list-layouts-border);
+}
+
+.render-tabs-component .render-items-list-component .table-card {
+  border: none !important;
+}
+
+.render-tabs-component .render-items-list-component .template-block {
+  overflow-wrap: break-word;
+  border: 0.5px solid var(--list-layouts-border) !important;
+}
+
+.render-tabs-component .render-items-list-component .template-block.selected {
+  border: 2px solid var(--primary-color) !important;
+}
+
+.render-items-list-component {
+  margin-bottom: 20px;
+}
+
+.render-items-list-component .template-block {
+  overflow-wrap: break-word;
+}
+
+.render-items-list-component .template-block.selected {
+  border: 2px solid var(--primary-color) !important;
+}
+
+.render-items-list-block.wrapper {
+  padding: 7px 8px 2px 8px;
+  margin: 0px 5px;
+  border: 1px solid #d9d9d9;
+  height: unset;
+}
+
+.render-items-list-block.static {
+  padding-top: 3px;
+}
+
+.render-items-list-block.seleted-box {
+  border: 2px solid var(--primary-color);
+}
+
+.render-items-list-block .full-line {
+  width: 25px;
+  height: 5px;
+  background: #f2f2f2;
+  margin-bottom: 5px;
+  border-radius: 4px;
+}
+
+.render-items-list-block .haft-line {
+  width: 20px;
+  height: 5px;
+  background: #f2f2f2;
+  margin-bottom: 5px;
+  border-radius: 4px;
+}
+
+.render-items-list-block .abit-line {
+  width: 5px;
+  height: 5px;
+  background: #f2f2f2;
+  margin-bottom: 5px;
+  border-radius: 4px;
+}
+
+.render-items-list-block .add-btn {
+  margin: 20px 0 0 10px;
+}
+
+.render-items-list-static-block {
+  margin: 20px 0 0 10px;
+}
+
+.entity-type-form {
+  margin-bottom: 16px;
+  margin-left: -8px !important;
+  margin-right: -8px !important;
+}
+
+.entity-type-form .ant-select {
+  width: 100%;
+}
+
+.json-form-fill {
+  flex-flow: column;
+}
+
+.entity-detail-row-edit .num-of-col {
+  border: 1px solid var(--border-color-base);
+  border-radius: var(--border-radius-base);
+  padding: 12px;
+  cursor: pointer;
+}
+
+.entity-detail-row-edit .num-of-col.active {
+  color: var(--primary-color);
+  border: 1px solid var(--primary-color);
+}
+
+.entity-detail-row-edit .num-of-col .icon {
+  margin-right: 6px;
+}
+
+.entity-detail-row-edit .num-of-col .icon svg {
+  width: 20px;
+  height: 20px;
+  margin-bottom: -5px;
+}
+
+#form_field_edit_trigger .ant-form-item-control-input .ant-form-item-control-input-content {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+
+.list-tab-dnd-container .tab-container {
+  border: 1px dashed var(--normal-color);
+  border-radius: 5px;
+  display: flex;
+  align-items: center;
+  background-color: #fff;
+  margin-bottom: 16px;
+}
+
+.list-tab-dnd-container .tab-container .dnd-move {
+  cursor: move;
+  margin-right: 5px;
+  padding: 10px 0 10px 8px;
+  background-color: #f6f7f9;
+}
+
+.list-tab-dnd-container .tab-container .content {
+  flex: 1;
+}
+
+.list-tab-dnd-container .tab-container .remove {
+  margin-left: 5px;
+  margin-right: 8px;
+}
+
+.list-tab-dnd-container .tab-container .remove svg {
+  cursor: pointer;
+}
+
+.datasets .addable-table-row {
+  background-color: transparent !important;
+  cursor: default;
+  margin-top: 5px !important;
+  margin-bottom: 5px !important;
+}
+
+.datasets .addable-table-row:focus {
+  border: none;
+}
+
+.datasets .addable-table-row .anticon-more {
+  cursor: move;
+}
+
+.entity-list-page-desktop {
+  /* display: none; */
+}
+
+@media (max-width: 992px) {
+  .entity-list-page-desktop {
+    display: none;
+  }
+}
+
+.entity-list-page-mobile {
+  display: none;
+  width: 100vw;
+}
+
+@media (min-width: 991px) {
+  .entity-list-page-mobile {
+    display: none;
+  }
+}
+
+.entity-list-page-mobile .list-mobile-view-container {
+  margin: 10px 20px;
+}
+
+.mobile-filter-wrapper {
+  width: 100% !important;
+}
+
+.mobile-filter-wrapper .ant-modal {
+  width: 100% !important;
+}
+
+.modal-filter-and-sort-mobile.btn-sort {
+  border: 1px solid var(--border-color-base);
+  color: var(--border-color-base);
+  padding: 2px 3px;
+  border-radius: 5px;
+}
+
+.drawer-filter-and-sort-mobile.btn-sort {
+  border: 1px solid var(--border-color-base);
+  color: var(--border-color-base);
+  padding: 2px 3px;
+  border-radius: 5px;
+}
+
+.tab-layout-setting-tab {
+  margin: '5px 10px';
+  border: 1px dashed #d9d9d9;
+  padding: 20px;
+}
+
+.tab-layout-setting-tab-icon-gear-fill {
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  cursor: pointer;
+  z-index: 9;
+}
+
+.tab-layout-setting-tab-icon-gear-fill-disabled {
+  position: absolute;
+  right: 25px;
+  top: 35px;
+  cursor: no-drop;
+  z-index: 9;
+  color: #d1d1d1;
+}
+
+.layout-tab-body {
+  min-height: 100px;
+  display: table;
+  width: 100%;
+}
+
+.setting-layout-num-of-col {
+  display: flex;
+}
+
+.setting-layout-num-of-col .icon {
+  padding-right: 5px;
+  padding-top: 2px;
+}
+
+.frame-row-container {
+  border-radius: 5px;
+  background-color: #f6f7f9;
+  border: 1px dashed #d9d9d9;
+  border-radius: 5px;
+  margin-bottom: 15px;
+  background-color: #f6f7f9;
+  border: 1px dashed #d9d9d9;
+  min-height: 46px;
+}
+
+.frame-row-container-box-item {
+  min-width: 700px;
+  padding: 10px;
+}
+
+.frame-row-border {
+  border-right: 1px dashed #d9d9d9;
+}
+
+.frame-row-border-not {
+  border-right: unset !important;
+}
+
+.tab-layout-setting-tab-empty {
+  min-height: 100px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tab-layout-setting-tab-empty .color-empty {
+  color: #bcb9b9;
+}
+
+.layout-collapse-empty {
+  min-height: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.layout-collapse-empty .color-empty {
+  color: #bcb9b9;
+}