Initial Commit
This commit is contained in:
commit
2bf6bc222d
6
.gitignore
vendored
Normal file
6
.gitignore
vendored
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
.direnv/*
|
||||||
|
__pycache__/*
|
||||||
|
.env
|
||||||
|
*.pyc
|
||||||
|
files.json
|
||||||
|
.ropeproject/
|
BIN
css/fonts/element-icons.ttf
Normal file
BIN
css/fonts/element-icons.ttf
Normal file
Binary file not shown.
BIN
css/fonts/element-icons.woff
Normal file
BIN
css/fonts/element-icons.woff
Normal file
Binary file not shown.
1
css/index.css
Normal file
1
css/index.css
Normal file
File diff suppressed because one or more lines are too long
33
index.html
Normal file
33
index.html
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>NRB Currently Opened File List</title>
|
||||||
|
<link rel="stylesheet" href="css/index.css">
|
||||||
|
<script src="js/vue.js"></script>
|
||||||
|
<script src="js/axios.min.js"></script>
|
||||||
|
<script src="js/index.js"></script>
|
||||||
|
<script src="js/en.js"></script>
|
||||||
|
<script src="js/data-tables.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body style="font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;">
|
||||||
|
<div id='app'>
|
||||||
|
<data-tables
|
||||||
|
:data='tableData'
|
||||||
|
:table-props='tableProps'
|
||||||
|
:pagination-def="paginationDef"
|
||||||
|
:checkbox-filter-def='getCheckFilterDef()'
|
||||||
|
:row-action-def='getRowActionsDef()'>
|
||||||
|
<el-table-column prop="share" label="Share" sortable="custom" width="128px">
|
||||||
|
</el-table-column>
|
||||||
|
<!-- <el-table-column prop="computer" label="Computer" sortable="custom" width="128px">
|
||||||
|
</el-table-column> -->
|
||||||
|
<el-table-column prop="user" label="User" sortable="custom" width="128px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="file" label="File" sortable="custom">
|
||||||
|
</el-table-column>
|
||||||
|
</data-tables>
|
||||||
|
</div>
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
102
js/app.js
Normal file
102
js/app.js
Normal file
@ -0,0 +1,102 @@
|
|||||||
|
var dataTables = DataTables.default;
|
||||||
|
|
||||||
|
ELEMENT.locale(ELEMENT.lang.en)
|
||||||
|
|
||||||
|
var app = new Vue({
|
||||||
|
components: {dataTables},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableData: [],
|
||||||
|
tableProps: {
|
||||||
|
size: 'mini',
|
||||||
|
stripe: true,
|
||||||
|
},
|
||||||
|
paginationDef: {
|
||||||
|
pageSize: 20,
|
||||||
|
pageSizes: [10,20,50,100,250,500]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
axios.get('/files.json')
|
||||||
|
.then(response => {
|
||||||
|
this.tableData = response.data.data
|
||||||
|
})
|
||||||
|
.catch(e => {
|
||||||
|
this.errors.push(e)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getActionsDef() {
|
||||||
|
let self = this;
|
||||||
|
return {
|
||||||
|
width: 5,
|
||||||
|
def: [{
|
||||||
|
name: 'new',
|
||||||
|
handler() {
|
||||||
|
self.$message('new clicked')
|
||||||
|
},
|
||||||
|
icon: 'plus'
|
||||||
|
}, {
|
||||||
|
name: 'import',
|
||||||
|
handler() {
|
||||||
|
self.$message('import clicked')
|
||||||
|
},
|
||||||
|
icon: 'upload'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getCheckFilterDef() {
|
||||||
|
return {
|
||||||
|
width: 14,
|
||||||
|
props: 'share',
|
||||||
|
def: [ {
|
||||||
|
'code': 'acad',
|
||||||
|
'name': 'ACAD'
|
||||||
|
}, {
|
||||||
|
'code': 'almar',
|
||||||
|
'name': 'Almar'
|
||||||
|
}, {
|
||||||
|
'code': 'commercial',
|
||||||
|
'name': 'Commercial'
|
||||||
|
}, {
|
||||||
|
'code': 'common',
|
||||||
|
'name': 'Common'
|
||||||
|
}, {
|
||||||
|
'code': 'costing',
|
||||||
|
'name': 'Costing'
|
||||||
|
}, {
|
||||||
|
'code': 'marketing',
|
||||||
|
'name': 'Marketing'
|
||||||
|
}, {
|
||||||
|
'code': 'photos',
|
||||||
|
'name': 'Photos'
|
||||||
|
}, {
|
||||||
|
'code': 'production',
|
||||||
|
'name': 'Production'
|
||||||
|
}, {
|
||||||
|
'code': 'scans',
|
||||||
|
'name': 'Scans'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getRowActionsDef() {
|
||||||
|
let self = this
|
||||||
|
return [{
|
||||||
|
type: 'primary',
|
||||||
|
handler(row) {
|
||||||
|
self.$message('Edit clicked')
|
||||||
|
console.log('Edit in row clicked', row)
|
||||||
|
},
|
||||||
|
name: 'Edit'
|
||||||
|
}, {
|
||||||
|
type: 'primary',
|
||||||
|
handler(row) {
|
||||||
|
self.$message('RUA in row clicked')
|
||||||
|
console.log('RUA in row clicked', row)
|
||||||
|
},
|
||||||
|
name: 'RUA'
|
||||||
|
}]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).$mount('#app');
|
9
js/axios.min.js
vendored
Normal file
9
js/axios.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
12
js/data-tables.min.js
vendored
Normal file
12
js/data-tables.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
128
js/en.js
Normal file
128
js/en.js
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
(function (global, factory) {
|
||||||
|
if (typeof define === "function" && define.amd) {
|
||||||
|
define('element/locale/en', ['module', 'exports'], factory);
|
||||||
|
} else if (typeof exports !== "undefined") {
|
||||||
|
factory(module, exports);
|
||||||
|
} else {
|
||||||
|
var mod = {
|
||||||
|
exports: {}
|
||||||
|
};
|
||||||
|
factory(mod, mod.exports);
|
||||||
|
global.ELEMENT.lang = global.ELEMENT.lang || {};
|
||||||
|
global.ELEMENT.lang.en = mod.exports;
|
||||||
|
}
|
||||||
|
})(this, function (module, exports) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
exports.__esModule = true;
|
||||||
|
exports.default = {
|
||||||
|
el: {
|
||||||
|
colorpicker: {
|
||||||
|
confirm: 'OK',
|
||||||
|
clear: 'Clear'
|
||||||
|
},
|
||||||
|
datepicker: {
|
||||||
|
now: 'Now',
|
||||||
|
today: 'Today',
|
||||||
|
cancel: 'Cancel',
|
||||||
|
clear: 'Clear',
|
||||||
|
confirm: 'OK',
|
||||||
|
selectDate: 'Select date',
|
||||||
|
selectTime: 'Select time',
|
||||||
|
startDate: 'Start Date',
|
||||||
|
startTime: 'Start Time',
|
||||||
|
endDate: 'End Date',
|
||||||
|
endTime: 'End Time',
|
||||||
|
prevYear: 'Previous Year',
|
||||||
|
nextYear: 'Next Year',
|
||||||
|
prevMonth: 'Previous Month',
|
||||||
|
nextMonth: 'Next Month',
|
||||||
|
year: '',
|
||||||
|
month1: 'January',
|
||||||
|
month2: 'February',
|
||||||
|
month3: 'March',
|
||||||
|
month4: 'April',
|
||||||
|
month5: 'May',
|
||||||
|
month6: 'June',
|
||||||
|
month7: 'July',
|
||||||
|
month8: 'August',
|
||||||
|
month9: 'September',
|
||||||
|
month10: 'October',
|
||||||
|
month11: 'November',
|
||||||
|
month12: 'December',
|
||||||
|
// week: 'week',
|
||||||
|
weeks: {
|
||||||
|
sun: 'Sun',
|
||||||
|
mon: 'Mon',
|
||||||
|
tue: 'Tue',
|
||||||
|
wed: 'Wed',
|
||||||
|
thu: 'Thu',
|
||||||
|
fri: 'Fri',
|
||||||
|
sat: 'Sat'
|
||||||
|
},
|
||||||
|
months: {
|
||||||
|
jan: 'Jan',
|
||||||
|
feb: 'Feb',
|
||||||
|
mar: 'Mar',
|
||||||
|
apr: 'Apr',
|
||||||
|
may: 'May',
|
||||||
|
jun: 'Jun',
|
||||||
|
jul: 'Jul',
|
||||||
|
aug: 'Aug',
|
||||||
|
sep: 'Sep',
|
||||||
|
oct: 'Oct',
|
||||||
|
nov: 'Nov',
|
||||||
|
dec: 'Dec'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
select: {
|
||||||
|
loading: 'Loading',
|
||||||
|
noMatch: 'No matching data',
|
||||||
|
noData: 'No data',
|
||||||
|
placeholder: 'Select'
|
||||||
|
},
|
||||||
|
cascader: {
|
||||||
|
noMatch: 'No matching data',
|
||||||
|
loading: 'Loading',
|
||||||
|
placeholder: 'Select'
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
goto: 'Go to',
|
||||||
|
pagesize: '/page',
|
||||||
|
total: 'Total {total}',
|
||||||
|
pageClassifier: ''
|
||||||
|
},
|
||||||
|
messagebox: {
|
||||||
|
title: 'Message',
|
||||||
|
confirm: 'OK',
|
||||||
|
cancel: 'Cancel',
|
||||||
|
error: 'Illegal input'
|
||||||
|
},
|
||||||
|
upload: {
|
||||||
|
deleteTip: 'press delete to remove',
|
||||||
|
delete: 'Delete',
|
||||||
|
preview: 'Preview',
|
||||||
|
continue: 'Continue'
|
||||||
|
},
|
||||||
|
table: {
|
||||||
|
emptyText: 'No Data',
|
||||||
|
confirmFilter: 'Confirm',
|
||||||
|
resetFilter: 'Reset',
|
||||||
|
clearFilter: 'All',
|
||||||
|
sumText: 'Sum'
|
||||||
|
},
|
||||||
|
tree: {
|
||||||
|
emptyText: 'No Data'
|
||||||
|
},
|
||||||
|
transfer: {
|
||||||
|
noMatch: 'No matching data',
|
||||||
|
noData: 'No data',
|
||||||
|
titles: ['List 1', 'List 2'], // to be translated
|
||||||
|
filterPlaceholder: 'Enter keyword', // to be translated
|
||||||
|
noCheckedFormat: '{total} items', // to be translated
|
||||||
|
hasCheckedFormat: '{checked}/{total} checked' // to be translated
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
module.exports = exports['default'];
|
||||||
|
});
|
1
js/index.js
Normal file
1
js/index.js
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user