Loading...
diff --git a/frontend/sources.list b/frontend/sources.list
deleted file mode 100644
index 6ff85f91..00000000
--- a/frontend/sources.list
+++ /dev/null
@@ -1,4 +0,0 @@
-deb http://mirrors.aliyun.com/debian/ jessie main non-free contrib
-deb http://mirrors.aliyun.com/debian/ jessie-proposed-updates main non-free contrib
-deb-src http://mirrors.aliyun.com/debian/ jessie main non-free contrib
-deb-src http://mirrors.aliyun.com/debian/ jessie-proposed-updates main non-free contrib
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index b6d0d057..083049bd 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,145 +1,3 @@
-
-
-
+
-
-
-
-
diff --git a/frontend/src/admin/baidu.ts b/frontend/src/admin/baidu.ts
new file mode 100644
index 00000000..b097991d
--- /dev/null
+++ b/frontend/src/admin/baidu.ts
@@ -0,0 +1,12 @@
+// baidu tongji
+export const initBaiduTonji = () => {
+ if (localStorage.getItem('useStats') !== '0') {
+ window._hmt = window._hmt || [];
+ (function () {
+ const hm = document.createElement('script');
+ hm.src = 'https://hm.baidu.com/hm.js?c35e3a563a06caee2524902c81975add';
+ const s = document.getElementsByTagName('script')[0];
+ s?.parentNode?.insertBefore(hm, s);
+ })();
+ }
+};
diff --git a/frontend/src/api/request.js b/frontend/src/api/request.js
deleted file mode 100644
index fa80fe89..00000000
--- a/frontend/src/api/request.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import service from '@/utils/request'
-
-const get = (path, params) => {
- return service.get(path, {
- params
- })
-}
-
-const post = (path, data) => {
- return service.post(path, data)
-}
-
-const put = (path, data) => {
- return service.put(path, data)
-}
-
-const del = (path, data) => {
- return service.delete(path, {
- data
- })
-}
-const request = service.request
-
-export default {
- baseUrl: service.defaults.baseURL,
- request,
- get,
- post,
- put,
- delete: del
-}
diff --git a/frontend/src/assets/404_images/404 2.png b/frontend/src/assets/404_images/404 2.png
deleted file mode 100644
index 3d8e2305..00000000
Binary files a/frontend/src/assets/404_images/404 2.png and /dev/null differ
diff --git a/frontend/src/assets/404_images/404.png b/frontend/src/assets/404_images/404.png
deleted file mode 100644
index 3d8e2305..00000000
Binary files a/frontend/src/assets/404_images/404.png and /dev/null differ
diff --git a/frontend/src/assets/404_images/404_cloud.png b/frontend/src/assets/404_images/404_cloud.png
deleted file mode 100644
index c6281d09..00000000
Binary files a/frontend/src/assets/404_images/404_cloud.png and /dev/null differ
diff --git a/frontend/src/assets/js/loginCanvas.js b/frontend/src/assets/js/loginCanvas.js
new file mode 100644
index 00000000..705e5f9a
--- /dev/null
+++ b/frontend/src/assets/js/loginCanvas.js
@@ -0,0 +1,262 @@
+function initCanvas() {
+ let canvas, ctx, circ, nodes, mouse, SENSITIVITY, SIBLINGS_LIMIT, DENSITY, NODES_QTY, ANCHOR_LENGTH, MOUSE_RADIUS,
+ TURBULENCE, MOUSE_MOVING_TURBULENCE, MOUSE_ANGLE_TURBULENCE, MOUSE_MOVING_RADIUS, BASE_BRIGHTNESS, RADIUS_DEGRADE,
+ SAMPLE_SIZE
+
+ let handle
+
+ // how close next node must be to activate connection (in px)
+ // shorter distance == better connection (line width)
+ SENSITIVITY = 200
+ // note that siblings limit is not 'accurate' as the node can actually have more connections than this value that's because the node accepts sibling nodes with no regard to their current connections this is acceptable because potential fix would not result in significant visual difference
+ // more siblings == bigger node
+ SIBLINGS_LIMIT = 10
+ // default node margin
+ DENSITY = 100
+ // total number of nodes used (incremented after creation)
+ NODES_QTY = 0
+ // avoid nodes spreading
+ ANCHOR_LENGTH = 100
+ // highlight radius
+ MOUSE_RADIUS = 200
+ // turbulence of randomness
+ TURBULENCE = 3
+ // turbulence of mouse moving
+ MOUSE_MOVING_TURBULENCE = 50
+ // turbulence of mouse moving angle
+ MOUSE_ANGLE_TURBULENCE = 0.002
+ // moving radius of mouse
+ MOUSE_MOVING_RADIUS = 600
+ // base brightness
+ BASE_BRIGHTNESS = 0.12
+ // radius degrade
+ RADIUS_DEGRADE = 0.4
+ // sample size
+ SAMPLE_SIZE = 0.5
+
+ circ = 2 * Math.PI
+ nodes = []
+
+ canvas = document.querySelector('canvas')
+ resizeWindow()
+ ctx = canvas.getContext('2d')
+ if (!ctx) {
+ alert('Ooops! Your browser does not support canvas :\'(')
+ }
+
+ function Mouse(x, y) {
+ this.anchorX = x
+ this.anchorY = y
+ this.x = x
+ this.y = y - MOUSE_RADIUS / 2
+ this.angle = 0
+ }
+
+ Mouse.prototype.computePosition = function () {
+ // this.x = this.anchorX + MOUSE_MOVING_RADIUS / 2 * Math.sin(this.angle)
+ // this.y = this.anchorY - MOUSE_MOVING_RADIUS / 2 * Math.cos(this.angle)
+ }
+
+ Mouse.prototype.move = function () {
+ let vx = Math.random() * MOUSE_MOVING_TURBULENCE
+ let vy = Math.random() * MOUSE_MOVING_TURBULENCE
+ if (this.x + vx + MOUSE_RADIUS / 2 > window.innerWidth || this.x + vx - MOUSE_RADIUS / 2 < 0) {
+ vx = -vx
+ }
+ if (this.y + vy + MOUSE_RADIUS / 2 > window.innerHeight || this.y + vy - MOUSE_RADIUS / 2 < 0) {
+ vy = -vy
+ }
+ this.x += vx
+ this.y += vy
+ // this.angle += Math.random() * MOUSE_ANGLE_TURBULENCE * 2 * Math.PI
+ // this.angle -= Math.floor(this.angle / (2 * Math.PI)) * 2 * Math.PI
+ // this.computePosition()
+ }
+
+ function Node(x, y) {
+ this.anchorX = x
+ this.anchorY = y
+ this.x = Math.random() * (x - (x - ANCHOR_LENGTH)) + (x - ANCHOR_LENGTH)
+ this.y = Math.random() * (y - (y - ANCHOR_LENGTH)) + (y - ANCHOR_LENGTH)
+ this.vx = Math.random() * TURBULENCE - 1
+ this.vy = Math.random() * TURBULENCE - 1
+ this.energy = Math.random() * 100
+ this.radius = Math.random()
+ this.siblings = []
+ this.brightness = 0
+ }
+
+ Node.prototype.drawNode = function () {
+ let color = 'rgba(64, 156, 255, ' + this.brightness + ')'
+ ctx.beginPath()
+ ctx.arc(this.x, this.y, 2 * this.radius + 2 * this.siblings.length / SIBLINGS_LIMIT / 1.5, 0, circ)
+ ctx.fillStyle = color
+ ctx.fill()
+ }
+
+ Node.prototype.drawConnections = function () {
+ for (let i = 0; i < this.siblings.length; i++) {
+ let color = 'rgba(64, 156, 255, ' + this.brightness + ')'
+ ctx.beginPath()
+ ctx.moveTo(this.x, this.y)
+ ctx.lineTo(this.siblings[i].x, this.siblings[i].y)
+ ctx.lineWidth = 1 - calcDistance(this, this.siblings[i]) / SENSITIVITY
+ ctx.strokeStyle = color
+ ctx.stroke()
+ }
+ }
+
+ Node.prototype.moveNode = function () {
+ this.energy -= 2
+ if (this.energy < 1) {
+ this.energy = Math.random() * 100
+ if (this.x - this.anchorX < -ANCHOR_LENGTH) {
+ this.vx = Math.random() * TURBULENCE
+ } else if (this.x - this.anchorX > ANCHOR_LENGTH) {
+ this.vx = Math.random() * -TURBULENCE
+ } else {
+ this.vx = Math.random() * 2 * TURBULENCE - TURBULENCE
+ }
+ if (this.y - this.anchorY < -ANCHOR_LENGTH) {
+ this.vy = Math.random() * TURBULENCE
+ } else if (this.y - this.anchorY > ANCHOR_LENGTH) {
+ this.vy = Math.random() * -TURBULENCE
+ } else {
+ this.vy = Math.random() * 2 * TURBULENCE - TURBULENCE
+ }
+ }
+ this.x += this.vx * this.energy / 100
+ this.y += this.vy * this.energy / 100
+ }
+
+ function Handle() {
+ this.isStopped = false
+ }
+
+ Handle.prototype.stop = function () {
+ this.isStopped = true
+ }
+
+ function initNodes() {
+ ctx.clearRect(0, 0, canvas.width, canvas.height)
+ nodes = []
+ for (let i = DENSITY; i < canvas.width; i += DENSITY) {
+ for (let j = DENSITY; j < canvas.height; j += DENSITY) {
+ nodes.push(new Node(i, j))
+ NODES_QTY++
+ }
+ }
+ }
+
+ function initMouse() {
+ mouse = new Mouse(canvas.width / 2, canvas.height / 2)
+ }
+
+ function initHandle() {
+ handle = new Handle()
+ }
+
+ function calcDistance(node1, node2) {
+ return Math.sqrt(Math.pow(node1.x - node2.x, 2) + (Math.pow(node1.y - node2.y, 2)))
+ }
+
+ function findSiblings() {
+ let node1, node2, distance
+ for (let i = 0; i < NODES_QTY; i++) {
+ node1 = nodes[i]
+ node1.siblings = []
+ for (let j = 0; j < NODES_QTY; j++) {
+ node2 = nodes[j]
+ if (node1 !== node2) {
+ distance = calcDistance(node1, node2)
+ if (distance < SENSITIVITY) {
+ if (node1.siblings.length < SIBLINGS_LIMIT) {
+ node1.siblings.push(node2)
+ } else {
+ let node_sibling_distance = 0
+ let max_distance = 0
+ let s
+ for (let k = 0; k < SIBLINGS_LIMIT; k++) {
+ node_sibling_distance = calcDistance(node1, node1.siblings[k])
+ if (node_sibling_distance > max_distance) {
+ max_distance = node_sibling_distance
+ s = k
+ }
+ }
+ if (distance < max_distance) {
+ node1.siblings.splice(s, 1)
+ node1.siblings.push(node2)
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ function redrawScene() {
+ if (handle && handle.isStopped) {
+ return
+ }
+ resizeWindow()
+ ctx.clearRect(0, 0, canvas.width, canvas.height)
+ findSiblings()
+ let i, node, distance
+ for (i = 0; i < NODES_QTY; i++) {
+ node = nodes[i]
+ distance = calcDistance({
+ x: mouse.x,
+ y: mouse.y
+ }, node)
+ node.brightness = (1 - Math.log(distance / MOUSE_RADIUS * RADIUS_DEGRADE)) * BASE_BRIGHTNESS
+ }
+ for (i = 0; i < NODES_QTY; i++) {
+ node = nodes[i]
+ if (node.brightness) {
+ node.drawNode()
+ node.drawConnections()
+ }
+ node.moveNode()
+ }
+ // mouse.move()
+ setTimeout(() => {
+ requestAnimationFrame(redrawScene)
+ }, 50)
+ }
+
+ function initHandlers() {
+ document.addEventListener('resize', resizeWindow, false)
+ // canvas.addEventListener('mousemove', mousemoveHandler, false)
+ }
+
+ function resizeWindow() {
+ canvas.width = window.innerWidth
+ canvas.height = window.innerHeight
+ }
+
+ function mousemoveHandler(e) {
+ mouse.x = e.clientX
+ mouse.y = e.clientY
+ }
+
+ function init() {
+ initHandlers()
+ initNodes()
+ initMouse()
+ initHandle()
+ redrawScene()
+ }
+
+ function reset() {
+ handle.isStopped = true
+ }
+
+ init()
+
+ window.resetCanvas = reset
+}
+
+(function () {
+ window.initCanvas = initCanvas
+ window.initCanvas()
+}())
diff --git a/frontend/src/assets/logo.svg b/frontend/src/assets/logo.svg
index 9a6d69ac..c52872b4 100644
--- a/frontend/src/assets/logo.svg
+++ b/frontend/src/assets/logo.svg
@@ -1,14 +1,16 @@
diff --git a/frontend/src/components/Breadcrumb/index.vue b/frontend/src/components/Breadcrumb/index.vue
deleted file mode 100644
index 241c81a3..00000000
--- a/frontend/src/components/Breadcrumb/index.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
- {{ $t(item.meta.title) }}
- {{ $t(item.meta.title) }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Common/BatchAddScheduleDialog.vue b/frontend/src/components/Common/BatchAddScheduleDialog.vue
deleted file mode 100644
index feaa6cc3..00000000
--- a/frontend/src/components/Common/BatchAddScheduleDialog.vue
+++ /dev/null
@@ -1,315 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Cancel') }}
-
- {{ $t('Reset') }}
-
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Common/BatchCrawlDialog.vue b/frontend/src/components/Common/BatchCrawlDialog.vue
deleted file mode 100644
index 09b24589..00000000
--- a/frontend/src/components/Common/BatchCrawlDialog.vue
+++ /dev/null
@@ -1,285 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Cancel') }}
-
- {{ $t('Reset') }}
-
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Common/CrawlConfirmDialog.vue b/frontend/src/components/Common/CrawlConfirmDialog.vue
deleted file mode 100644
index 14f86e73..00000000
--- a/frontend/src/components/Common/CrawlConfirmDialog.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-
-
-
-
- {{ $t('Are you sure to run this spider?') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Redirect to task detail') }}
-
-
-
- {{ $t('Retry (Maximum 5 Times)') }}
-
-
-
-
- {{ $t('Cancel') }}
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Common/ParametersDialog.vue b/frontend/src/components/Common/ParametersDialog.vue
deleted file mode 100644
index 4c138ed2..00000000
--- a/frontend/src/components/Common/ParametersDialog.vue
+++ /dev/null
@@ -1,220 +0,0 @@
-
-
-
-
- {{ $t('Add') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- N/A
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Cancel') }}
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Config/ConfigList.vue b/frontend/src/components/Config/ConfigList.vue
deleted file mode 100644
index 98745277..00000000
--- a/frontend/src/components/Config/ConfigList.vue
+++ /dev/null
@@ -1,1259 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ getDisplayStr(scope.row[f.name]) }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Cron/index.vue b/frontend/src/components/Cron/index.vue
deleted file mode 100644
index 0bc29d10..00000000
--- a/frontend/src/components/Cron/index.vue
+++ /dev/null
@@ -1,465 +0,0 @@
-
-
-
-
-
-
- {{ cron }}
-
-
-
-
- {{ text.Minutes.name }}
-
-
- {{ text.Minutes.every }}
-
-
- {{ text.Minutes.interval[0] }}
-
- {{ text.Minutes.interval[1] }}
-
- {{ text.Minutes.interval[2]||'' }}
-
-
-
- {{ text.Minutes.specific }}
-
-
-
-
-
-
- {{ text.Minutes.cycle[0] }}
-
- {{ text.Minutes.cycle[1] }}
-
- {{ text.Minutes.cycle[2] }}
-
-
-
-
-
- {{ text.Hours.name }}
-
-
- {{ text.Hours.every }}
-
-
- {{ text.Hours.interval[0] }}
-
- {{ text.Hours.interval[1] }}
-
- {{ text.Hours.interval[2] }}
-
-
-
- {{ text.Hours.specific }}
-
-
-
-
-
-
- {{ text.Hours.cycle[0] }}
-
- {{ text.Hours.cycle[1] }}
-
- {{ text.Hours.cycle[2] }}
-
-
-
-
-
- {{ text.Day.name }}
-
-
- {{ text.Day.every }}
-
-
- {{ text.Day.intervalDay[0] }}
-
- {{ text.Day.intervalDay[1] }}
-
- {{ text.Day.intervalDay[2] }}
-
-
-
- {{ text.Day.specificDay }}
-
-
-
-
-
-
- {{ text.Day.cycle[0] }}
-
- {{ text.Day.cycle[1] }}
-
-
-
-
-
-
- {{ text.Month.name }}
-
-
- {{ text.Month.every }}
-
-
- {{ text.Month.interval[0] }}
-
- {{ text.Month.interval[1] }}
-
-
-
-
- {{ text.Month.specific }}
-
-
-
-
-
-
- {{ text.Month.cycle[0] }}
-
- {{ text.Month.cycle[1] }}
-
- {{ text.Month.cycle[2] }}
-
-
-
-
-
- {{ text.Week.name }}
-
-
- {{ text.Week.every }}
-
-
- {{ text.Week.specific }}
-
-
-
-
-
-
- {{ text.Week.cycle[0] }}
-
- {{ text.Week.cycle[1] }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Cron/language/cn.js b/frontend/src/components/Cron/language/cn.js
deleted file mode 100644
index 7c6df9f7..00000000
--- a/frontend/src/components/Cron/language/cn.js
+++ /dev/null
@@ -1,61 +0,0 @@
-export default {
- Seconds: {
- name: '秒',
- every: '每一秒钟',
- interval: ['每隔', '秒执行 从', '秒开始'],
- specific: '具体秒数(可多选)',
- cycle: ['周期从', '到', '秒']
- },
- Minutes: {
- name: '分',
- every: '每一分钟',
- interval: ['每隔', '分执行 从', '分开始'],
- specific: '具体分钟数(可多选)',
- cycle: ['周期从', '到', '分']
- },
- Hours: {
- name: '时',
- every: '每一小时',
- interval: ['每隔', '小时执行 从', '小时开始'],
- specific: '具体小时数(可多选)',
- cycle: ['周期从', '到', '小时']
- },
- Day: {
- name: '天',
- every: '每一天',
- intervalWeek: ['每隔', '周执行 从', '开始'],
- intervalDay: ['每隔', '天执行 从', '天开始'],
- specificWeek: '具体星期几(可多选)',
- specificDay: '具体天数(可多选)',
- lastDay: '在这个月的最后一天',
- lastWeekday: '在这个月的最后一个工作日',
- lastWeek: ['在这个月的最后一个'],
- beforeEndMonth: ['在本月底前', '天'],
- nearestWeekday: ['最近的工作日（周一至周五）至本月', '日'],
- someWeekday: ['在这个月的第', '个'],
- cycle: ['从', '到']
- },
- Week: {
- name: '周',
- every: '每天',
- specific: '具体天数(可多选)',
- list: ['一', '二', '三', '四', '五', '六', '天'].map(val => '星期' + val),
- cycle: ['从', '到']
- },
- Month: {
- name: '月',
- every: '每一月',
- interval: ['每隔', '月执行 从', '月开始'],
- specific: '具体月数(可多选)',
- cycle: ['从', '到', '月之间的每个月']
- },
- Year: {
- name: '年',
- every: '每一年',
- interval: ['每隔', '年执行 从', '年开始'],
- specific: '具体年份(可多选)',
- cycle: ['从', '到', '年之间的每一年']
- },
- Save: '保存',
- Close: '关闭'
-}
diff --git a/frontend/src/components/Cron/language/en.js b/frontend/src/components/Cron/language/en.js
deleted file mode 100644
index fdcafa02..00000000
--- a/frontend/src/components/Cron/language/en.js
+++ /dev/null
@@ -1,71 +0,0 @@
-export default {
- Seconds: {
- name: 'Seconds',
- every: 'Every second',
- interval: ['Every', 'second(s) starting at second'],
- specific: 'Specific second (choose one or many)',
- cycle: ['Every second between second', 'and second']
- },
- Minutes: {
- name: 'Minutes',
- every: 'Every minute',
- interval: ['Every', 'minute(s) starting at minute'],
- specific: 'Specific minute (choose one or many)',
- cycle: ['Every minute between minute', 'and minute']
- },
- Hours: {
- name: 'Hours',
- every: 'Every hour',
- interval: ['Every', 'hour(s) starting at hour'],
- specific: 'Specific hour (choose one or many)',
- cycle: ['Every hour between hour', 'and hour']
- },
- Day: {
- name: 'Day',
- every: 'Every day',
- intervalWeek: ['Every', 'day(s) starting on'],
- intervalDay: ['Every', 'day(s) starting at the', 'of the month'],
- specificWeek: 'Specific day of week (choose one or many)',
- specificDay: 'Specific day of month (choose one or many)',
- lastDay: 'On the last day of the month',
- lastWeekday: 'On the last weekday of the month',
- lastWeek: ['On the last', ' of the month'],
- beforeEndMonth: ['day(s) before the end of the month'],
- nearestWeekday: [
- 'Nearest weekday (Monday to Friday) to the',
- 'of the month'],
- someWeekday: ['On the', 'of the month'],
- cycle: ['From', 'to']
- },
- Week: {
- name: 'Week',
- every: 'Every day',
- specific: 'Specific weekday (choose on or many)',
- list: [
- 'Monday',
- 'Tuesday',
- 'Wednesday',
- 'Thursday',
- 'Friday',
- 'Saturday',
- 'Sunday'],
- cycle: ['From', 'to']
- },
- // Week:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
- Month: {
- name: 'Month',
- every: 'Every month',
- interval: ['Every', 'month(s) starting in'],
- specific: 'Specific month (choose one or many)',
- cycle: ['Every month between', 'and']
- },
- Year: {
- name: 'Year',
- every: 'Any year',
- interval: ['Every', 'year(s) starting in'],
- specific: 'Specific year (choose one or many)',
- cycle: ['Every year between', 'and']
- },
- Save: 'Save',
- Close: 'Close'
-}
diff --git a/frontend/src/components/Cron/language/index.js b/frontend/src/components/Cron/language/index.js
deleted file mode 100644
index 1e592c13..00000000
--- a/frontend/src/components/Cron/language/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import en from './en'
-import cn from './cn'
-
-export default {
- en,
- cn
-}
diff --git a/frontend/src/components/Documentation/Documentation.vue b/frontend/src/components/Documentation/Documentation.vue
deleted file mode 100644
index 2fc494fd..00000000
--- a/frontend/src/components/Documentation/Documentation.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-
-
-
-
- {{ node.label }}
-
-
-
-
- {{ node.label }}
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Environment/EnvironmentList.vue b/frontend/src/components/Environment/EnvironmentList.vue
deleted file mode 100644
index 9ed0fd03..00000000
--- a/frontend/src/components/Environment/EnvironmentList.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-
-
-
-
- {{ $t('Add Environment Variables') }}
- {{ $t('Save') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/File/FileDetail.vue b/frontend/src/components/File/FileDetail.vue
deleted file mode 100644
index 3334f7ff..00000000
--- a/frontend/src/components/File/FileDetail.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/File/FileList.vue b/frontend/src/components/File/FileList.vue
deleted file mode 100644
index 4ad29fa5..00000000
--- a/frontend/src/components/File/FileList.vue
+++ /dev/null
@@ -1,679 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- {{ $t('Create File') }}
-
- -
-
- {{ $t('Create Directory') }}
-
-
-
- -
-
- {{ $t('Remove') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ data.name }}
-
-
-
-
-
-
-
-
-
- -
-
- {{ $t('Create File') }}
-
- -
-
- {{ $t('Create Directory') }}
-
-
-
- {{ $t('Add') }}
-
-
-
-
-
-
-
- {{ $t('Please select a file or click the add button on the left.') }}
-
-
-
-
-
-
-
- {{ $t('Cancel') }}
-
-
- {{ $t('Confirm') }}
-
-
-
-
- {{ $t('Remove') }}
-
-
-
-
-
-
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
- {{ $t('Rename') }}
-
-
-
-
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Hamburger/index.vue b/frontend/src/components/Hamburger/index.vue
deleted file mode 100644
index 0a6c371f..00000000
--- a/frontend/src/components/Hamburger/index.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/InfoView/NodeInfoView.vue b/frontend/src/components/InfoView/NodeInfoView.vue
deleted file mode 100644
index f20cda15..00000000
--- a/frontend/src/components/InfoView/NodeInfoView.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
diff --git a/frontend/src/components/InfoView/SpiderInfoView.vue b/frontend/src/components/InfoView/SpiderInfoView.vue
deleted file mode 100644
index 13289fe0..00000000
--- a/frontend/src/components/InfoView/SpiderInfoView.vue
+++ /dev/null
@@ -1,361 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Run') }}
-
-
-
- {{ $t('Upload') }}
-
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
diff --git a/frontend/src/components/InfoView/TaskInfoView.vue b/frontend/src/components/InfoView/TaskInfoView.vue
deleted file mode 100644
index c3a45d96..00000000
--- a/frontend/src/components/InfoView/TaskInfoView.vue
+++ /dev/null
@@ -1,181 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Log with errors') }}
-
-
-
-
- {{ $t('Empty results') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ taskForm.error }}
-
-
-
-
-
-
- {{ $t('Restart') }}
-
-
- {{ $t('Stop') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Node/NodeInstallation.vue b/frontend/src/components/Node/NodeInstallation.vue
deleted file mode 100644
index a9dcf7c6..00000000
--- a/frontend/src/components/Node/NodeInstallation.vue
+++ /dev/null
@@ -1,354 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{ $t('Search') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Installed') }}
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Install') }}
-
-
- {{ $t('Uninstall') }}
-
-
-
-
-
-
-
-
-
- {{ $t('Installing') }}
-
-
-
-
-
-
- {{ $t('Other language installing') }}
-
-
-
-
-
-
{{ $t('This language is not installed yet.') }}
-
- {{ $t('Install') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Node/NodeInstallationMatrix.vue b/frontend/src/components/Node/NodeInstallationMatrix.vue
deleted file mode 100644
index 0951d53e..00000000
--- a/frontend/src/components/Node/NodeInstallationMatrix.vue
+++ /dev/null
@@ -1,573 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{ $t('Master') }}
- {{ $t('Worker') }}
-
-
-
-
- {{ $t('Offline') }}
- {{ $t('Online') }}
- {{ $t('Unavailable') }}
-
-
-
-
-
-
-
-
-
-
- {{ $t('Installed') }}
-
-
-
-
-
- {{ $t('Installing') }}
-
-
-
-
-
-
- {{ $t('Not Installed') }}
-
-
- {{ $t('Install') }}
-
-
-
-
-
-
- {{ $t('N/A') }}
-
-
-
-
-
-
-
- {{ $t('Installed') }}
-
-
- {{ $t('Uninstall') }}
-
-
-
-
-
- {{ $t('Installing') }}
-
-
-
-
- {{ $t('Not Installed') }}
-
-
- {{ $t('Install') }}
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Master') }}
- {{ $t('Worker') }}
-
-
-
-
- {{ $t('Offline') }}
- {{ $t('Online') }}
- {{ $t('Unavailable') }}
-
-
-
-
-
-
-
-
-
-
- {{ $t('Installed') }}
-
-
-
-
-
- {{ $t('Installing') }}
-
-
-
-
-
-
- {{ $t('Not Installed') }}
-
-
- {{ $t('Install') }}
-
-
-
-
-
-
- {{ $t('N/A') }}
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Node/NodeNetwork.vue b/frontend/src/components/Node/NodeNetwork.vue
deleted file mode 100644
index 344e1d81..00000000
--- a/frontend/src/components/Node/NodeNetwork.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Overview/NodeOverview.vue b/frontend/src/components/Overview/NodeOverview.vue
deleted file mode 100644
index bb5399fd..00000000
--- a/frontend/src/components/Overview/NodeOverview.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Overview/SpiderOverview.vue b/frontend/src/components/Overview/SpiderOverview.vue
deleted file mode 100644
index e4606cac..00000000
--- a/frontend/src/components/Overview/SpiderOverview.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Overview/TaskOverview.vue b/frontend/src/components/Overview/TaskOverview.vue
deleted file mode 100644
index 1b77f717..00000000
--- a/frontend/src/components/Overview/TaskOverview.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-
-
-
-
- {{ $t('Navigate to Spider') }}
-
-
- {{ $t('Navigate to Node') }}
-
-
-
-
-
- {{ $t('Task Info') }}
-
-
-
-
-
-
-
-
-
- {{ $t('Spider Info') }}
-
-
-
-
-
- {{ $t('Node Info') }}
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Pagination/index.vue b/frontend/src/components/Pagination/index.vue
deleted file mode 100644
index cc83c6d5..00000000
--- a/frontend/src/components/Pagination/index.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/PanThumb/index.vue b/frontend/src/components/PanThumb/index.vue
deleted file mode 100644
index 5b984c11..00000000
--- a/frontend/src/components/PanThumb/index.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-
-
-
-
![]()
-
-
-
-
-
diff --git a/frontend/src/components/Schedule/ScheduleTaskList.vue b/frontend/src/components/Schedule/ScheduleTaskList.vue
deleted file mode 100644
index ff963a86..00000000
--- a/frontend/src/components/Schedule/ScheduleTaskList.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-
diff --git a/frontend/src/components/Scrapy/SpiderScrapy.vue b/frontend/src/components/Scrapy/SpiderScrapy.vue
deleted file mode 100644
index 4abc6a32..00000000
--- a/frontend/src/components/Scrapy/SpiderScrapy.vue
+++ /dev/null
@@ -1,846 +0,0 @@
-
-
-
-
-
-
- {{$t('Add')}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{$t('Cancel')}}
-
- {{$t('Confirm')}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{$t('Cancel')}}
-
- {{$t('Confirm')}}
-
-
-
-
-
-
-
-
-
-
-
- {{$t('No data available')}}
-
-
-
-
-
-
-
-
-
- {{$t('Add Variable')}}
-
-
- {{$t('Save')}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{JSON.stringify(scope.row.value)}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{$t('No data available. Please check whether your spiders are missing dependencies or no spiders created.')}}
-
-
-
-
-
-
-
-
-
- {{$t('Add Spider')}}
-
-
-
-
-
-
-
- {{$t('No data available')}}
-
-
-
-
-
-
-
-
-
- {{$t('Add Item')}}
-
-
- {{$t('Save')}}
-
-
-
-
-
-
-
- {{ data.label }}
-
-
-
-
-
- {{$t('Add Field')}}
-
-
- {{$t('Remove')}}
-
-
-
-
-
-
- {{ node.label }}
-
-
-
-
-
- {{$t('Remove')}}
-
-
-
-
-
-
-
-
- {{$t('No data available')}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Screenfull/index.vue b/frontend/src/components/Screenfull/index.vue
deleted file mode 100644
index 6247b516..00000000
--- a/frontend/src/components/Screenfull/index.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/ScrollPane/index.vue b/frontend/src/components/ScrollPane/index.vue
deleted file mode 100644
index 72d2b452..00000000
--- a/frontend/src/components/ScrollPane/index.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/ScrollView/LogItem.vue b/frontend/src/components/ScrollView/LogItem.vue
deleted file mode 100644
index bc09a6fb..00000000
--- a/frontend/src/components/ScrollView/LogItem.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-
-
-
{{ source.index }}
-
-
- {{ $t('Updating log...') }}
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/ScrollView/LogView.vue b/frontend/src/components/ScrollView/LogView.vue
deleted file mode 100644
index d77ffc51..00000000
--- a/frontend/src/components/ScrollView/LogView.vue
+++ /dev/null
@@ -1,377 +0,0 @@
-
-
-
-
-
-
-
- {{ $t('Search Log') }}
-
-
-
-
-
-
- {{ $t('Error Count') }}
-
-
-
-
-
-
-
-
-
-
- -
-
- {{ item.msg }}
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Settings/GitSettings.vue b/frontend/src/components/Settings/GitSettings.vue
deleted file mode 100644
index 98b87ded..00000000
--- a/frontend/src/components/Settings/GitSettings.vue
+++ /dev/null
@@ -1,480 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ spiderForm.git_sync_error }}
-
-
-
-
- {{ sshPublicKey }}
-
-
-
- {{ $t('Copy') }}
-
-
-
-
-
-
- {{ $t('Reset') }}
-
-
- {{ $t('Sync') }}
-
-
- {{ $t('Save') }}
-
-
-
-
-
-
-
-
-
- {{ c.message }}
-
-
- {{ c.author }} ({{ c.email }})
-
-
-
-
-
-
- HEAD
-
-
-
- {{ b.label }}
-
-
-
- {{ b.label }}
-
-
-
- {{ t.label }}
-
-
-
-
- Checkout
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Share/dropdownMenu.vue b/frontend/src/components/Share/dropdownMenu.vue
deleted file mode 100644
index 3ad3c396..00000000
--- a/frontend/src/components/Share/dropdownMenu.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/SizeSelect/index.vue b/frontend/src/components/SizeSelect/index.vue
deleted file mode 100644
index 937e2963..00000000
--- a/frontend/src/components/SizeSelect/index.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
- {{
- item.label }}
-
-
-
-
-
diff --git a/frontend/src/components/Spider/CopySpiderDialog.vue b/frontend/src/components/Spider/CopySpiderDialog.vue
deleted file mode 100644
index 75fc270f..00000000
--- a/frontend/src/components/Spider/CopySpiderDialog.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-
-
-
-
-
-
- {{ $t('Cancel') }}
-
- {{ $t('Confirm') }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Stats/MetricCard.vue b/frontend/src/components/Stats/MetricCard.vue
deleted file mode 100644
index a86d3ea7..00000000
--- a/frontend/src/components/Stats/MetricCard.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- {{ value }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Stats/SpiderStats.vue b/frontend/src/components/Stats/SpiderStats.vue
deleted file mode 100644
index 20b2bbeb..00000000
--- a/frontend/src/components/Stats/SpiderStats.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Daily Tasks') }}
-
-
-
-
-
-
-
-
- {{ $t('Daily Avg Duration (sec)') }}
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Status/StatusLegend.vue b/frontend/src/components/Status/StatusLegend.vue
deleted file mode 100644
index d15660f1..00000000
--- a/frontend/src/components/Status/StatusLegend.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
- {{ $t('Pending') }}
-
-
-
- {{ $t('Running') }}
-
-
-
- {{ $t('Finished') }}
-
-
-
- {{ $t('Error') }}
-
-
-
- {{ $t('Cancelled') }}
-
-
-
- {{ $t('Abnormal') }}
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Status/StatusTag.vue b/frontend/src/components/Status/StatusTag.vue
deleted file mode 100644
index 645b6c7b..00000000
--- a/frontend/src/components/Status/StatusTag.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
- {{ $t(label) }}
-
-
-
-
-
-
diff --git a/frontend/src/components/Sticky/index.vue b/frontend/src/components/Sticky/index.vue
deleted file mode 100644
index 822c0ff7..00000000
--- a/frontend/src/components/Sticky/index.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/SvgIcon/index.vue b/frontend/src/components/SvgIcon/index.vue
deleted file mode 100644
index 585042a1..00000000
--- a/frontend/src/components/SvgIcon/index.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/TableView/DeployTableView.vue b/frontend/src/components/TableView/DeployTableView.vue
deleted file mode 100644
index 7786342f..00000000
--- a/frontend/src/components/TableView/DeployTableView.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/TableView/FieldsTableView.vue b/frontend/src/components/TableView/FieldsTableView.vue
deleted file mode 100644
index 6c9b52e8..00000000
--- a/frontend/src/components/TableView/FieldsTableView.vue
+++ /dev/null
@@ -1,360 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- CSS
-
-
-
-
- XPath
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('Text') }}
-
-
-
-
- {{ $t('Attribute') }}
-
-
-
-
-
-
-
-
-
-
-
- N/A
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/TableView/GeneralTableView.vue b/frontend/src/components/TableView/GeneralTableView.vue
deleted file mode 100644
index ce69bfe4..00000000
--- a/frontend/src/components/TableView/GeneralTableView.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-
-
-
-
-
-
-
-
-
- {{ getString(scope.row[col]) }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/TableView/SettingFieldsTableView.vue b/frontend/src/components/TableView/SettingFieldsTableView.vue
deleted file mode 100644
index 9d360d47..00000000
--- a/frontend/src/components/TableView/SettingFieldsTableView.vue
+++ /dev/null
@@ -1,248 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/TableView/TaskTableView.vue b/frontend/src/components/TableView/TaskTableView.vue
deleted file mode 100644
index e4951259..00000000
--- a/frontend/src/components/TableView/TaskTableView.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/ThemePicker/index.vue b/frontend/src/components/ThemePicker/index.vue
deleted file mode 100644
index 72fe15b7..00000000
--- a/frontend/src/components/ThemePicker/index.vue
+++ /dev/null
@@ -1,149 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Tinymce/components/editorImage 2.vue b/frontend/src/components/Tinymce/components/editorImage 2.vue
deleted file mode 100644
index 45232050..00000000
--- a/frontend/src/components/Tinymce/components/editorImage 2.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-
-
- 上传图片
-
-
-
- 点击上传
-
- 取 消
- 确 定
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Tinymce/components/editorImage.vue b/frontend/src/components/Tinymce/components/editorImage.vue
deleted file mode 100644
index 45232050..00000000
--- a/frontend/src/components/Tinymce/components/editorImage.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-
-
- 上传图片
-
-
-
- 点击上传
-
- 取 消
- 确 定
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Tinymce/index.vue b/frontend/src/components/Tinymce/index.vue
deleted file mode 100644
index 5c0d65ef..00000000
--- a/frontend/src/components/Tinymce/index.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-
-
-
-
-
-
-
diff --git a/frontend/src/components/Tinymce/plugins.js b/frontend/src/components/Tinymce/plugins.js
deleted file mode 100644
index 058d2aef..00000000
--- a/frontend/src/components/Tinymce/plugins.js
+++ /dev/null
@@ -1,7 +0,0 @@
-// Any plugins you want to use has to be imported
-// Detail plugins list see https://www.tinymce.com/docs/plugins/
-// Custom builds see https://www.tinymce.com/download/custom-builds/
-
-const plugins = ['advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount']
-
-export default plugins
diff --git a/frontend/src/components/Tinymce/toolbar.js b/frontend/src/components/Tinymce/toolbar.js
deleted file mode 100644
index 6720259c..00000000
--- a/frontend/src/components/Tinymce/toolbar.js
+++ /dev/null
@@ -1,8 +0,0 @@
-// Here is a list of the toolbar
-// Detail list see https://www.tinymce.com/docs/advanced/editor-control-identifiers/#toolbarcontrols
-
-const toolbar = [
- 'searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample',
- 'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen']
-
-export default toolbar
diff --git a/frontend/src/components/UploadExcel/index.vue b/frontend/src/components/UploadExcel/index.vue
deleted file mode 100644
index 1d53f6d3..00000000
--- a/frontend/src/components/UploadExcel/index.vue
+++ /dev/null
@@ -1,136 +0,0 @@
-
-
-
-
- Drop excel file here or
- Browse
-
-
-
-
-
-
diff --git a/frontend/src/components/button/Button.vue b/frontend/src/components/button/Button.vue
new file mode 100644
index 00000000..c009056c
--- /dev/null
+++ b/frontend/src/components/button/Button.vue
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/button/FaIconButton.vue b/frontend/src/components/button/FaIconButton.vue
new file mode 100644
index 00000000..59c70e15
--- /dev/null
+++ b/frontend/src/components/button/FaIconButton.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/button/IconButton.vue b/frontend/src/components/button/IconButton.vue
new file mode 100644
index 00000000..c10c635e
--- /dev/null
+++ b/frontend/src/components/button/IconButton.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/button/LabelButton.vue b/frontend/src/components/button/LabelButton.vue
new file mode 100644
index 00000000..2fbc7a3e
--- /dev/null
+++ b/frontend/src/components/button/LabelButton.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/chart/LineChart.vue b/frontend/src/components/chart/LineChart.vue
new file mode 100644
index 00000000..0d6b97fb
--- /dev/null
+++ b/frontend/src/components/chart/LineChart.vue
@@ -0,0 +1,172 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/chart/Metric.vue b/frontend/src/components/chart/Metric.vue
new file mode 100644
index 00000000..9c9c5726
--- /dev/null
+++ b/frontend/src/components/chart/Metric.vue
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+ {{ value }}
+
+
+
+
+
+
+
diff --git a/frontend/src/components/chart/PieChart.vue b/frontend/src/components/chart/PieChart.vue
new file mode 100644
index 00000000..e68ffd82
--- /dev/null
+++ b/frontend/src/components/chart/PieChart.vue
@@ -0,0 +1,164 @@
+
+
+
+ No Data Available
+
+
+
+
+
+
+
diff --git a/frontend/src/components/color/ColorPicker.vue b/frontend/src/components/color/ColorPicker.vue
new file mode 100644
index 00000000..ebf95b7a
--- /dev/null
+++ b/frontend/src/components/color/ColorPicker.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/context-menu/ContextMenu.vue b/frontend/src/components/context-menu/ContextMenu.vue
new file mode 100644
index 00000000..72734dda
--- /dev/null
+++ b/frontend/src/components/context-menu/ContextMenu.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/context-menu/ContextMenuList.vue b/frontend/src/components/context-menu/ContextMenuList.vue
new file mode 100644
index 00000000..42676271
--- /dev/null
+++ b/frontend/src/components/context-menu/ContextMenuList.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/dialog/ConfirmDialog.vue b/frontend/src/components/dialog/ConfirmDialog.vue
new file mode 100644
index 00000000..62488f06
--- /dev/null
+++ b/frontend/src/components/dialog/ConfirmDialog.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/dialog/CreateDialogContentBatch.vue b/frontend/src/components/dialog/CreateDialogContentBatch.vue
new file mode 100644
index 00000000..f136b69d
--- /dev/null
+++ b/frontend/src/components/dialog/CreateDialogContentBatch.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/dialog/CreateEditDialog.vue b/frontend/src/components/dialog/CreateEditDialog.vue
new file mode 100644
index 00000000..b6d2ccdf
--- /dev/null
+++ b/frontend/src/components/dialog/CreateEditDialog.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/dialog/Dialog.vue b/frontend/src/components/dialog/Dialog.vue
new file mode 100644
index 00000000..538f9717
--- /dev/null
+++ b/frontend/src/components/dialog/Dialog.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/drag/DraggableItem.vue b/frontend/src/components/drag/DraggableItem.vue
new file mode 100644
index 00000000..34bf5211
--- /dev/null
+++ b/frontend/src/components/drag/DraggableItem.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/drag/DraggableItemContent.vue b/frontend/src/components/drag/DraggableItemContent.vue
new file mode 100644
index 00000000..69bb38d5
--- /dev/null
+++ b/frontend/src/components/drag/DraggableItemContent.vue
@@ -0,0 +1,21 @@
+
diff --git a/frontend/src/components/drag/DraggableList.vue b/frontend/src/components/drag/DraggableList.vue
new file mode 100644
index 00000000..3ca13956
--- /dev/null
+++ b/frontend/src/components/drag/DraggableList.vue
@@ -0,0 +1,111 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/element/index.d.ts b/frontend/src/components/element/index.d.ts
new file mode 100644
index 00000000..3667505a
--- /dev/null
+++ b/frontend/src/components/element/index.d.ts
@@ -0,0 +1,3 @@
+type BasicType = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+type BasicEffect = 'dark' | 'light' | 'plain';
+type BasicSize = 'mini' | 'small' | 'medium' | 'large';
diff --git a/frontend/src/components/empty/Empty.vue b/frontend/src/components/empty/Empty.vue
new file mode 100644
index 00000000..cdf6fda2
--- /dev/null
+++ b/frontend/src/components/empty/Empty.vue
@@ -0,0 +1,42 @@
+
+
+
+
+ {{ description }}
+
+
+
+
+
+
diff --git a/frontend/src/components/empty/ImgEmpty.vue b/frontend/src/components/empty/ImgEmpty.vue
new file mode 100644
index 00000000..d2ee5f30
--- /dev/null
+++ b/frontend/src/components/empty/ImgEmpty.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditor.vue b/frontend/src/components/file/FileEditor.vue
new file mode 100644
index 00000000..e58d5d81
--- /dev/null
+++ b/frontend/src/components/file/FileEditor.vue
@@ -0,0 +1,823 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ You can edit or view a file by double-clicking one of the files on the left.
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorNavMenu.vue b/frontend/src/components/file/FileEditorNavMenu.vue
new file mode 100644
index 00000000..2d9774a2
--- /dev/null
+++ b/frontend/src/components/file/FileEditorNavMenu.vue
@@ -0,0 +1,479 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorNavMenuContextMenu.vue b/frontend/src/components/file/FileEditorNavMenuContextMenu.vue
new file mode 100644
index 00000000..8e5dacea
--- /dev/null
+++ b/frontend/src/components/file/FileEditorNavMenuContextMenu.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorNavTabs.vue b/frontend/src/components/file/FileEditorNavTabs.vue
new file mode 100644
index 00000000..305a41bd
--- /dev/null
+++ b/frontend/src/components/file/FileEditorNavTabs.vue
@@ -0,0 +1,271 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getTitle(item) }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorNavTabsContextMenu.vue b/frontend/src/components/file/FileEditorNavTabsContextMenu.vue
new file mode 100644
index 00000000..7f2d0204
--- /dev/null
+++ b/frontend/src/components/file/FileEditorNavTabsContextMenu.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorNavTabsShowMoreContextMenu.vue b/frontend/src/components/file/FileEditorNavTabsShowMoreContextMenu.vue
new file mode 100644
index 00000000..7a04fa6e
--- /dev/null
+++ b/frontend/src/components/file/FileEditorNavTabsShowMoreContextMenu.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorSettingsDialog.vue b/frontend/src/components/file/FileEditorSettingsDialog.vue
new file mode 100644
index 00000000..9b12976e
--- /dev/null
+++ b/frontend/src/components/file/FileEditorSettingsDialog.vue
@@ -0,0 +1,198 @@
+
+
+
+
+
+
+
+
+
+
+ {{ getDefinitionTitle(name) }}
+
+
+
+
+
+ Cancel
+ Save
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileEditorSettingsFormItem.vue b/frontend/src/components/file/FileEditorSettingsFormItem.vue
new file mode 100644
index 00000000..f8e7d4ef
--- /dev/null
+++ b/frontend/src/components/file/FileEditorSettingsFormItem.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/FileUpload.vue b/frontend/src/components/file/FileUpload.vue
new file mode 100644
index 00000000..5116945a
--- /dev/null
+++ b/frontend/src/components/file/FileUpload.vue
@@ -0,0 +1,210 @@
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+ Drag files here, or click to upload
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/file/fileEditorDropZone.ts b/frontend/src/components/file/fileEditorDropZone.ts
new file mode 100644
index 00000000..e276287e
--- /dev/null
+++ b/frontend/src/components/file/fileEditorDropZone.ts
@@ -0,0 +1,23 @@
+import {useDropzone} from 'vue3-dropzone';
+
+const useFileEditorDropZone = () => {
+ const onDrop = (acceptedFiles: InputFile[], rejectReasons: FileRejectReason[], event: Event) => {
+ console.log(acceptedFiles);
+ };
+
+ const {
+ getRootProps,
+ getInputProps,
+ open,
+ } = useDropzone({
+ onDrop,
+ });
+
+ return {
+ getRootProps,
+ getInputProps,
+ open,
+ };
+};
+
+export default useFileEditorDropZone;
diff --git a/frontend/src/components/filter/FilterCondition.vue b/frontend/src/components/filter/FilterCondition.vue
new file mode 100644
index 00000000..46496e91
--- /dev/null
+++ b/frontend/src/components/filter/FilterCondition.vue
@@ -0,0 +1,164 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/filter/FilterConditionList.vue b/frontend/src/components/filter/FilterConditionList.vue
new file mode 100644
index 00000000..d9b15fb9
--- /dev/null
+++ b/frontend/src/components/filter/FilterConditionList.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/form/Form.vue b/frontend/src/components/form/Form.vue
new file mode 100644
index 00000000..51ae8670
--- /dev/null
+++ b/frontend/src/components/form/Form.vue
@@ -0,0 +1,90 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/form/FormItem.vue b/frontend/src/components/form/FormItem.vue
new file mode 100644
index 00000000..1fc31936
--- /dev/null
+++ b/frontend/src/components/form/FormItem.vue
@@ -0,0 +1,209 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/form/FormReadonlyValue.vue b/frontend/src/components/form/FormReadonlyValue.vue
new file mode 100644
index 00000000..f0be64a6
--- /dev/null
+++ b/frontend/src/components/form/FormReadonlyValue.vue
@@ -0,0 +1,31 @@
+
+
+ {{ value }}
+
+
+
+
+
+
diff --git a/frontend/src/components/form/FormTable.vue b/frontend/src/components/form/FormTable.vue
new file mode 100644
index 00000000..6e5457cf
--- /dev/null
+++ b/frontend/src/components/form/FormTable.vue
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/form/FormTableField.vue b/frontend/src/components/form/FormTableField.vue
new file mode 100644
index 00000000..ee393a92
--- /dev/null
+++ b/frontend/src/components/form/FormTableField.vue
@@ -0,0 +1,239 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/form/form.ts b/frontend/src/components/form/form.ts
new file mode 100644
index 00000000..4b04b8ef
--- /dev/null
+++ b/frontend/src/components/form/form.ts
@@ -0,0 +1,269 @@
+import {computed, provide} from 'vue';
+import {Store} from 'vuex';
+import useFormTable from '@/components/form/formTable';
+import {EMPTY_OBJECT_ID} from '@/utils/mongo';
+
+const useForm = (ns: ListStoreNamespace, store: Store
, services: Services, data: FormComponentData) => {
+ const {
+ form: newForm,
+ formRef,
+ formTableFieldRefsMap,
+ } = data;
+
+ const getNewForm = () => {
+ return {...newForm.value};
+ };
+
+ const getNewFormList = () => {
+ const list = [];
+ for (let i = 0; i < 5; i++) {
+ list.push(getNewForm());
+ }
+ return list;
+ };
+
+ // store state
+ const state = store.state[ns];
+
+ // form
+ const form = computed(() => state.form);
+
+ // form list
+ const formList = computed(() => state.formList);
+
+ // active dialog key
+ const activeDialogKey = computed(() => state.activeDialogKey);
+
+ // is selective form
+ const isSelectiveForm = computed(() => state.isSelectiveForm);
+
+ // selected form fields
+ const selectedFormFields = computed(() => state.selectedFormFields);
+
+ // readonly form fields
+ const readonlyFormFields = computed(() => state.readonlyFormFields);
+
+ // is batch form getters
+ const isBatchForm = computed(() => store.getters[`${ns}/isBatchForm`]);
+
+ // form list ids getters
+ const formListIds = computed(() => store.getters[`${ns}/formListIds`]);
+
+ const validateForm = async () => {
+ if (isBatchForm.value && activeDialogKey.value === 'create') {
+ let valid = true;
+ for (const formRef of formTableFieldRefsMap.value.values()) {
+ try {
+ await formRef.value?.validate?.();
+ } catch (e) {
+ valid = false;
+ }
+ }
+ return valid;
+ } else {
+ return await formRef.value?.validate();
+ }
+ };
+
+ const resetForm = () => {
+ if (activeDialogKey.value) {
+ switch (activeDialogKey.value) {
+ case 'create':
+ store.commit(`${ns}/setForm`, getNewForm());
+ store.commit(`${ns}/setFormList`, getNewFormList());
+ break;
+ case 'edit':
+ // store.commit(`${ns}/setForm`, plainClone(state.form))
+ formRef.value?.clearValidate();
+ break;
+ }
+ } else {
+ formRef.value?.resetFields();
+ formTableFieldRefsMap.value = new Map();
+ }
+ };
+
+ // whether form item is disabled
+ const isFormItemDisabled = (prop: string) => {
+ if (readonlyFormFields.value.includes(prop)) {
+ return true;
+ }
+ if (!isSelectiveForm.value) return false;
+ if (!prop) return false;
+ return !selectedFormFields.value.includes(prop);
+ };
+
+ // whether the form is empty
+ const isEmptyForm = (d: any): boolean => {
+ return JSON.stringify(d) === JSON.stringify(getNewForm());
+ };
+ provide<(d: any) => boolean>('fn:isEmptyForm', isEmptyForm);
+
+ // all list select options
+ const allListSelectOptions = computed(() => store.getters[`${ns}/allListSelectOptions`]);
+
+ // all list select options with empty
+ const allListSelectOptionsWithEmpty = computed(() => allListSelectOptions.value.concat({
+ label: 'Unassigned',
+ value: EMPTY_OBJECT_ID,
+ }));
+
+ // all dict
+ const allDict = computed>(() => store.getters[`${ns}/allDict`]);
+
+ // all tags
+ const allTags = computed(() => store.getters[`${ns}/allTags`]);
+
+ const {
+ getList,
+ create,
+ updateById,
+ createList,
+ updateList,
+ } = services;
+
+ // dialog create edit
+ const createEditDialogVisible = computed(() => {
+ const {activeDialogKey} = state;
+ if (!activeDialogKey) return false;
+ return ['create', 'edit'].includes(activeDialogKey);
+ });
+
+ // dialog create edit tab name
+ const createEditDialogTabName = computed(() => state.createEditDialogTabName);
+
+ // dialog confirm
+ const confirmDisabled = computed(() => {
+ return isSelectiveForm.value &&
+ selectedFormFields.value.length === 0;
+ });
+ const confirmLoading = computed(() => state.confirmLoading);
+ const setConfirmLoading = (value: boolean) => store.commit(`${ns}/setConfirmLoading`, value);
+ const onConfirm = async () => {
+ // validate
+ try {
+ const valid = await validateForm();
+ if (!valid) return;
+ } catch (ex) {
+ console.error(ex);
+ return;
+ }
+ if (!form.value) {
+ console.error(new Error('form is undefined'));
+ return;
+ }
+
+ // flag of request finished
+ let isRequestFinished = false;
+
+ // start loading
+ setTimeout(() => {
+ if (isRequestFinished) return;
+ setConfirmLoading(true);
+ }, 50);
+
+ // request
+ try {
+ let res: HttpResponse;
+ switch (activeDialogKey.value) {
+ case 'create':
+ if (isBatchForm.value) {
+ const changedFormList = formList.value.filter(d => !isEmptyForm(d));
+ res = await createList(changedFormList);
+ } else {
+ res = await create(form.value);
+ }
+ break;
+ case 'edit':
+ if (isBatchForm.value) {
+ res = await updateList(formListIds.value, form.value, selectedFormFields.value);
+ } else {
+ res = await updateById(form.value._id as string, form.value);
+ }
+ break;
+ default:
+ console.error(`activeDialogKey "${activeDialogKey.value}" is invalid`);
+ return;
+ }
+ if (res.error) {
+ console.error(res.error);
+ return;
+ }
+ } finally {
+ // flag request finished as true
+ isRequestFinished = true;
+
+ // stop loading
+ setConfirmLoading(false);
+ }
+
+ // close
+ store.commit(`${ns}/hideDialog`);
+
+ // request list
+ await getList();
+ };
+
+ // dialog close
+ const onClose = () => {
+ store.commit(`${ns}/hideDialog`);
+ };
+
+ // dialog tab change
+ const onTabChange = (tabName: CreateEditTabName) => {
+ // if (tabName === 'batch') {
+ // store.commit(`${ns}/setFormList`, getNewFormList());
+ // }
+ store.commit(`${ns}/setCreateEditDialogTabName`, tabName);
+ };
+
+ // use form table
+ const formTable = useFormTable(ns, store, services, data);
+ const {
+ onAdd,
+ onClone,
+ onDelete,
+ onFieldChange,
+ onFieldRegister,
+ } = formTable;
+
+ // action functions
+ const actionFunctions = {
+ onClose,
+ onConfirm,
+ onTabChange,
+ onAdd,
+ onClone,
+ onDelete,
+ onFieldChange,
+ onFieldRegister,
+ } as CreateEditDialogActionFunctions;
+
+ return {
+ ...formTable,
+ getNewForm,
+ getNewFormList,
+ form,
+ formRef,
+ isSelectiveForm,
+ selectedFormFields,
+ formList,
+ isBatchForm,
+ validateForm,
+ resetForm,
+ isFormItemDisabled,
+ activeDialogKey,
+ createEditDialogTabName,
+ createEditDialogVisible,
+ allListSelectOptions,
+ allListSelectOptionsWithEmpty,
+ allDict,
+ allTags,
+ confirmDisabled,
+ confirmLoading,
+ setConfirmLoading,
+ actionFunctions,
+ };
+};
+
+export default useForm;
diff --git a/frontend/src/components/form/formTable.ts b/frontend/src/components/form/formTable.ts
new file mode 100644
index 00000000..07985539
--- /dev/null
+++ b/frontend/src/components/form/formTable.ts
@@ -0,0 +1,67 @@
+import {Store} from 'vuex';
+import {plainClone} from '@/utils/object';
+import {computed, Ref} from 'vue';
+
+const useFormTable = (ns: ListStoreNamespace, store: Store, services: Services, data: FormComponentData) => {
+ const {
+ form,
+ formTableFieldRefsMap,
+ } = data;
+
+ // state
+ const state = store.state[ns];
+
+ // form list
+ const formList = computed(() => state.formList);
+
+ const getNewForm = () => {
+ return {...form.value};
+ };
+
+ const onAdd = (index: number) => {
+ formList.value.splice(index, 0, getNewForm());
+ };
+
+ const onClone = (index: number) => {
+ const form = plainClone(formList.value[index]);
+ formList.value.splice(index, 0, form);
+ };
+
+ const onDelete = (index: number) => {
+ formList.value.splice(index, 1);
+ for (const key of formTableFieldRefsMap.value.keys()) {
+ const rowIndex = key[0];
+ if (rowIndex === index) {
+ formTableFieldRefsMap.value.delete(key);
+ }
+ }
+ };
+
+ const onFieldChange = (rowIndex: number, prop: string, value: any) => {
+ if (rowIndex !== -1) {
+ // one row change
+ const item = formList.value[rowIndex] as BaseModel;
+ item[prop] = value;
+ } else {
+ // all rows change
+ for (let i = 0; i < formList.value.length; i++) {
+ onFieldChange(i, prop, value);
+ }
+ }
+ };
+
+ const onFieldRegister = (rowIndex: number, prop: string, formRef: Ref) => {
+ const key = [rowIndex, prop] as FormTableFieldRefsMapKey;
+ formTableFieldRefsMap.value.set(key, formRef);
+ };
+
+ return {
+ onAdd,
+ onClone,
+ onDelete,
+ onFieldChange,
+ onFieldRegister,
+ };
+};
+
+export default useFormTable;
diff --git a/frontend/src/components/icon/AtomMaterialIcon.vue b/frontend/src/components/icon/AtomMaterialIcon.vue
new file mode 100644
index 00000000..224c140f
--- /dev/null
+++ b/frontend/src/components/icon/AtomMaterialIcon.vue
@@ -0,0 +1,36 @@
+
+
+
+
+
+
diff --git a/frontend/src/components/icon/Icon.vue b/frontend/src/components/icon/Icon.vue
new file mode 100644
index 00000000..39c637b7
--- /dev/null
+++ b/frontend/src/components/icon/Icon.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/icon/MenuItemIcon.vue b/frontend/src/components/icon/MenuItemIcon.vue
new file mode 100644
index 00000000..f315bf66
--- /dev/null
+++ b/frontend/src/components/icon/MenuItemIcon.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/icon/icon.ts b/frontend/src/components/icon/icon.ts
new file mode 100644
index 00000000..177f2920
--- /dev/null
+++ b/frontend/src/components/icon/icon.ts
@@ -0,0 +1,33 @@
+const useIcon = () => {
+ // implementation
+ const isFaIcon = (icon: Icon) => {
+ if (Array.isArray(icon)) {
+ return icon.length > 0 && icon[0].substr(0, 2) === 'fa';
+ } else {
+ return icon?.substr(0, 2) === 'fa';
+ }
+ };
+
+ const getFontSize = (size: IconSize) => {
+ switch (size) {
+ case 'large':
+ return '24px';
+ case 'normal':
+ return '16px';
+ case 'small':
+ return '12px';
+ case 'mini':
+ return '10px';
+ default:
+ return size || '16px';
+ }
+ };
+
+ return {
+ // public variables and methods
+ isFaIcon,
+ getFontSize,
+ };
+};
+
+export default useIcon;
diff --git a/frontend/src/components/input/InputWithButton.vue b/frontend/src/components/input/InputWithButton.vue
new file mode 100644
index 00000000..0e1090f5
--- /dev/null
+++ b/frontend/src/components/input/InputWithButton.vue
@@ -0,0 +1,188 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/input/TagInput.vue b/frontend/src/components/input/TagInput.vue
new file mode 100644
index 00000000..a8efa2f1
--- /dev/null
+++ b/frontend/src/components/input/TagInput.vue
@@ -0,0 +1,228 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/input/TagInputItem.vue b/frontend/src/components/input/TagInputItem.vue
new file mode 100644
index 00000000..bc2b18d2
--- /dev/null
+++ b/frontend/src/components/input/TagInputItem.vue
@@ -0,0 +1,353 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionBack.vue b/frontend/src/components/nav/NavActionBack.vue
new file mode 100644
index 00000000..affea289
--- /dev/null
+++ b/frontend/src/components/nav/NavActionBack.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionButton.vue b/frontend/src/components/nav/NavActionButton.vue
new file mode 100644
index 00000000..ff2b08b2
--- /dev/null
+++ b/frontend/src/components/nav/NavActionButton.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionFaIcon.vue b/frontend/src/components/nav/NavActionFaIcon.vue
new file mode 100644
index 00000000..b9998a4a
--- /dev/null
+++ b/frontend/src/components/nav/NavActionFaIcon.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionGroup.vue b/frontend/src/components/nav/NavActionGroup.vue
new file mode 100644
index 00000000..fc33dca6
--- /dev/null
+++ b/frontend/src/components/nav/NavActionGroup.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionGroupDetailCommon.vue b/frontend/src/components/nav/NavActionGroupDetailCommon.vue
new file mode 100644
index 00000000..a5fe5e03
--- /dev/null
+++ b/frontend/src/components/nav/NavActionGroupDetailCommon.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActionItem.vue b/frontend/src/components/nav/NavActionItem.vue
new file mode 100644
index 00000000..a8f463c8
--- /dev/null
+++ b/frontend/src/components/nav/NavActionItem.vue
@@ -0,0 +1,78 @@
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavActions.vue b/frontend/src/components/nav/NavActions.vue
new file mode 100644
index 00000000..2201dd25
--- /dev/null
+++ b/frontend/src/components/nav/NavActions.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavLink.vue b/frontend/src/components/nav/NavLink.vue
new file mode 100644
index 00000000..1b628e74
--- /dev/null
+++ b/frontend/src/components/nav/NavLink.vue
@@ -0,0 +1,66 @@
+
+
+
+ {{ label }}
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavSidebar.vue b/frontend/src/components/nav/NavSidebar.vue
new file mode 100644
index 00000000..1a51b87f
--- /dev/null
+++ b/frontend/src/components/nav/NavSidebar.vue
@@ -0,0 +1,271 @@
+
+
+
+
+
+
diff --git a/frontend/src/components/nav/NavTabs.vue b/frontend/src/components/nav/NavTabs.vue
new file mode 100644
index 00000000..e079b59d
--- /dev/null
+++ b/frontend/src/components/nav/NavTabs.vue
@@ -0,0 +1,75 @@
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/node/CreateEditNodeDialog.vue b/frontend/src/components/node/CreateEditNodeDialog.vue
new file mode 100644
index 00000000..d0a0cfee
--- /dev/null
+++ b/frontend/src/components/node/CreateEditNodeDialog.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/node/NodeActive.vue b/frontend/src/components/node/NodeActive.vue
new file mode 100644
index 00000000..a094a84e
--- /dev/null
+++ b/frontend/src/components/node/NodeActive.vue
@@ -0,0 +1,50 @@
+
+
+
+ {{ label }}
+
+
+
+
+
+
diff --git a/frontend/src/components/node/NodeForm.vue b/frontend/src/components/node/NodeForm.vue
new file mode 100644
index 00000000..a0f91927
--- /dev/null
+++ b/frontend/src/components/node/NodeForm.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/node/NodeRunners.vue b/frontend/src/components/node/NodeRunners.vue
new file mode 100644
index 00000000..f53f5bf2
--- /dev/null
+++ b/frontend/src/components/node/NodeRunners.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/node/NodeStatus.vue b/frontend/src/components/node/NodeStatus.vue
new file mode 100644
index 00000000..ad04c71e
--- /dev/null
+++ b/frontend/src/components/node/NodeStatus.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/node/NodeType.vue b/frontend/src/components/node/NodeType.vue
new file mode 100644
index 00000000..50eac397
--- /dev/null
+++ b/frontend/src/components/node/NodeType.vue
@@ -0,0 +1,55 @@
+
+
+
+ {{ computedLabel }}
+
+
+
+
+
+
diff --git a/frontend/src/components/node/node.ts b/frontend/src/components/node/node.ts
new file mode 100644
index 00000000..f0ab1358
--- /dev/null
+++ b/frontend/src/components/node/node.ts
@@ -0,0 +1,61 @@
+import {readonly} from 'vue';
+import {Store} from 'vuex';
+import useForm from '@/components/form/form';
+import useNodeService from '@/services/node/nodeService';
+import {getDefaultFormComponentData} from '@/utils/form';
+import {FORM_FIELD_TYPE_INPUT, FORM_FIELD_TYPE_INPUT_TEXTAREA, FORM_FIELD_TYPE_SWITCH} from '@/constants/form';
+
+type Node = CNode;
+
+// get new node
+export const getNewNode = (): Node => {
+ return {
+ tags: [],
+ max_runners: 8,
+ enabled: true,
+ };
+};
+
+// form component data
+const formComponentData = getDefaultFormComponentData(getNewNode);
+
+const useNode = (store: Store) => {
+ // store
+ const ns = 'node';
+ const {node: state} = store.state as RootStoreState;
+
+ // batch form fields
+ const batchFormFields: FormTableField[] = [
+ {
+ prop: 'name',
+ label: 'Name',
+ width: '150',
+ fieldType: FORM_FIELD_TYPE_INPUT,
+ required: true,
+ placeholder: 'Name',
+ },
+ {
+ prop: 'enabled',
+ label: 'Enabled',
+ width: '120',
+ fieldType: FORM_FIELD_TYPE_SWITCH,
+ },
+ {
+ prop: 'description',
+ label: 'Description',
+ width: '200',
+ fieldType: FORM_FIELD_TYPE_INPUT_TEXTAREA,
+ },
+ ];
+
+ // form rules
+ const formRules = readonly({});
+
+ return {
+ ...useForm(ns, store, useNodeService(store), formComponentData),
+ batchFormFields,
+ formRules,
+ };
+};
+
+export default useNode;
diff --git a/frontend/src/components/project/CreateEditProjectDialog.vue b/frontend/src/components/project/CreateEditProjectDialog.vue
new file mode 100644
index 00000000..d3d05380
--- /dev/null
+++ b/frontend/src/components/project/CreateEditProjectDialog.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/project/ProjectForm.vue b/frontend/src/components/project/ProjectForm.vue
new file mode 100644
index 00000000..f296b2e7
--- /dev/null
+++ b/frontend/src/components/project/ProjectForm.vue
@@ -0,0 +1,50 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/project/ProjectTag.vue b/frontend/src/components/project/ProjectTag.vue
new file mode 100644
index 00000000..d2041b95
--- /dev/null
+++ b/frontend/src/components/project/ProjectTag.vue
@@ -0,0 +1,33 @@
+
+
+ {{ label }}
+
+
+
+
+
+
diff --git a/frontend/src/components/project/project.ts b/frontend/src/components/project/project.ts
new file mode 100644
index 00000000..bf9d52f6
--- /dev/null
+++ b/frontend/src/components/project/project.ts
@@ -0,0 +1,78 @@
+import {computed, readonly} from 'vue';
+import {Store} from 'vuex';
+import {isDuplicated} from '@/utils/array';
+import useForm from '@/components/form/form';
+import useProjectService from '@/services/project/projectService';
+import {getDefaultFormComponentData} from '@/utils/form';
+import {FORM_FIELD_TYPE_INPUT, FORM_FIELD_TYPE_INPUT_TEXTAREA, FORM_FIELD_TYPE_TAG_INPUT} from '@/constants/form';
+
+// get new project
+export const getNewProject = (): Project => {
+ return {
+ tags: [],
+ };
+};
+
+// form component data
+const formComponentData = getDefaultFormComponentData(getNewProject);
+
+const useProject = (store: Store) => {
+ // store
+ const ns = 'project';
+ const state = store.state[ns];
+
+ // batch form fields
+ const batchFormFields = computed(() => [
+ {
+ prop: 'name',
+ label: 'Name',
+ width: '150',
+ fieldType: FORM_FIELD_TYPE_INPUT,
+ placeholder: 'Name',
+ required: true,
+ },
+ {
+ prop: 'tags',
+ label: 'Tags',
+ width: '200',
+ placeholder: 'Tags',
+ fieldType: FORM_FIELD_TYPE_TAG_INPUT,
+ },
+ {
+ prop: 'description',
+ label: 'Description',
+ width: '800',
+ placeholder: 'Description',
+ fieldType: FORM_FIELD_TYPE_INPUT_TEXTAREA,
+ },
+ ]);
+
+ // form rules
+ const formRules = readonly({
+ tags: {
+ validator: ((_, value, callback) => {
+ if (isDuplicated(value)) {
+ return callback('Duplicated tags');
+ }
+ callback();
+ }),
+ },
+ });
+
+ // all project select options
+ const allProjectSelectOptions = computed(() => state.allList.map(d => {
+ return {
+ label: d.name,
+ value: d._id,
+ };
+ }));
+
+ return {
+ ...useForm('project', store, useProjectService(store), formComponentData),
+ batchFormFields,
+ formRules,
+ allProjectSelectOptions,
+ };
+};
+
+export default useProject;
diff --git a/frontend/src/components/schedule/CreateEditScheduleDialog.vue b/frontend/src/components/schedule/CreateEditScheduleDialog.vue
new file mode 100644
index 00000000..115a1733
--- /dev/null
+++ b/frontend/src/components/schedule/CreateEditScheduleDialog.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/schedule/ScheduleCron.vue b/frontend/src/components/schedule/ScheduleCron.vue
new file mode 100644
index 00000000..54690371
--- /dev/null
+++ b/frontend/src/components/schedule/ScheduleCron.vue
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ isValid ? description : 'Invalid' }}
+
+
+
+
+
+
+
+
+
+ {{ isValid ? next : 'Invalid' }}
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/Table.vue b/frontend/src/components/table/Table.vue
new file mode 100644
index 00000000..5c034b79
--- /dev/null
+++ b/frontend/src/components/table/Table.vue
@@ -0,0 +1,262 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableCell.vue b/frontend/src/components/table/TableCell.vue
new file mode 100644
index 00000000..30a4e57a
--- /dev/null
+++ b/frontend/src/components/table/TableCell.vue
@@ -0,0 +1,76 @@
+
+
+
diff --git a/frontend/src/components/table/TableColumnsTransfer.vue b/frontend/src/components/table/TableColumnsTransfer.vue
new file mode 100644
index 00000000..09a24d05
--- /dev/null
+++ b/frontend/src/components/table/TableColumnsTransfer.vue
@@ -0,0 +1,103 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableHeader.vue b/frontend/src/components/table/TableHeader.vue
new file mode 100644
index 00000000..db4bf71a
--- /dev/null
+++ b/frontend/src/components/table/TableHeader.vue
@@ -0,0 +1,284 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableHeaderAction.vue b/frontend/src/components/table/TableHeaderAction.vue
new file mode 100644
index 00000000..0b77b8de
--- /dev/null
+++ b/frontend/src/components/table/TableHeaderAction.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableHeaderDialog.vue b/frontend/src/components/table/TableHeaderDialog.vue
new file mode 100644
index 00000000..a0098e08
--- /dev/null
+++ b/frontend/src/components/table/TableHeaderDialog.vue
@@ -0,0 +1,290 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableHeaderDialogFilter.vue b/frontend/src/components/table/TableHeaderDialogFilter.vue
new file mode 100644
index 00000000..fa00b351
--- /dev/null
+++ b/frontend/src/components/table/TableHeaderDialogFilter.vue
@@ -0,0 +1,236 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/TableHeaderDialogSort.vue b/frontend/src/components/table/TableHeaderDialogSort.vue
new file mode 100644
index 00000000..6583eb49
--- /dev/null
+++ b/frontend/src/components/table/TableHeaderDialogSort.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/table/action.ts b/frontend/src/components/table/action.ts
new file mode 100644
index 00000000..337c90a6
--- /dev/null
+++ b/frontend/src/components/table/action.ts
@@ -0,0 +1,68 @@
+import {inject, Ref, ref, SetupContext} from 'vue';
+import {Table} from 'element-plus/lib/el-table/src/table.type';
+import {ElMessageBox} from 'element-plus';
+
+const useAction = (props: TableProps, ctx: SetupContext, table: Ref, actionFunctions: ListLayoutActionFunctions) => {
+ const {emit} = ctx;
+
+ // store context
+ const storeContext = inject>('store-context');
+ const ns = storeContext?.namespace;
+ const store = storeContext?.store;
+
+ // table selection
+ const selection = ref([]);
+ const onSelectionChange = (value: TableData) => {
+ selection.value = value;
+ emit('selection-change', value);
+ };
+
+ // action functions
+ const {
+ getList,
+ deleteList,
+ } = actionFunctions;
+
+ const onAdd = () => {
+ emit('add');
+ };
+
+ const onEdit = async () => {
+ emit('edit', selection.value);
+ if (storeContext) {
+ store?.commit(`${ns}/showDialog`, 'edit');
+ store?.commit(`${ns}/setIsSelectiveForm`, true);
+ store?.commit(`${ns}/setFormList`, selection.value);
+ }
+ };
+
+ const onDelete = async () => {
+ const res = await ElMessageBox.confirm('Are you sure to delete selected items?', 'Batch Delete', {
+ type: 'warning',
+ confirmButtonText: 'Delete',
+ confirmButtonClass: 'el-button--danger',
+ });
+ if (!res) return;
+ const ids = selection.value.map(d => d._id as string);
+ await deleteList(ids);
+ table.value?.store?.clearSelection();
+ await getList();
+ emit('delete', selection.value);
+ };
+
+ const onExport = () => {
+ emit('export');
+ };
+
+ return {
+ // public variables and methods
+ selection,
+ onSelectionChange,
+ onAdd,
+ onEdit,
+ onDelete,
+ onExport,
+ };
+};
+
+export default useAction;
diff --git a/frontend/src/components/table/column.ts b/frontend/src/components/table/column.ts
new file mode 100644
index 00000000..50b50a66
--- /dev/null
+++ b/frontend/src/components/table/column.ts
@@ -0,0 +1,136 @@
+import {computed, onBeforeMount, onMounted, ref, Ref, SetupContext} from 'vue';
+import {Table, TableColumnCtx} from 'element-plus/lib/el-table/src/table.type';
+import {cloneArray, plainClone} from '@/utils/object';
+import useStore from '@/components/table/store';
+import {getColumnWidth, getTableWidth} from '@/utils/table';
+
+const useColumns = (props: TableProps, ctx: SetupContext, table: Ref, wrapper: Ref) => {
+ const {columns} = props;
+
+ const {store} = useStore(props, ctx, table);
+
+ const columnsTransferVisible = ref(false);
+
+ const internalSelectedColumnKeys = ref([]);
+
+ const columnsMap = computed(() => {
+ const map = {} as TableColumnsMap;
+ columns.forEach(c => {
+ map[c.key] = c;
+ });
+ return map;
+ });
+
+ const columnsCtx = computed(() => {
+ return table.value?.store.states.columns.value || [];
+ });
+
+ const columnCtxMap = computed(() => {
+ const map = {} as TableColumnCtxMap;
+ columnsCtx.value.forEach(c => {
+ map[c.columnKey] = c;
+ });
+ return map;
+ });
+
+ const selectedColumns = computed(() => {
+ return internalSelectedColumnKeys.value.map(key => columnsMap.value[key]);
+ });
+
+ const defaultSelectedColumns = computed(() => {
+ return columns.filter(d => !d.defaultHidden);
+ });
+
+ const onShowColumnsTransfer = () => {
+ columnsTransferVisible.value = true;
+ };
+
+ const onHideColumnsTransfer = () => {
+ columnsTransferVisible.value = false;
+ };
+
+ const isColumnsEqual = (columnKeys: string[]) => {
+ const columnKeysSorted = cloneArray(columnKeys).sort().join(',');
+ const internalSelectedColumnKeysSorted = cloneArray(internalSelectedColumnKeys.value).sort().join(',');
+ return columnKeysSorted === internalSelectedColumnKeysSorted;
+ };
+
+ const updateColumns = (columnKeys?: string[]) => {
+ if (!store.value) return;
+
+ if (!columnKeys) {
+ columnKeys = selectedColumns.value.map(d => d.key);
+ }
+
+ // selection column keys
+ const selectionColumnKeys = columnsCtx.value.filter(d => d.type === 'selection').map(d => d.columnKey);
+
+ // table width
+ const tableWidth = getTableWidth();
+
+ // table width
+ let tableFixedTotalWidth = 0;
+ columns.map((d) => getColumnWidth(d) as number).filter(w => !!w).forEach((w: number) => {
+ tableFixedTotalWidth += w;
+ });
+
+ // auto width
+ const autoWidth = tableWidth ? (tableWidth - tableFixedTotalWidth - 40 - 12) : 0;
+
+ // columns to update
+ const columnsToUpdate = selectionColumnKeys.concat(columnKeys).map(key => {
+ const columnCtx = columnCtxMap.value[key];
+ const column = columnsMap.value[key];
+ if (column && column.width === 'auto') {
+ if (autoWidth) {
+ columnCtx.width = autoWidth > 400 ? autoWidth : 400;
+ }
+ }
+ return columnCtx;
+ });
+
+ // update columns
+ if (isColumnsEqual(columnKeys)) {
+ store.value?.commit('setColumns', columnsToUpdate);
+ store.value?.updateColumns();
+ }
+ internalSelectedColumnKeys.value = columnKeys;
+
+ // set table width to 100%
+ // wrapper.value.querySelectorAll('.el-table__body').forEach((el: HTMLTableElement) => {
+ // el.setAttribute('style', 'width: 100%');
+ // });
+ };
+
+ const onColumnsChange = (value: string[]) => {
+ updateColumns(value);
+ };
+
+ const initColumns = () => {
+ if (defaultSelectedColumns.value.length < columns.length) {
+ internalSelectedColumnKeys.value = plainClone(defaultSelectedColumns.value.map(d => d.key));
+ } else {
+ internalSelectedColumnKeys.value = cloneArray(columns.map(d => d.key));
+ }
+ };
+
+ onBeforeMount(() => {
+ initColumns();
+ });
+
+ onMounted(() => {
+ setTimeout(updateColumns, 0);
+ });
+
+ return {
+ internalSelectedColumnKeys,
+ columnsMap,
+ columnsTransferVisible,
+ selectedColumns,
+ onShowColumnsTransfer,
+ onHideColumnsTransfer,
+ onColumnsChange,
+ };
+};
+
+export default useColumns;
diff --git a/frontend/src/components/table/data.ts b/frontend/src/components/table/data.ts
new file mode 100644
index 00000000..13c278bc
--- /dev/null
+++ b/frontend/src/components/table/data.ts
@@ -0,0 +1,14 @@
+import {computed, SetupContext} from 'vue';
+
+const useData = (props: TableProps, ctx: SetupContext) => {
+ const tableData = computed(() => {
+ const {data} = props;
+ return data;
+ });
+
+ return {
+ tableData,
+ };
+};
+
+export default useData;
diff --git a/frontend/src/components/table/header.ts b/frontend/src/components/table/header.ts
new file mode 100644
index 00000000..d1db11e9
--- /dev/null
+++ b/frontend/src/components/table/header.ts
@@ -0,0 +1,16 @@
+import {SetupContext} from 'vue';
+
+const useHeader = (props: TableProps, ctx: SetupContext) => {
+ const {emit} = ctx;
+
+ const onHeaderChange = (column: TableColumn, sort: SortData, filter: FilterConditionData[]) => {
+ emit('header-change', column, sort, filter);
+ };
+
+ return {
+ // public variables and methods
+ onHeaderChange,
+ };
+};
+
+export default useHeader;
diff --git a/frontend/src/components/table/pagination.ts b/frontend/src/components/table/pagination.ts
new file mode 100644
index 00000000..b1ee564d
--- /dev/null
+++ b/frontend/src/components/table/pagination.ts
@@ -0,0 +1,28 @@
+import {SetupContext} from 'vue';
+
+const usePagination = (props: TableProps, ctx: SetupContext) => {
+ const {emit} = ctx;
+
+ const onCurrentChange = (page: number) => {
+ const {pageSize} = props;
+ emit('pagination-change', {
+ page,
+ size: pageSize,
+ } as TablePagination);
+ };
+
+ const onSizeChange = (size: number) => {
+ const {page} = props;
+ emit('pagination-change', {
+ page,
+ size,
+ } as TablePagination);
+ };
+
+ return {
+ onCurrentChange,
+ onSizeChange,
+ };
+};
+
+export default usePagination;
diff --git a/frontend/src/components/table/store.ts b/frontend/src/components/table/store.ts
new file mode 100644
index 00000000..87bacf9c
--- /dev/null
+++ b/frontend/src/components/table/store.ts
@@ -0,0 +1,22 @@
+import {computed, Ref, SetupContext} from 'vue';
+import {Table, TableColumnCtx} from 'element-plus/lib/el-table/src/table.type';
+
+const useStore = (props: TableProps, ctx: SetupContext, table: Ref) => {
+ const setColumns = (states: TableStoreStates, columns: TableColumnCtx[]) => {
+ states._columns.value = columns;
+ };
+
+ const store = computed(() => {
+ const store = (table.value?.store as unknown) as TableStore;
+ if (!store) return;
+ store.mutations.setColumns = setColumns;
+ return store;
+ });
+
+ return {
+ // public variables and methods
+ store,
+ };
+};
+
+export default useStore;
diff --git a/frontend/src/components/tag/CheckTag.vue b/frontend/src/components/tag/CheckTag.vue
new file mode 100644
index 00000000..e7a1f9c6
--- /dev/null
+++ b/frontend/src/components/tag/CheckTag.vue
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/CheckTagGroup.vue b/frontend/src/components/tag/CheckTagGroup.vue
new file mode 100644
index 00000000..5ad31645
--- /dev/null
+++ b/frontend/src/components/tag/CheckTagGroup.vue
@@ -0,0 +1,67 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/CreateEditTagDialog.vue b/frontend/src/components/tag/CreateEditTagDialog.vue
new file mode 100644
index 00000000..f209a5c0
--- /dev/null
+++ b/frontend/src/components/tag/CreateEditTagDialog.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/LinkTag.vue b/frontend/src/components/tag/LinkTag.vue
new file mode 100644
index 00000000..9aba67a7
--- /dev/null
+++ b/frontend/src/components/tag/LinkTag.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/Tag.vue b/frontend/src/components/tag/Tag.vue
new file mode 100644
index 00000000..c84349f1
--- /dev/null
+++ b/frontend/src/components/tag/Tag.vue
@@ -0,0 +1,197 @@
+
+
+
+
+ {{ label || tag?.name }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/TagForm.vue b/frontend/src/components/tag/TagForm.vue
new file mode 100644
index 00000000..02d3ccf2
--- /dev/null
+++ b/frontend/src/components/tag/TagForm.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/TagList.vue b/frontend/src/components/tag/TagList.vue
new file mode 100644
index 00000000..59ebb80b
--- /dev/null
+++ b/frontend/src/components/tag/TagList.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/tag/tag.ts b/frontend/src/components/tag/tag.ts
new file mode 100644
index 00000000..c2976db3
--- /dev/null
+++ b/frontend/src/components/tag/tag.ts
@@ -0,0 +1,71 @@
+import {useRoute} from 'vue-router';
+import {computed} from 'vue';
+import {
+ TASK_MODE_ALL_NODES,
+ TASK_MODE_RANDOM,
+ TASK_MODE_SELECTED_NODE_TAGS,
+ TASK_MODE_SELECTED_NODES
+} from '@/constants/task';
+import {Store} from 'vuex';
+import useForm from '@/components/form/form';
+import useTagService from '@/services/tag/tagService';
+import {getDefaultFormComponentData} from '@/utils/form';
+import {FORM_FIELD_TYPE_INPUT, FORM_FIELD_TYPE_INPUT_TEXTAREA,} from '@/constants/form';
+import colors from '@/styles/color.scss';
+
+// get new tag
+export const getNewTag = (): Tag => {
+ const colorNames = Object.keys(colors);
+ const index = Math.floor(Math.random() * colorNames.length);
+ const name = colorNames[index];
+ const color = colors[name] || colors.blue;
+ return {
+ color,
+ };
+};
+
+// form component data
+const formComponentData = getDefaultFormComponentData(getNewTag);
+
+const useTag = (store: Store) => {
+ // options for default mode
+ const modeOptions: SelectOption[] = [
+ {value: TASK_MODE_RANDOM, label: 'Random Node'},
+ {value: TASK_MODE_ALL_NODES, label: 'All Nodes'},
+ {value: TASK_MODE_SELECTED_NODES, label: 'Selected Nodes'},
+ {value: TASK_MODE_SELECTED_NODE_TAGS, label: 'Selected Tags'},
+ ];
+
+ // batch form fields
+ const batchFormFields = computed(() => [
+ {
+ prop: 'name',
+ label: 'Name',
+ width: '150',
+ placeholder: 'Tag Name',
+ fieldType: FORM_FIELD_TYPE_INPUT,
+ required: true,
+ },
+ {
+ prop: 'description',
+ label: 'Description',
+ width: '200',
+ fieldType: FORM_FIELD_TYPE_INPUT_TEXTAREA,
+ },
+ ]);
+
+ // route
+ const route = useRoute();
+
+ // tag id
+ const id = computed(() => route.params.id);
+
+ return {
+ ...useForm('tag', store, useTagService(store), formComponentData),
+ batchFormFields,
+ id,
+ modeOptions,
+ };
+};
+
+export default useTag;
diff --git a/frontend/src/components/task/CreateTaskDialog.vue b/frontend/src/components/task/CreateTaskDialog.vue
new file mode 100644
index 00000000..30edf78b
--- /dev/null
+++ b/frontend/src/components/task/CreateTaskDialog.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/TaskForm.vue b/frontend/src/components/task/TaskForm.vue
new file mode 100644
index 00000000..c0202f29
--- /dev/null
+++ b/frontend/src/components/task/TaskForm.vue
@@ -0,0 +1,314 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/TaskMode.vue b/frontend/src/components/task/TaskMode.vue
new file mode 100644
index 00000000..8750c184
--- /dev/null
+++ b/frontend/src/components/task/TaskMode.vue
@@ -0,0 +1,112 @@
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/TaskPriority.vue b/frontend/src/components/task/TaskPriority.vue
new file mode 100644
index 00000000..996e36de
--- /dev/null
+++ b/frontend/src/components/task/TaskPriority.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/TaskResults.vue b/frontend/src/components/task/TaskResults.vue
new file mode 100644
index 00000000..8e146e49
--- /dev/null
+++ b/frontend/src/components/task/TaskResults.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/TaskStatus.vue b/frontend/src/components/task/TaskStatus.vue
new file mode 100644
index 00000000..737de712
--- /dev/null
+++ b/frontend/src/components/task/TaskStatus.vue
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/task/task.ts b/frontend/src/components/task/task.ts
new file mode 100644
index 00000000..1eb60c8e
--- /dev/null
+++ b/frontend/src/components/task/task.ts
@@ -0,0 +1,108 @@
+import {useRoute} from 'vue-router';
+import {computed} from 'vue';
+import {TASK_MODE_RANDOM} from '@/constants/task';
+import {Store} from 'vuex';
+import useForm from '@/components/form/form';
+import useTaskService from '@/services/task/taskService';
+import {getDefaultFormComponentData} from '@/utils/form';
+import {FORM_FIELD_TYPE_INPUT_WITH_BUTTON, FORM_FIELD_TYPE_SELECT} from '@/constants/form';
+import useSpider from '@/components/spider/spider';
+import {getModeOptions, getModeOptionsDict, getPriorityLabel} from '@/utils/task';
+
+// get new task
+export const getNewTask = (): Task => {
+ return {
+ mode: TASK_MODE_RANDOM,
+ priority: 5,
+ };
+};
+
+// form component data
+const formComponentData = getDefaultFormComponentData(getNewTask);
+
+const useTask = (store: Store) => {
+ // store state
+ const {
+ task: state,
+ } = store.state as RootStoreState;
+
+ // options for default mode
+ const modeOptions = getModeOptions();
+ const modeOptionsDict = computed(() => getModeOptionsDict());
+
+ // priority options
+ const priorityOptions = (() => {
+ const opts = [] as SelectOption[];
+ for (let i = 1; i <= 10; i++) {
+ opts.push({
+ label: getPriorityLabel(i),
+ value: i,
+ });
+ }
+ return opts;
+ })();
+
+ const {
+ allListSelectOptions: allSpiderListSelectOptions,
+ allDict: allSpiderDict,
+ } = useSpider(store);
+
+ // readonly form fields
+ const readonlyFormFields = computed(() => state.readonlyFormFields);
+
+ // batch form fields
+ const batchFormFields = computed(() => [
+ {
+ prop: 'spider_id',
+ label: 'Spider',
+ width: '150',
+ placeholder: 'Spider',
+ fieldType: FORM_FIELD_TYPE_SELECT,
+ options: allSpiderListSelectOptions.value,
+ disabled: () => readonlyFormFields.value.includes('spider_id'),
+ required: true,
+ },
+ {
+ prop: 'cmd',
+ label: 'Execute Command',
+ width: '200',
+ placeholder: 'Execute Command',
+ fieldType: FORM_FIELD_TYPE_INPUT_WITH_BUTTON,
+ required: true,
+ },
+ {
+ prop: 'param',
+ label: 'Param',
+ width: '200',
+ placeholder: 'Param',
+ fieldType: FORM_FIELD_TYPE_INPUT_WITH_BUTTON,
+ },
+ {
+ prop: 'mode',
+ label: 'Default Run Mode',
+ width: '200',
+ fieldType: FORM_FIELD_TYPE_SELECT,
+ options: modeOptions,
+ required: true,
+ },
+ ]);
+
+ // route
+ const route = useRoute();
+
+ // task id
+ const id = computed(() => route.params.id);
+
+ return {
+ ...useForm('task', store, useTaskService(store), formComponentData),
+ allSpiderDict,
+ batchFormFields,
+ id,
+ modeOptions,
+ modeOptionsDict,
+ priorityOptions,
+ getPriorityLabel,
+ };
+};
+
+export default useTask;
diff --git a/frontend/src/components/time/Duration.vue b/frontend/src/components/time/Duration.vue
new file mode 100644
index 00000000..13f8de73
--- /dev/null
+++ b/frontend/src/components/time/Duration.vue
@@ -0,0 +1,37 @@
+
+
+ {{ label }}
+
+
+
+
+
+
diff --git a/frontend/src/components/time/Time.vue b/frontend/src/components/time/Time.vue
new file mode 100644
index 00000000..3205e61d
--- /dev/null
+++ b/frontend/src/components/time/Time.vue
@@ -0,0 +1,48 @@
+
+
+ {{ label }}
+
+
+
+
+
+
diff --git a/frontend/src/components/transfer/Transfer.vue b/frontend/src/components/transfer/Transfer.vue
new file mode 100644
index 00000000..5d8a115c
--- /dev/null
+++ b/frontend/src/components/transfer/Transfer.vue
@@ -0,0 +1,193 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
extends GetterTree {
+ dialogVisible: StoreGetter;
+ isBatchForm: StoreGetter;
+ formListIds: StoreGetter;
+ allListSelectOptions: StoreGetter;
+ allDict: StoreGetter>;
+ tabName: StoreGetter;
+ allTags: StoreGetter;
+ }
+
+ interface BaseStoreMutations extends MutationTree> {
+ showDialog: StoreMutation, DialogKey>;
+ hideDialog: StoreMutation>;
+ setCreateEditDialogTabName: StoreMutation, CreateEditTabName>;
+ resetCreateEditDialogTabName: StoreMutation>;
+ setForm: StoreMutation, T>;
+ resetForm: StoreMutation>;
+ setIsSelectiveForm: StoreMutation, boolean>;
+ setSelectedFormFields: StoreMutation, string[]>;
+ resetSelectedFormFields: StoreMutation>;
+ setReadonlyFormFields: StoreMutation, string[]>;
+ resetReadonlyFormFields: StoreMutation>;
+ setFormList: StoreMutation, T[]>;
+ resetFormList: StoreMutation>;
+ setConfirmLoading: StoreMutation, boolean>;
+ setTableData: StoreMutation, TableDataWithTotal>;
+ resetTableData: StoreMutation>;
+ setTablePagination: StoreMutation, TablePagination>;
+ resetTablePagination: StoreMutation>;
+ setTableListFilter: StoreMutation, FilterConditionData[]>;
+ resetTableListFilter: StoreMutation>;
+ setTableListFilterByKey: StoreMutation, { key: string; conditions: FilterConditionData[] }>;
+ resetTableListFilterByKey: StoreMutation, string>;
+ setTableListSort: StoreMutation, SortData[]>;
+ resetTableListSort: StoreMutation>;
+ setTableListSortByKey: StoreMutation, { key: string; sort: SortData }>;
+ resetTableListSortByKey: StoreMutation, string>;
+ setAllList: StoreMutation, T[]>;
+ resetAllList: StoreMutation>;
+ expandSidebar: StoreMutation>;
+ collapseSidebar: StoreMutation>;
+ expandActions: StoreMutation>;
+ collapseActions: StoreMutation>;
+ setAfterSave: StoreMutation, (() => Promise)[]>;
+ }
+
+ interface BaseStoreActions extends ActionTree, RootStoreState> {
+ getById: StoreAction, string>;
+ create: StoreAction, T>;
+ updateById: StoreAction, { id: string; form: T }>;
+ deleteById: StoreAction, string>;
+ getList: StoreAction>;
+ getListWithParams: StoreAction, ListRequestParams>;
+ getAllList: StoreAction>;
+ createList: StoreAction, T[]>;
+ updateList: StoreAction, BatchRequestPayloadWithData>;
+ deleteList: StoreAction, BatchRequestPayload>;
+ }
+
+ type StoreActionContext = ActionContext;
+
+ type StoreNamespace =
+ 'login'
+ | 'layout'
+ | 'node'
+ | 'project'
+ | 'spider'
+ | 'task'
+ | 'schedule'
+ | 'file'
+ | 'tag'
+ | 'dataCollection'
+ | 'user'
+ | 'token';
+ type ListStoreNamespace =
+ 'node'
+ | 'project'
+ | 'spider'
+ | 'task'
+ | 'tag'
+ | 'dataCollection'
+ | 'schedule'
+ | 'user'
+ | 'token';
+
+ interface StoreContext {
+ namespace: StoreNamespace;
+ store: Store;
+ state: BaseStoreState;
+ }
+
+ interface ListStoreContext extends StoreContext {
+ namespace: ListStoreNamespace;
+ state: RootStoreState[ListStoreNamespace];
+ }
+
+ type DetailStoreContext = ListStoreContext;
+
+ interface GetDefaultStoreGettersOptions {
+ selectOptionValueKey?: string;
+ selectOptionLabelKey?: string;
+ }
+}
diff --git a/frontend/src/interfaces/store/modules/dataCollection.d.ts b/frontend/src/interfaces/store/modules/dataCollection.d.ts
new file mode 100644
index 00000000..3ef32c72
--- /dev/null
+++ b/frontend/src/interfaces/store/modules/dataCollection.d.ts
@@ -0,0 +1,25 @@
+type DataCollectionStoreModule = BaseModule;
+
+interface DataCollectionStoreState extends BaseStoreState {
+ resultTableData: TableData;
+ resultTableTotal: number;
+ resultTablePagination: TablePagination;
+ resultTableFilter: FilterConditionData[];
+}
+
+interface DataCollectionStoreGetters extends BaseStoreGetters {
+ resultFields: StoreGetter;
+}
+
+interface DataCollectionStoreMutations extends BaseStoreMutations {
+ setResultTableData: StoreMutation>;
+ resetResultTableData: StoreMutation;
+ setResultTablePagination: StoreMutation;
+ resetResultTablePagination: StoreMutation;
+ setResultTableFilter: StoreMutation;
+ resetResultTableFilter: StoreMutation;
+}
+
+interface DataCollectionStoreActions extends BaseStoreActions {
+ getResultData: StoreAction;
+}
diff --git a/frontend/src/interfaces/store/modules/file.d.ts b/frontend/src/interfaces/store/modules/file.d.ts
new file mode 100644
index 00000000..3a56fe67
--- /dev/null
+++ b/frontend/src/interfaces/store/modules/file.d.ts
@@ -0,0 +1,23 @@
+import {Module, MutationTree} from 'vuex';
+import {EditorConfiguration} from 'codemirror';
+
+declare global {
+ interface FileStoreModule extends Module {
+ // getters: FileStoreGetters;
+ mutations: FileStoreMutations;
+ }
+
+ interface FileStoreState {
+ editorOptions: FileEditorConfiguration;
+ editorSettingsDialogVisible: boolean;
+ }
+
+ // interface FileStoreGetters extends GetterTree {
+ // }
+
+ interface FileStoreMutations extends MutationTree {
+ setEditorOptions: StoreMutation;
+ resetEditorOptions: StoreMutation;
+ setEditorSettingsDialogVisible: StoreMutation;
+ }
+}
diff --git a/frontend/src/interfaces/store/modules/layout.d.ts b/frontend/src/interfaces/store/modules/layout.d.ts
new file mode 100644
index 00000000..dc57f98e
--- /dev/null
+++ b/frontend/src/interfaces/store/modules/layout.d.ts
@@ -0,0 +1,42 @@
+import {GetterTree, Module, MutationTree} from 'vuex';
+
+declare global {
+ interface LayoutStoreModule extends Module
+
## 架构
-Crawlab的架构包括了一个主节点（Master Node）和多个工作节点（Worker Node），以及负责通信和数据储存的Redis和MongoDB数据库。
+Crawlab的架构包括了一个主节点（Master Node）和多个工作节点（Worker Node），以及 [SeaweeFS](https://github.com/chrislusf/seaweedfs) (分布式文件系统) 和 MongoDB 数据库。
-
+
-前端应用向主节点请求数据，主节点通过MongoDB和Redis来执行任务派发调度以及部署，工作节点收到任务之后，开始执行爬虫任务，并将任务结果储存到MongoDB。架构相对于`v0.3.0`之前的Celery版本有所精简，去除了不必要的节点监控模块Flower，节点监控主要由Redis完成。
+前端应用与主节点 (Master Node) 进行交互，主节点与其他模块（例如 MongoDB、SeaweedFS、工作节点）进行通信。主节点和工作节点 (Worker Nodes) 通过 [gRPC](https://grpc.io) (一种 RPC 框架) 进行通信。任务通过主节点上的任务调度器 (Task Scheduler) 进行调度分发，并被工作节点上的任务处理模块 (Task Handler) 接收，然后分配到任务执行器 (Task Runners) 中。任务执行器实际上是执行爬虫程序的进程，它可以通过 gRPC (内置于 SDK) 发送数据到其他数据源中，例如 MongoDB。
### 主节点
@@ -185,7 +180,7 @@ Crawlab的架构包括了一个主节点（Master Node）和多个工作节点
4. 前端以及API服务
5. 执行任务（可以将主节点当成工作节点）
-主节点负责与前端应用进行通信，并通过Redis将爬虫任务派发给工作节点。同时，主节点会同步（部署）爬虫给工作节点，通过Redis和MongoDB的GridFS。
+主节点负责与前端应用进行通信，并将爬虫任务派发给工作节点。同时，主节点会同步（部署）爬虫到分布式文件系统 SeaweedFS，用于工作节点的文件同步。
### 工作节点
@@ -193,15 +188,17 @@ Crawlab的架构包括了一个主节点（Master Node）和多个工作节点
### MongoDB
-MongoDB是Crawlab的运行数据库，储存有节点、爬虫、任务、定时任务等数据，另外GridFS文件储存方式是主节点储存爬虫文件并同步到工作节点的中间媒介。
+MongoDB是Crawlab的运行数据库，储存有节点、爬虫、任务、定时任务等数据。任务队列也储存在 MongoDB 里。
-### Redis
+### SeaweedFS
-Redis是非常受欢迎的Key-Value数据库，在Crawlab中主要实现节点间数据通信的功能。例如，节点会将自己信息通过`HSET`储存在Redis的`nodes`哈希列表中，主节点根据哈希列表来判断在线节点。
+SeaweedFS 是开源分布式文件系统，由 [Chris Lu](https://github.com/chrislusf) 开发和维护。它能在分布式系统中有效稳定的储存和共享文件。在 Crawlab 中，SeaweedFS 主要用作文件同步和日志存储。
### 前端
-前端是一个基于[Vue-Element-Admin](https://github.com/PanJiaChen/vue-element-admin)的单页应用。其中重用了很多Element-UI的控件来支持相应的展示。
+Frontend app is built upon [Element-Plus](https://github.com/element-plus/element-plus), a popular [Vue 3](https://github.com/vuejs/vue-next)-based UI framework. It interacts with API hosted on the Master Node, and indirectly controls Worker Nodes.
+
+前端应用是基于 [Element-Plus](https://github.com/element-plus/element-plus) 构建的，它是基于 [Vue 3](https://github.com/vuejs/vue-next) 的 UI 框架。前端应用与主节点上的 API 进行交互，并间接控制工作节点。
## 与其他框架的集成
@@ -213,11 +210,11 @@ Redis是非常受欢迎的Key-Value数据库，在Crawlab中主要实现节点
```python
ITEM_PIPELINES = {
- 'crawlab.pipelines.CrawlabMongoPipeline': 888,
+ 'crawlab.scrapy.pipelines.CrawlabPipeline': 888,
}
```
-然后，启动 Scrapy 爬虫，运行完成之后，您就应该能看到抓取结果出现在 **任务详情-结果** 里。
+然后，启动 Scrapy 爬虫，运行完成之后，您就应该能看到抓取结果出现在 **任务详情 -> 数据** 里。
### 通用 Python 爬虫
@@ -234,13 +231,11 @@ result = {'name': 'crawlab'}
save_item(result)
```
-然后，启动爬虫，运行完成之后，您就应该能看到抓取结果出现在 **任务详情-结果** 里。
+然后，启动爬虫，运行完成之后，您就应该能看到抓取结果出现在 **任务详情 -> 数据** 里。
### 其他框架和语言
-爬虫任务本质上是由一个shell命令来实现的。任务ID将以环境变量`CRAWLAB_TASK_ID`的形式存在于爬虫任务运行的进程中，并以此来关联抓取数据。另外，`CRAWLAB_COLLECTION`是Crawlab传过来的所存放collection的名称。
-
-在爬虫程序中，需要将`CRAWLAB_TASK_ID`的值以`task_id`作为可以存入数据库中`CRAWLAB_COLLECTION`的collection中。这样Crawlab就知道如何将爬虫任务与抓取数据关联起来了。当前，Crawlab只支持MongoDB。
+爬虫任务实际上是通过 shell 命令执行的。任务 ID (Task ID) 作为环境变量 `CRAWLAB_TASK_ID` 被传入爬虫任务进程中，从而抓取的数据可以跟任务管理。
## 与其他框架比较
@@ -257,38 +252,6 @@ Crawlab使用起来很方便，也很通用，可以适用于几乎任何主流
| [Gerapy](https://github.com/Gerapy/Gerapy) | Python Django + Vue|Gerapy 是崔庆才大神开发的爬虫管理平台，安装部署非常简单，同样基于 scrapyd，有精美的 UI 界面，支持节点管理、代码编辑、可配置规则等功能|同样不支持 scrapy 以外的爬虫，而且据使用者反馈，1.0 版本有很多 bug，期待 2.0 版本会有一定程度的改进|   |
| [SpiderKeeper](https://github.com/DormyMo/SpiderKeeper) | Python Flask|基于 scrapyd，开源版 Scrapyhub，非常简洁的 UI 界面，支持定时任务|可能有些过于简洁了，不支持分页，不支持节点管理，不支持 scrapy 以外的爬虫|   |
-## Q&A
-
-#### 1. 为何我访问 http://localhost:8080 提示访问不了？
-
-假如您是Docker部署的，请检查一下您是否用了Docker Machine，这样的话您需要输入地址 http://192.168.99.100:8080 才行。
-
-另外，请确保您用了`-p 8080:8080`来映射端口，并检查宿主机是否开放了8080端口。
-
-#### 2. 我可以看到登录页面了，但为何我点击登陆的时候按钮一直转圈圈？
-
-绝大多数情况下，您可能是没有正确配置`CRAWLAB_API_ADDRESS`这个环境变量。这个变量是告诉前端应该通过哪个地址来请求API数据的，因此需要将它设置为宿主机的IP地址＋端口，例如 `192.168.0.1:8000`。接着，重启容器，在浏览器中输入宿主机IP＋端口，就可以顺利登陆了。
-
-请注意，8080是前端端口，8000是后端端口，您在浏览器中只需要输入前端的地址就可以了，要注意区分。
-
-#### 3. 在爬虫页面有一些不认识的爬虫列表，这些是什么呢？
-
-这些是demo爬虫，如果需要添加您自己的爬虫，请将您的爬虫文件打包成zip文件，再在爬虫页面中点击**添加爬虫**上传就可以了。
-
-注意，Crawlab将取文件名作为爬虫名称，这个您可以后期更改。另外，请不要将zip文件名设置为中文，可能会导致上传不成功。
-
-## 相关文章
-
-- [爬虫管理平台Crawlab v0.3.0发布(Golang版本)](https://juejin.im/post/5d418deff265da03c926d75c)
-- [爬虫平台Crawlab核心原理--分布式架构](https://juejin.im/post/5d4ba9d1e51d4561cf15df79)
-- [爬虫平台Crawlab核心原理--自动提取字段算法](https://juejin.im/post/5cf4a7fa5188254c5879facd)
-- [爬虫管理平台Crawlab部署指南（Docker and more）](https://juejin.im/post/5d01027a518825142939320f)
-- [[爬虫手记] 我是如何在3分钟内开发完一个爬虫的](https://juejin.im/post/5ceb4342f265da1bc8540660)
-- [手把手教你如何用Crawlab构建技术文章聚合平台(二)](https://juejin.im/post/5c92365d6fb9a070c5510e71)
-- [手把手教你如何用Crawlab构建技术文章聚合平台(一)](https://juejin.im/user/5a1ba6def265da430b7af463/posts)
-
-**注意: v0.3.0版本已将基于Celery的Python版本切换为了Golang版本，如何部署请参照文档**
-
## 贡献者
diff --git a/README.md b/README.md
index ee4acfa5..1ebd2b52 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
# Crawlab
+ 
@@ -35,29 +35,28 @@ Golang-based distributed web crawler management platform, supporting various lan
## Installation
Three methods:
-1. [Docker](http://docs.crawlab.cn/en/Installation/Docker.html) (Recommended)
-2. [Direct Deploy](http://docs.crawlab.cn/en/Installation/Direct.html) (Check Internal Kernel)
-3. [Kubernetes](http://docs.crawlab.cn/en/Installation/Kubernetes.html) (Multi-Node Deployment)
+1. [Docker](http://docs.crawlab.cn/Installation/Docker.html) (Recommended)
+2. [Direct Deploy](http://docs.crawlab.cn/Installation/Direct.html) (Check Internal Kernel)
+3. [Kubernetes](http://docs.crawlab.cn/Installation/Kubernetes.html) (Multi-Node Deployment)
### Pre-requisite (Docker)
- Docker 18.03+
-- Redis 5.x+
- MongoDB 3.6+
- Docker Compose 1.24+ (optional but recommended)
### Pre-requisite (Direct Deploy)
-- Go 1.12+
+- Go 1.15+
- Node 8.12+
-- Redis 5.x+
- MongoDB 3.6+
+- [SeaweedFS](https://github.com/chrislusf/seaweedfs) 2.59+
## Quick Start
Please open the command line prompt and execute the command below. Make sure you have installed `docker-compose` in advance.
```bash
-git clone https://github.com/crawlab-team/crawlab
-cd crawlab
+git clone https://github.com/crawlab-team/examples
+cd examples/docker/basic
docker-compose up -d
```
@@ -73,34 +72,51 @@ Please use `docker-compose` to one-click to start up. By doing so, you don't eve
```yaml
version: '3.3'
services:
- master:
- image: tikazyq/crawlab:latest
- container_name: master
+ master:
+ image: crawlabteam/crawlab:latest
+ container_name: crawlab_example_master
environment:
CRAWLAB_SERVER_MASTER: "Y"
CRAWLAB_MONGO_HOST: "mongo"
- CRAWLAB_REDIS_ADDRESS: "redis"
- ports:
+ volumes:
+ - "./.crawlab/master:/root/.crawlab"
+ ports:
- "8080:8080"
depends_on:
- mongo
- - redis
+
+ worker01:
+ image: crawlabteam/crawlab:latest
+ container_name: crawlab_example_worker01
+ environment:
+ CRAWLAB_SERVER_MASTER: "N"
+ CRAWLAB_GRPC_ADDRESS: "master"
+ volumes:
+ - "./.crawlab/worker01:/root/.crawlab"
+ depends_on:
+ - master
+
+ worker02:
+ image: crawlabteam/crawlab:latest
+ container_name: crawlab_example_worker02
+ environment:
+ CRAWLAB_SERVER_MASTER: "N"
+ CRAWLAB_GRPC_ADDRESS: "master"
+ volumes:
+ - "./.crawlab/worker02:/root/.crawlab"
+ depends_on:
+ - master
+
mongo:
image: mongo:latest
+ container_name: crawlab_example_mongo
restart: always
- ports:
- - "27017:27017"
- redis:
- image: redis:latest
- restart: always
- ports:
- - "6379:6379"
```
-Then execute the command below, and Crawlab Master Node + MongoDB + Redis will start up. Open the browser and enter `http://localhost:8080` to see the UI interface.
+Then execute the command below, and Crawlab Master and Worker Nodes + MongoDB will start up. Open the browser and enter `http://localhost:8080` to see the UI interface.
```bash
-docker-compose up
+docker-compose up -d
```
For Docker Deployment details, please refer to [relevant documentation](https://tikazyq.github.io/crawlab-docs/Installation/Docker.html).
@@ -110,115 +126,92 @@ For Docker Deployment details, please refer to [relevant documentation](https://
#### Login
-
+
#### Home Page
-
+
#### Node List
-
-
-#### Node Network
-
-
+
#### Spider List
-
+
#### Spider Overview
-
+
-#### Spider Analytics
+#### Spider Files
-
-
-#### Spider File Edit
-
-
+
#### Task Log
-
+
#### Task Results
-
+
#### Cron Job
-
-
-#### Language Installation
-
-
-
-#### Dependency Installation
-
-
-
-#### Notifications
-
-