feat: add ci cd files dont edit those files

.github/workflows/deploy.yaml

@@ -0,0 +1,48 @@
+name: deploy to danak
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+
+    env:
+      DANAK_SERVER: "https://captain.run.danakcorp.com"
+      APP_TOKEN: 5a2526d13383aa8c4c3e6019352b96cf81e84b7b781e80c2b8012eaf5e2e69fd
+      CAPROVER_APP_NAME: ostandari
+      GITHUB_TOKEN: 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
+
+    steps:
+      - name: Check out repositorys
+        uses: actions/checkout@v4
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: zmihamid
+          password: ${{ env.GITHUB_TOKEN }}
+
+      - name: Preset Image Name
+        run: echo "IMAGE_URL=$(echo ghcr.io/zmihamid/${{ github.event.repository.name }}:$(echo ${{ github.sha }} | cut -c1-7) | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
+
+      - name: Build and push Docker Image
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ${{ env.IMAGE_URL }}
+
+      - name: Install CapRover CLI
+        run: npm install -g caprover
+
+      - name: deploy to server
+        run: |
+          caprover deploy -a $CAPROVER_APP_NAME -u $DANAK_SERVER --appToken $APP_TOKEN  -i "$IMAGE_URL"

.gitignore

@@ -0,0 +1,131 @@
+node_modules
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+.temp
+.cache
+
+# Docusaurus cache and generated files
+.docusaurus
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*

Dockerfile

@@ -0,0 +1,47 @@
+FROM node:20-alpine AS base
+
+RUN apk add --no-cache tzdata
+
+# Set the timezone to Asia/Tehran
+RUN cp /usr/share/zoneinfo/Asia/Tehran /etc/localtime && echo "Asia/Tehran" > /etc/timezone
+
+FROM base AS deps
+WORKDIR /temp-deps
+COPY package*.json ./
+RUN npm install
+
+FROM base AS builder
+WORKDIR /build
+COPY . ./
+COPY --from=deps /temp-deps/node_modules ./node_modules
+RUN npm run build
+RUN npm install --omit=dev
+
+
+FROM base AS runner
+WORKDIR /app
+ENV NUXT_TELEMETRY_DISABLED=1
+
+
+RUN addgroup -S appgroup && adduser -S appuser -G appgroup
+RUN chown -R appuser:appgroup /app
+
+# COPY --from=builder --chown=appuser:appgroup /build/.nuxt ./.nuxt
+# COPY --from=builder --chown=appuser:appgroup /build/static ./static
+# COPY --from=builder --chown=appuser:appgroup /build/package.json ./
+# COPY --from=builder --chown=appuser:appgroup /build/node_modules/ ./node_modules/
+COPY --from=builder --chown=appuser:appgroup /build ./
+
+
+USER appuser
+
+# Set environment variables
+ENV NODE_ENV=production
+ENV PORT=3000
+ENV HOSTNAME="0.0.0.0"
+
+
+EXPOSE 3000
+
+# Start the Nuxt 2 app
+CMD ["npm", "start"]

README.md

@@ -0,0 +1 @@
+# ostandari

assets/admin/icons/icons.js

