@sigmaott/base-next 1.0.6

package/src/api-client-transcode/models/update-event-channel-dto.ts

@@ -0,0 +1,76 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Transcode Live System
+ * Sigma Transcode Live System
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+import { EventChannelConfigDto } from './event-channel-config-dto';
+import { EventChannelInputDto } from './event-channel-input-dto';
+import { EventProfileDto } from './event-profile-dto';
+import { UpdateChannelDtoTargets } from './update-channel-dto-targets';
+
+/**
+ * 
+ * @export
+ * @interface UpdateEventChannelDto
+ */
+export interface UpdateEventChannelDto {
+    /**
+     * 
+     * @type {EventChannelConfigDto}
+     * @memberof UpdateEventChannelDto
+     */
+    'channelConfig': EventChannelConfigDto;
+    /**
+     * 
+     * @type {EventProfileDto}
+     * @memberof UpdateEventChannelDto
+     */
+    'profiles': EventProfileDto;
+    /**
+     * 
+     * @type {EventChannelInputDto}
+     * @memberof UpdateEventChannelDto
+     */
+    'inputs': EventChannelInputDto;
+    /**
+     * 
+     * @type {UpdateChannelDtoTargets}
+     * @memberof UpdateEventChannelDto
+     */
+    'targets': UpdateChannelDtoTargets;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateEventChannelDto
+     */
+    'name': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateEventChannelDto
+     */
+    'description': string;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateEventChannelDto
+     */
+    'appId'?: string;
+    /**
+     * 
+     * @type {Array<string>}
+     * @memberof UpdateEventChannelDto
+     */
+    'tags': Array<string>;
+}
+

package/src/api-client-transcode/models/update-fast-channel-dto.ts

@@ -0,0 +1,42 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Transcode Live System
+ * Sigma Transcode Live System
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface UpdateFastChannelDto
+ */
+export interface UpdateFastChannelDto {
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateFastChannelDto
+     */
+    'name'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateFastChannelDto
+     */
+    'description'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateFastChannelDto
+     */
+    'appId'?: string;
+}
+

package/src/api-client-transcode/models/update-fast-program-dto.ts

@@ -0,0 +1,30 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Transcode Live System
+ * Sigma Transcode Live System
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface UpdateFastProgramDto
+ */
+export interface UpdateFastProgramDto {
+    /**
+     * 
+     * @type {string}
+     * @memberof UpdateFastProgramDto
+     */
+    'assetId': string;
+}
+

package/src/api-client-transcode/models/watermark-dto.ts

@@ -0,0 +1,66 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Transcode Live System
+ * Sigma Transcode Live System
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface WatermarkDto
+ */
+export interface WatermarkDto {
+    /**
+     * tọa độ trên video
+     * @type {number}
+     * @memberof WatermarkDto
+     */
+    'x': number;
+    /**
+     * tọa độ trên video
+     * @type {number}
+     * @memberof WatermarkDto
+     */
+    'y': number;
+    /**
+     * định danh để bật tắt
+     * @type {string}
+     * @memberof WatermarkDto
+     */
+    'id': string;
+    /**
+     * scale kích thước watermark nếu cần
+     * @type {number}
+     * @memberof WatermarkDto
+     */
+    'mediaScale': number;
+    /**
+     * số giây dừng giữa 2 lần loop, dùng cho watermark động
+     * @type {number}
+     * @memberof WatermarkDto
+     */
+    'delay': number;
+    /**
+     * ẩn hoặc hiện, có thể điều khiển bằng api
+     * @type {boolean}
+     * @memberof WatermarkDto
+     */
+    'enable': boolean;
+    /**
+     * AssetId của watermark
+     * @type {string}
+     * @memberof WatermarkDto
+     */
+    'assetId': string;
+}
+

package/src/api-client-transcode/models/watermark-entity.ts