@@ -0,0 +1,167 @@
+import {
+  cibFacebook,
+  cibTwitter,
+  cibLinkedin,
+  cibFlickr,
+  cibTumblr,
+  cibXing,
+  cibGithub,
+  cibStackoverflow,
+  cibYoutube,
+  cibDribbble,
+  cibInstagram,
+  cibPinterest,
+  cibVk,
+  cibYahoo,
+  cibBehance,
+  cibReddit,
+  cibVimeo,
+  cibCcMastercard,
+  cibCcVisa,
+  cibStripe,
+  cibPaypal,
+  cibGooglePay, 
+  cibCcAmex
+} from '@coreui/icons'
+import {
+  cifUs,
+  cifBr,
+  cifIn,
+  cifFr,
+  cifEs,
+  cifPl
+} from '@coreui/icons'
+import {
+  cilArrowRight,
+  cilBan,
+  cilBasket,
+  cilBell,
+  cilCalculator,
+  cilCalendar,
+  cilCloudDownload,
+  cilChartPie,
+  cilCheck,
+  cilChevronBottom,
+  cilChevronTop,
+  cilCheckCircle,
+  cilCommentSquare,
+  cilCursor,
+  cilDrop,
+  cilDollar,
+  cilEnvelopeClosed,
+  cilEnvelopeOpen,
+  cilEuro,
+  cilGlobeAlt,
+  cilGrid,
+  cilFile,
+  cilJustifyCenter,
+  cilLaptop,
+  cilLayers,
+  cilLightbulb,
+  cilList,
+  cilLocationPin,
+  cilLockLocked,
+  cilMagnifyingGlass,
+  cilMoon,
+  cilOptions,
+  cilPencil,
+  cilPeople,
+  cilPuzzle,
+  cilSettings,
+  cilShieldAlt,
+  cilSpeech,
+  cilSpeedometer,
+  cilStar,
+  cilTask,
+  cilUser,
+  cilUserFemale,
+  cilUserFollow,
+  cilXCircle
+
+} from '@coreui/icons'
+import { logo } from './logo'
+
+export const iconsSet = Object.assign(
+  {},
+  { logo },
+  {
+    cilArrowRight,
+    cilBan,
+    cilBasket,
+    cilBell,
+    cilCalculator,
+    cilCalendar,
+    cilCloudDownload,
+    cilChartPie,
+    cilCheck,
+    cilChevronBottom,
+    cilChevronTop,
+    cilCheckCircle,
+    cilCommentSquare,
+    cilCursor,
+    cilDrop,
+    cilDollar,
+    cilEnvelopeClosed,
+    cilEnvelopeOpen,
+    cilEuro,
+    cilGlobeAlt,
+    cilGrid,
+    cilFile,
+    cilJustifyCenter,
+    cilLaptop,
+    cilLayers,
+    cilLightbulb,
+    cilList,
+    cilLocationPin,
+    cilLockLocked,
+    cilMagnifyingGlass,
+    cilMoon,
+    cilOptions,
+    cilPencil,
+    cilPeople,
+    cilPuzzle,
+    cilSettings,
+    cilShieldAlt,
+    cilSpeech,
+    cilSpeedometer,
+    cilStar,
+    cilTask,
+    cilUser,
+    cilUserFemale,
+    cilUserFollow,
+    cilXCircle
+  },
+  {
+    cifUs,
+    cifBr,
+    cifIn,
+    cifFr,
+    cifEs,
+    cifPl
+  },
+  {
+    cibFacebook,
+    cibTwitter,
+    cibLinkedin,
+    cibFlickr,
+    cibTumblr,
+    cibXing,
+    cibGithub,
+    cibStackoverflow,
+    cibYoutube,
+    cibDribbble,
+    cibInstagram,
+    cibPinterest,
+    cibVk,
+    cibYahoo,
+    cibBehance,
+    cibReddit,
+    cibVimeo,
+    cibCcMastercard, 
+    cibCcVisa, 
+    cibStripe, 
+    cibPaypal, 
+    cibGooglePay,
+    cibCcAmex
+  }
+)

assets/admin/icons/logo.js

@@ -0,0 +1,29 @@
+// Example of SVG converted to js array, so it can be used with CIcon.
+// the first argument is two last values of svg viewBox, 
+// the second argument is the SVG content stripped of SVG tags
+export const logo = ['556 134',`
+  <g>
+    <g style="fill:#1bbd93;">
+      <path d="M347.9818,90.0869l-11.84-43.52-.0644-.1924q0-.5112.6406-.5117h1.2793a.66.66,0,0,1,.7051.5762l10.623,39.68c.042.0859.0859.1279.1289.1279.041,0,.084-.042.127-.1279l10.625-39.68a.657.657,0,0,1,.7031-.5762h1.2168a.54.54,0,0,1,.5762.7041l-11.9043,43.52a.6584.6584,0,0,1-.7041.5761h-1.4082A.6577.6577,0,0,1,347.9818,90.0869Z"/>
+      <path d="M382.2786,89.5751a10.9023,10.9023,0,0,1-4.3515-4.5439,14.4586,14.4586,0,0,1-1.5362-6.7842V46.5029a.5656.5656,0,0,1,.64-.64h1.2168a.5659.5659,0,0,1,.64.64v32a10.5488,10.5488,0,0,0,2.72,7.5527,10.36,10.36,0,0,0,14.3359,0,10.5493,10.5493,0,0,0,2.7207-7.5527v-32a.5655.5655,0,0,1,.64-.64h1.2159a.5666.5666,0,0,1,.6406.64V78.247a13.01,13.01,0,0,1-3.3926,9.376,11.8974,11.8974,0,0,1-9.0234,3.5527A12.8481,12.8481,0,0,1,382.2786,89.5751Z"/>
+      <path d="M439.5843,48.1035H419.5521a.2263.2263,0,0,0-.2559.2558V66.8554a.2259.2259,0,0,0,.2559.2559h13.8242a.5665.5665,0,0,1,.6406.64v.96a.5665.5665,0,0,1-.6406.6406H419.5521a.2263.2263,0,0,0-.2559.2559v18.56a.2259.2259,0,0,0,.2559.2559h20.0322a.5665.5665,0,0,1,.64.6406v.96a.5655.5655,0,0,1-.64.64H417.4407a.5654.5654,0,0,1-.6406-.64v-43.52a.5658.5658,0,0,1,.6406-.64h22.1436a.5659.5659,0,0,1,.64.64v.96A.5658.5658,0,0,1,439.5843,48.1035Z"/>
+      <path d="M454.5921,89.5117a2.8385,2.8385,0,0,1-.8-2.0489,2.9193,2.9193,0,0,1,.8-2.1113,2.7518,2.7518,0,0,1,2.0791-.832,2.8465,2.8465,0,0,1,2.9443,2.9433,2.7561,2.7561,0,0,1-.832,2.08,2.9208,2.9208,0,0,1-2.1123.8008A2.7521,2.7521,0,0,1,454.5921,89.5117Z"/>
+      <path d="M474.931,88.0078a11.3087,11.3087,0,0,1-3.2-8.4161v-5.44a.5655.5655,0,0,1,.64-.64h1.2158a.5662.5662,0,0,1,.6407.64v5.5039a9.1421,9.1421,0,0,0,2.5283,6.72,8.9734,8.9734,0,0,0,6.6875,2.5606,8.7916,8.7916,0,0,0,9.28-9.28V46.5029a.5655.5655,0,0,1,.64-.64h1.2158a.5656.5656,0,0,1,.64.64V79.5917a11.2541,11.2541,0,0,1-3.2315,8.4161,13.0621,13.0621,0,0,1-17.0556,0Z"/>
+      <path d="M512.8753,88.1035a10.4847,10.4847,0,0,1-3.36-8.128v-1.792a.5665.5665,0,0,1,.6406-.6406h1.0879a.5666.5666,0,0,1,.64.6406v1.6a8.5461,8.5461,0,0,0,2.752,6.6563,10.5361,10.5361,0,0,0,7.36,2.4961,9.8741,9.8741,0,0,0,6.9766-2.3682,8.2188,8.2188,0,0,0,2.56-6.3359,8.3952,8.3952,0,0,0-1.12-4.416,11.3752,11.3752,0,0,0-3.3281-3.3926,71.6866,71.6866,0,0,0-6.1758-3.7119,71.0151,71.0151,0,0,1-6.24-3.84,12.1824,12.1824,0,0,1-3.4238-3.68,10.2659,10.2659,0,0,1-1.28-5.3437,9.86,9.86,0,0,1,3.0723-7.7441,12.0126,12.0126,0,0,1,8.3193-2.752q5.6969,0,8.9609,3.1035a10.8247,10.8247,0,0,1,3.2637,8.2246v1.6a.5658.5658,0,0,1-.6406.64h-1.1514a.5651.5651,0,0,1-.64-.64V56.8076a8.8643,8.8643,0,0,0-2.6241-6.6885,9.9936,9.9936,0,0,0-7.2324-2.5274,9.37,9.37,0,0,0-6.5283,2.1436,7.8253,7.8253,0,0,0-2.3672,6.1123,7.8088,7.8088,0,0,0,1.0235,4.16,10.3978,10.3978,0,0,0,3.0078,3.039,63.0249,63.0249,0,0,0,5.9521,3.4883,70.7955,70.7955,0,0,1,6.72,4.2559,13.4613,13.4613,0,0,1,3.6485,3.9365,10.044,10.044,0,0,1,1.28,5.1836,10.7185,10.7185,0,0,1-3.2647,8.1924q-3.2637,3.0717-8.832,3.0722Q516.2342,91.1757,512.8753,88.1035Z"/>
+    </g>
+    <g style="fill:currentColor;">
+      <g>
+        <path d="M99.367,36.0577l-39-22.5167a12,12,0,0,0-12,0l-39,22.5166a12.0337,12.0337,0,0,0-6,10.3924V91.4833a12.0331,12.0331,0,0,0,6,10.3923l39,22.5167a12,12,0,0,0,12,0l39-22.5167a12.0333,12.0333,0,0,0,6-10.3923V46.45A12.0336,12.0336,0,0,0,99.367,36.0577Zm-2,55.4256a4,4,0,0,1-2,3.4641l-39,22.5167a4.0006,4.0006,0,0,1-4,0l-39-22.5167a4,4,0,0,1-2-3.4641V46.45a4,4,0,0,1,2-3.4642l39-22.5166a4,4,0,0,1,4,0l39,22.5166a4,4,0,0,1,2,3.4642Z"/>
+        <path d="M77.3886,82.0046h-2.866a4.0007,4.0007,0,0,0-1.9247.4934L55.3172,91.9833,35.367,80.4648V57.4872l19.95-11.5185L72.606,55.4236a3.9993,3.9993,0,0,0,1.9192.4906h2.8632a2,2,0,0,0,2-2V51.2024a2,2,0,0,0-1.04-1.7547L59.16,38.9521a8.0389,8.0389,0,0,0-7.8427.09L31.3665,50.56a8.0245,8.0245,0,0,0-3.9995,6.9287v22.976a8,8,0,0,0,4,6.9283l19.95,11.5186a8.0427,8.0427,0,0,0,7.8432.0879l19.19-10.5312a2,2,0,0,0,1.0378-1.7533v-2.71A2,2,0,0,0,77.3886,82.0046Z"/>
+      </g>
+      <g>
+        <path d="M172.1117,45.3618a15.0166,15.0166,0,0,0-15,14.9995V77.6387a15,15,0,0,0,30,0V60.3613A15.0167,15.0167,0,0,0,172.1117,45.3618Zm7,32.2769a7,7,0,0,1-14,0V60.3613a7,7,0,0,1,14,0Z"/>
+        <path d="M135.4458,53.4211a7.01,7.01,0,0,1,7.8681,6.0752.9892.9892,0,0,0,.9842.865h6.03a1.0108,1.0108,0,0,0,.9987-1.0971,15.0182,15.0182,0,0,0-15.7161-13.8837A15.2881,15.2881,0,0,0,121.367,60.7968V77.2037A15.288,15.288,0,0,0,135.6112,92.62a15.0182,15.0182,0,0,0,15.7161-13.8842,1.0107,1.0107,0,0,0-.9987-1.0971h-6.03a.9892.9892,0,0,0-.9842.865,7.0106,7.0106,0,0,1-7.868,6.0757,7.1642,7.1642,0,0,1-6.0789-7.1849V60.6057A7.1638,7.1638,0,0,1,135.4458,53.4211Z"/>
+        <path d="M218.2891,72.9277a12.1584,12.1584,0,0,0,7.1843-11.0771V58.1494A12.1494,12.1494,0,0,0,213.324,46H196.367a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V74h6.6215l7.9154,17.4138a1,1,0,0,0,.91.5862h6.5912a1,1,0,0,0,.91-1.4138Zm-.8157-11.0771A4.1538,4.1538,0,0,1,213.3245,66h-9.8511V54h9.8511a4.1538,4.1538,0,0,1,4.1489,4.1494Z"/>
+        <path d="M260.367,46h-26a1,1,0,0,0-1,1V91a1,1,0,0,0,1,1h26a1,1,0,0,0,1-1V85a1,1,0,0,0-1-1h-19V72h13a1,1,0,0,0,1-1V65a1,1,0,0,0-1-1h-13V54h19a1,1,0,0,0,1-1V47A1,1,0,0,0,260.367,46Z"/>
+        <path d="M298.367,46h-6a1,1,0,0,0-1,1V69.6475a7.0066,7.0066,0,1,1-14,0V47a1,1,0,0,0-1-1h-6a1,1,0,0,0-1,1V69.6475a15.0031,15.0031,0,1,0,30,0V47A1,1,0,0,0,298.367,46Z"/>
+        <rect x="307.367" y="46" width="8" height="38" rx="1"/>
+      </g>
+    </g>
+  </g>
+`]