@@ -0,0 +1,102 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * Sigma Transcode Live System
+ * Sigma Transcode Live System
+ *
+ * The version of the OpenAPI document: 1.0
+ * 
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+
+
+/**
+ * 
+ * @export
+ * @interface WatermarkEntity
+ */
+export interface WatermarkEntity {
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'type'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'id'?: string;
+    /**
+     * 
+     * @type {boolean}
+     * @memberof WatermarkEntity
+     */
+    'enable': boolean;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'mediaScale'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'delay'?: number;
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'assetId'?: string;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'x'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'y'?: number;
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'text'?: string;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'size'?: number;
+    /**
+     * 
+     * @type {number}
+     * @memberof WatermarkEntity
+     */
+    'border'?: number;
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'align'?: string;
+    /**
+     * 
+     * @type {string}
+     * @memberof WatermarkEntity
+     */
+    'timer'?: string;
+}
+

package/src/app/spa-loading-template.html

@@ -0,0 +1,127 @@
+<div class="app-loading">
+  <img class="app-loading_logo" src="/logo.png" />
+  <div class="app-loading__dot-wrapper">
+    <div class="app-loading__dot">
+      <i class="top left"></i>
+      <i class="bottom left delay-400"></i>
+      <i class="top right delay-800"></i>
+      <i class="right bottom delay-1200"></i>
+    </div>
+  </div>
+  <h2 class="app-loading_title">Sigma Streaming</h2>
+</div>
+
+<style>
+  .app-loading {
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    background-color: #f5f7f9;
+  }
+
+  .app-loading_logo {
+    width: 128px;
+    height: 128px;
+  }
+
+  .app-loading__dot-wrapper {
+    width: 56px;
+    height: 56px;
+    margin: 36px 0;
+  }
+
+  .app-loading__dot {
+    position: relative;
+    height: 100%;
+    transform: rotate(45deg);
+    animation-name: loadingRotate;
+    animation-duration: 1.2s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+  }
+
+  @keyframes loadingRotate {
+    to {
+      -webkit-transform: rotate(405deg);
+      transform: rotate(405deg);
+    }
+  }
+
+  @-webkit-keyframes loadingRotate {
+    to {
+      -webkit-transform: rotate(405deg);
+      transform: rotate(405deg);
+    }
+  }
+
+  .app-loading__dot>i {
+    position: absolute;
+    display: block;
+    width: 18px;
+    height: 18px;
+    background: #D71921;
+    border-radius: 50%;
+    -webkit-transform: scale(0.75);
+    transform: scale(0.75);
+    transform-origin: 50% 50%;
+    opacity: 0.3;
+    animation: spinOpacity 1s infinite linear alternate;
+  }
+
+  @keyframes spinOpacity {
+    to {
+      opacity: 1;
+    }
+  }
+
+  @-webkit-keyframes spinOpacity {
+    to {
+      opacity: 1;
+    }
+  }
+
+  .delay-400 {
+    animation-delay: 0.4s !important;
+  }
+
+  .delay-800 {
+    animation-delay: 0.8s !important;
+  }
+
+  .delay-1200 {
+    animation-delay: 1.2s !important;
+  }
+
+  .left {
+    left: 0;
+  }
+
+  .right {
+    right: 0;
+  }
+
+  .top {
+    top: 0;
+  }
+
+  .bottom {
+    bottom: 0;
+  }
+
+  .app-loading_title {
+    font-size: 28px;
+    color: #646464;
+    font-weight: 700;
+  }
+
+  .custom-el-loading {
+    --el-color-primary: #D71921;
+  }
+</style>

package/src/app.config.ts

@@ -0,0 +1,2 @@
+export default defineAppConfig({
+})

package/src/assets/global.css.ts

@@ -0,0 +1,3 @@
+import 'element-plus/theme-chalk/src/dark/css-vars.scss'
+import 'element-plus/theme-chalk/src/index.scss'
+import 'uno.css'

package/src/assets/scss/element/dark.scss

@@ -0,0 +1,13 @@
+$--colors: (
+  "primary": (
+    "base": #536dfe,
+  ),
+);
+
+@forward "element-plus/theme-chalk/src/dark/var.scss" with (
+  $colors: $--colors,
+  $bg-color: (
+    'page': #0a0a0a,
+    'overlay': #1d1e1f,
+  )
+);

package/src/assets/scss/element/index.scss