assets/admin/scss/_custom.scss

@@ -0,0 +1,206 @@
+// Here you can add other styles
+.copy-right {
+  direction: ltr !important;
+
+  .company {
+    color: #000;
+    font-weight: bold;
+
+    &:hover {
+      text-decoration: none;
+      color: #000;
+    }
+  }
+}
+
+pre {
+  background: #000 !important;
+  color: green !important;
+  direction: ltr !important;
+  text-align: left !important;
+  padding: 20px !important;
+  font-size: 20px !important;
+}
+
+.c-app {
+  .custom-subheader {
+    align-items: center;
+    width: 100%;
+    position: fixed;
+    top: $header-height;
+    left: 0;
+    z-index: 10;
+    transition: width $layout-transition-speed;
+    -webkit-transition: width $layout-transition-speed;
+    -moz-transition: width $layout-transition-speed;
+    -ms-transition: width $layout-transition-speed;
+    -o-transition: width $layout-transition-speed;
+
+    &.sideBarFull {
+      width: calc(100% - #{$sidebar-width});
+    }
+
+    &.sideBarMinimized {
+      width: calc(100% - #{$sidebar-minimized-width});
+    }
+
+    &.sideBarClose {
+      width: 100%;
+    }
+
+    @media (max-width: 992px) {
+      width: 100% !important;
+    }
+  }
+
+  .form-group {
+    &.err {
+      .col-form-label {
+        color: red !important;
+      }
+
+      .form-control {
+        border-color: red !important;
+      }
+
+      .form-text {
+        color: red !important;
+      }
+    }
+  }
+
+  .homePageTemplate {
+    $elementsBG: rgba(#000, 0.7);
+
+    .imgBox {
+      position: relative;
+      cursor: pointer;
+
+      &:hover {
+        .elementTemp {
+          opacity: 1;
+          z-index: 5;
+        }
+      }
+
+      .relativePos {
+        height: 100%;
+      }
+
+      img {
+        width: 100%;
+      }
+
+      .elementTemp {
+        width: 100%;
+        height: 100%;
+        background: $elementsBG;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 1;
+        opacity: 0;
+        transition: 0.3s;
+        -webkit-transition: 0.3s;
+        -moz-transition: 0.3s;
+        -ms-transition: 0.3s;
+        -o-transition: 0.3s;
+
+        .txtBox {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+          -webkit-transform: translate(-50%, -50%);
+          -moz-transform: translate(-50%, -50%);
+          -ms-transform: translate(-50%, -50%);
+          -o-transform: translate(-50%, -50%);
+          text-align: center;
+
+          .list {
+            display: flex;
+            align-items: stretch;
+          }
+
+          h2 {
+            margin-bottom: 15px;
+          }
+
+          h2, .description {
+            color: #fff;
+          }
+
+          a {
+            color: red;
+          }
+        }
+      }
+    }
+
+
+    .s1 {
+      margin-bottom: 50px;
+
+    }
+
+    .s2 {
+
+    }
+
+    .s4 {
+      margin-bottom: 40px;
+    }
+
+    .s5 {
+      margin-bottom: 30px;
+    }
+
+    aside {
+      section {
+        margin-bottom: 30px;
+      }
+
+      .imgBox {
+        .elementTemp {
+          .txtBox {
+            width: 100%;
+
+            h2 {
+              font-size: 17px;
+              margin-bottom: 5px;
+            }
+
+            .description {
+              font-size: 13px !important;
+            }
+
+            .list {
+              padding: 3px;
+              flex-direction: row;
+              flex-wrap: wrap;
+              justify-content: center;
+
+              .el-select {
+                flex-basis: 100%;
+                margin-bottom: 5px;
+              }
+            }
+          }
+        }
+      }
+
+      .s1-side {
+
+      }
+    }
+  }
+}
+
+
+.btn-primary{
+  background-color: #fff;
+
+  &:hover{
+    border-color: $border-panel;
+  }
+}

assets/admin/scss/_el_ui_rtl.scss

@@ -0,0 +1,292 @@
+//////////////////////////////////////////////////////////////////////////////////////////////////////// element ui rtl fix
+html:lang(fa) {
+
+  .text-area {
+    textarea {
+      height: 100px;
+    }
+  }
+
+  .el-popup-parent--hidden {
+    padding-right: 0 !important;
+  }
+
+  .el-tag .el-icon-close {
+    right: auto !important;
+    left: -5px !important;
+  }
+
+  .el-table .el-table__body-wrapper .el-table__row .is-left {
+    text-align: left !important;
+  }
+
+  .wrapper {
+    min-height: 100vh;
+  }
+
+  .el-form-item__label {
+    float: right !important;
+    text-align: right !important;
+  }
+
+  .el-form-item__content {
+    margin-left: 0 !important;
+    margin-right: 120px !important;
+  }
+
+  @media (max-width: 768px) {
+    .el-form-item__content {
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+  }
+
+  .secondTitle {
+    margin-top: 50px;
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-message-box__title, .el-message-box__message {
+    direction: rtl !important;
+    text-align: right !important;
+  }
+
+  .el-message-box__message {
+    padding-left: 12px !important;
+    padding-right: 36px !important;
+  }
+
+  .el-message-box__btns {
+    text-align: left !important;
+  }
+
+  .el-message-box__headerbtn {
+    right: auto !important;
+    left: 15px !important;
+  }
+
+  .el-message-box__btns button:nth-child(2) {
+    margin-left: 0 !important;
+    margin-right: 10px !important;
+  }
+
+  .el-message-box__status {
+    right: 0 !important;
+  }
+
+  .el-table td, .el-table th {
+    text-align: right !important;
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-checkbox__label {
+    padding-left: 0 !important;
+    padding-right: 10px !important;
+  }
+
+  .el-message__icon {
+    margin-right: 0 !important;
+    margin-left: 10px !important;
+  }
+
+  .sidebar-subnav {
+    background: rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sidebar > .nav > li {
+    border-bottom: 1px solid #eee !important;
+  }
+
+  .brand-logo p {
+    margin-top: 6px !important;
+  }
+
+  .brand-logo-collapsed svg {
+    fill: #fff !important;
+  }
+
+  .nav-floating {
+    background: #fff !important;
+  }
+
+  .el-dialog__headerbtn {
+    right: auto !important;
+    left: 20px !important;
+  }
+
+  .el-radio__label {
+    padding-right: 10px !important;
+  }
+
+  .el-scrollbar__wrap {
+    margin-right: 0 !important;
+    margin-left: -17px !important;
+  }
+
+  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+    right: auto;
+    left: 20px;
+  }
+
+  .el-select .el-tag {
+    margin: 2px 6px 2px 0;
+  }
+
+  .el-select__input {
+    border: none;
+    outline: 0;
+    padding: 0;
+    margin-left: 15px;
+    color: #666;
+    font-size: 14px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    height: 28px;
+    background-color: transparent;
+    margin-right: 5%;
+  }
+
+  .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
+    display: block;
+    font-size: 12px;
+    font-weight: 700;
+    transform: scaleX(-1);
+  }
+
+  .el-pagination {
+    white-space: nowrap;
+    padding: 2px 5px;
+    padding-right: 5px;
+    padding-left: 5px;
+    color: #303133;
+    font-weight: 700;
+    display: contents;
+  }
+
+  .el-upload--picture-card {
+    background-color: #fbfdff;
+    border: 1px dashed #c0ccda;
+    border-radius: 6px;
+    box-sizing: border-box;
+    width: 148px;
+    height: 148px;
+    line-height: 146px;
+    vertical-align: top;
+    margin-right: 8px;
+  }
+
+  .el-upload-list__item .el-icon-close-tip {
+    font-size: 12px;
+    cursor: pointer;
+    opacity: 1;
+    color: #409EFF;
+  }
+
+  .el-tree-node__content > .el-tree-node__expand-icon {
+    padding: 6px;
+    transform: scaleX(-1);
+  }
+
+  .el-tree-node__content {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    cursor: pointer;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding-left: 0px !important;
+  }
+
+  .el-tree-node > .el-tree-node__children {
+    overflow: visible;
+    background-color: transparent;
+    margin-right: 10px;
+  }
+
+  .custom-tree-node {
+    display: block;
+    flex-basis: 100%;
+    position: relative;
+
+    .btns {
+      display: inline-block;
+      position: absolute;
+      left: 5px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+    .flagType {
+      display: inline-block;
+      position: absolute;
+      right: 50%;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+  }
+
+  .el-button + .el-button {
+    margin-left: 0px;
+  }
+
+  .el-tree-node__expand-icon.expanded {
+    transform: rotate(90deg) !important;
+  }
+
+  .title{
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
+
+  .avatar-uploader{
+    display: flex;
+    justify-content: center;
+  }
+
+  .avatar-uploader .el-upload{
+  background-color: #fff;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  box-sizing: border-box;
+  width: 360px;
+  height: 180px;
+  text-align: center;
+  justify-content: center;
+  display: flex;
+  align-items: center;
+}
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+  }
+  .avatar {
+    width: 100%;
+    display: block;
+  }
+
+  .el-upload-list--picture-card .el-upload-list__item{
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid #c0ccda;
+    border-radius: 6px;
+    box-sizing: border-box;
+    width: 148px;
+    height: auto;
+    margin: 0 8px 8px 0;
+    display: inline-block;
+  }
+}

assets/admin/scss/_variables.scss

@@ -0,0 +1,5 @@
+// Variable overrides
+$gray-base:  #1a1e24;
+$gray-panel: #e2e6ea;
+$gray1-panel: #212529;
+$border-panel: #ced4da;

assets/admin/scss/style.scss

@@ -0,0 +1,46 @@
+// If you want to override variables do it here
+@import "variables";
+
+// Import styles
+@import "~@coreui/coreui/scss/coreui";
+
+// If you want to add something do it here
+@import "custom";
+@import "el_ui_rtl";
+
+.card-header:not(.content-center) > .c-icon:first-child {
+  margin-right: 0.1rem;
+  margin-top: 0.1rem;
+  vertical-align: top;
+  width: 1.2rem;
+  height: 1.2rem;
+  font-size: 1.2rem;
+}
+
+// span {
+  // color: black;
+// }
+
+p {
+  color: black;
+}
+
+.mainLink{
+  color: #000000;
+
+  transition: 0.3s;
+  &:hover{
+    text-decoration: none;
+    color: blue;
+  }
+}
+
+.numberMain{
+  font-size: large;
+  color: red;
+}
+
+.descMain{
+  margin-right: 4px;
+  //font-size: medium;
+}

assets/css/reset-css.css

@@ -0,0 +1,262 @@
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
+	display: block
+}
+
+body{
+	line-height: 1;
+	margin: 0
+}
+
+ol, ul{
+	list-style: none
+}
+
+blockquote, q{
+	quotes: none
+}
+
+blockquote:after, blockquote:before, q:after, q:before{
+	content: '';
+	content: none
+}
+
+table{
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+html{
+	line-height: 1.15;
+	-webkit-text-size-adjust: 100%
+}
+
+h1{
+	font-size: 2em;
+	margin: .67em 0
+}
+
+hr{
+	box-sizing: content-box;
+	height: 0;
+	overflow: visible
+}
+
+pre{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+a{
+	background-color: transparent
+}
+
+abbr[title]{
+	border-bottom: none;
+	text-decoration: underline;
+	text-decoration: underline dotted
+}
+
+b, strong{
+	font-weight: bolder
+}
+
+code, kbd, samp{
+	font-family: monospace, monospace;
+	font-size: 1em
+}
+
+small{
+	font-size: 80%
+}
+
+sub, sup{
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline
+}
+
+sub{
+	bottom: -.25em
+}
+
+sup{
+	top: -.5em
+}
+
+img{
+	border-style: none
+}
+
+button, input, optgroup, select, textarea{
+	font-family: inherit;
+	font-size: 100%;
+	line-height: 1.15;
+	margin: 0
+}
+
+button, input{
+	overflow: visible
+}
+
+button, select{
+	text-transform: none
+}
+
+[type=button], [type=reset], [type=submit], button{
+	-webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{
+	border-style: none;
+	padding: 0
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{
+	outline: 1px dotted ButtonText
+}
+
+fieldset{
+	padding: .35em .75em .625em
+}
+
+legend{
+	box-sizing: border-box;
+	color: inherit;
+	display: table;
+	max-width: 100%;
+	padding: 0;
+	white-space: normal
+}
+
+progress{
+	vertical-align: baseline
+}
+
+textarea{
+	overflow: auto
+}
+
+[type=checkbox], [type=radio]{
+	box-sizing: border-box;
+	padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
+	height: auto
+}
+
+[type=search]{
+	-webkit-appearance: textfield;
+	outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration{
+	-webkit-appearance: none
+}
+
+::-webkit-file-upload-button{
+	-webkit-appearance: button;
+	font: inherit
+}
+
+details{
+	display: block
+}
+
+summary{
+	display: list-item
+}
+
+template{
+	display: none
+}
+
+[hidden]{
+	display: none
+}
+
+::selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-webkit-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+::-moz-selection{
+	background: #468fd2;
+	color: #fff
+}
+
+a{
+	text-decoration: none
+}
+
+h1{
+	font-size: 32px;
+}
+
+h2{
+	font-size: 24px;
+}
+
+h3{
+	font-size: 18.72px;
+}
+
+h4{
+	font-size: 16px;
+}
+
+h5{
+	font-size: 13.28px;
+}
+
+h6{
+	font-size: 10.72px;
+}
+
+.clear{
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix{
+	zoom: 1
+}
+
+.clearfix:after, .clearfix:before, .row:after, .row:before{
+	content: '\0020';
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0
+}
+
+.clearfix:after, .row:after{
+	clear: both
+}
+
+.relativePos{
+	position: relative;
+}

assets/scss/_CKEditorStyle.scss

@@ -0,0 +1,80 @@
+.ck-content {
+  width: 100%;
+  direction: rtl;
+  text-align: right;
+
+  &:lang(en) {
+    direction: ltr;
+    text-align: left;
+  }
+
+  a {
+    display: inline-block;
+    color: blue;
+  }
+
+  p{
+    font-family: 'dubaiL', sans-serif;
+  }
+
+
+  p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+    font-family: inherit, sans-serif;
+    direction: unset;
+    text-align: unset;
+
+    &:lang(en) {
+      font-family: inherit;
+      direction: unset;
+      text-align: unset;
+    }
+
+    &[dir="ltr"] {
+      direction: ltr;
+      text-align: left;
+
+      p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+        direction: ltr;
+        text-align: left;
+      }
+    }
+
+    &[dir="rtl"] {
+      direction: rtl;
+      text-align: right;
+
+      p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+        direction: rtl;
+        text-align: right;
+      }
+    }
+  }
+
+  p {
+    line-height: 1.6em;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    line-height: 1.3em;
+  }
+
+  li {
+    margin-bottom: 15px;
+    line-height: 1.6em;
+    font-family: 'dubaiM', sans-serif;
+  }
+
+  ol {
+    list-style: decimal;
+    list-style-position: inside;
+  }
+
+  ul {
+    list-style: disc;
+    list-style-position: inside;
+  }
+
+  img {
+    max-width: 100%!important;
+  }
+}