@@ -0,0 +1,26 @@
+$--colors: (
+  "primary": ("base": #536dfe,
+  ),
+  "success": ("base": #67C23A,
+  ),
+  "warning": ("base": #E6A23C,
+  ),
+  "danger": ("base": #F56C6C,
+  ),
+  "error": ("base": #F56C6C,
+  ),
+  "info": ("base": #2080f0,
+  ),
+);
+
+// You should use them in scss, because we calculate it by sass.
+// comment next lines to use default color
+@forward "element-plus/theme-chalk/src/common/var.scss" with ( // do not use same name, it will override.
+  $colors: $--colors,
+);
+
+// You can comment it to hide debug info.
+// @debug $--colors;
+
+// custom dark variables
+@use "./dark.scss";

package/src/assets/scss/index.scss

@@ -0,0 +1,181 @@
+html,
+body,
+#__nuxt {
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+
+*:focus-visible {
+  outline: none;
+}
+
+#app {
+  overflow: auto;
+  height: 100%;
+}
+
+.mono-font {
+  font-family: 'Plus Jakarta Sans', sans-serif;
+}
+
+body {
+  font-family: 'Inter', sans-serif;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+  margin: 0;
+
+  --el-menu-item-height: 46px;
+  --el-menu-sub-item-height: 46px;
+}
+
+a {
+  color: var(--ep-color-primary);
+}
+
+code {
+  border-radius: 2px;
+  padding: 2px 4px;
+  background-color: var(--ep-color-primary-light-9);
+  color: var(--ep-color-primary);
+}
+
+
+// ℹ️ Remove autocomplete styles
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus,
+select:-webkit-autofill,
+select:-webkit-autofill:hover,
+select:-webkit-autofill:focus {
+  -webkit-text-fill-color: var(--el-text-color-primary);
+  transition: background-color 5000s ease-in-out 0s;
+}
+
+.el-button:focus {
+  background-color: var(--el-button-bg-color) !important;
+  color: var(--el-button-text-color) !important;
+}
+
+.el-button.is-link:focus {
+  color: var(--el-button-text-color) !important;
+}
+
+.el-form--label-top .el-form-item .el-form-item__label {
+  display: inline-block !important;
+}
+
+.el-form-item__label {
+  font-weight: 700 !important;
+  margin-bottom: 0px !important;
+}
+
+.el-form-item__error {
+  position: relative !important;
+  top: 0 !important;
+  left: 0 !important;
+}
+
+.el-form-item {
+  .el-select {
+    width: 100%;
+  }
+}
+
+.el-form-item {
+  margin-bottom: 8px !important;
+}
+
+.el-drawer__header {
+  margin-bottom: 0px !important;
+}
+
+// SECTION: full height layout
+.el-card-full {
+  @apply w-full h-full;
+
+  > .el-card__body:first-of-type {
+    @apply flex flex-col w-full h-full;
+  }
+}
+
+.el-card-full-scroll {
+  @apply w-full h-full;
+
+  > .el-card__body:first-of-type {
+    @apply flex flex-col w-full h-full p-0;
+  }
+}
+
+button:not(.el-button) {
+  @apply bg-transparent;
+}
+
+p {
+  @apply text-pretty;
+}
+
+
+.el-card {
+  .el-divider__text {
+    background-color: var(--el-card-bg-color)
+  }
+
+  .el-step__icon {
+    background-color: var(--el-card-bg-color)
+  }
+}
+
+.el-descriptions__label {
+  font-weight: 700 !important;
+}
+
+.el-tabs-full {
+  @apply h-full w-full flex flex-col;
+
+  .el-tabs__content {
+    @apply w-full flex-1;
+  }
+
+  .el-tab-pane {
+    @apply w-full h-full flex flex-col;
+  }
+}
+
+.el-popper {
+  word-break: break-word !important;
+  text-align: left !important;
+}
+
+.el-popper .el-select__collapse-tags {
+  max-width: 500px !important;
+}
+
+.el-table__body tr.current-row>td.el-table__cell {
+  --el-table-current-row-bg-color: var(--el-color-primary-light-7) !important;
+  --el-table-row-hover-bg-color: var(--el-color-primary-light-7) !important;
+}
+
+.el-table__body tr.current-row:hover {
+  background-color: var(--el-color-primary-light-7) !important;
+}
+
+.el-table thead th {
+  font-weight: 800 !important;
+}
+.el-popover__title {
+  font-weight: 700 !important;
+}
+// .el-table tr {
+//   background-color: transparent !important;
+// }
+.el-table .el-loading-mask {
+  opacity: 50%;
+}