123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284 |
- (function (global, factory) {
- if (typeof define === "function" && define.amd) {
- define("/App/Work", ["exports", "BaseApp"], factory);
- } else if (typeof exports !== "undefined") {
- factory(exports, require("BaseApp"));
- } else {
- var mod = {
- exports: {}
- };
- factory(mod.exports, global.BaseApp);
- global.AppWork = mod.exports;
- }
- })(this, function (_exports, _BaseApp2) {
- "use strict";
- Object.defineProperty(_exports, "__esModule", {
- value: true
- });
- _exports.run = run;
- _exports.getInstance = getInstance;
- _exports.default = _exports.AppWork = void 0;
- _BaseApp2 = babelHelpers.interopRequireDefault(_BaseApp2);
- var AppWork =
- /*#__PURE__*/
- function (_BaseApp) {
- babelHelpers.inherits(AppWork, _BaseApp);
- function AppWork() {
- babelHelpers.classCallCheck(this, AppWork);
- return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(AppWork).apply(this, arguments));
- }
- babelHelpers.createClass(AppWork, [{
- key: "initialize",
- value: function initialize() {
- babelHelpers.get(babelHelpers.getPrototypeOf(AppWork.prototype), "initialize", this).call(this);
- this.items = [];
- this.handleChart();
- this.handleSelective();
- }
- }, {
- key: "process",
- value: function process() {
- babelHelpers.get(babelHelpers.getPrototypeOf(AppWork.prototype), "process", this).call(this);
- this.bindChart();
- }
- }, {
- key: "handleChart",
- value: function handleChart() {
- /* create line chart */
- this.scoreChart = function (data) {
- var scoreChart = new Chartist.Line(data, {
- labels: ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'],
- series: [{
- name: 'series-1',
- data: [0.8, 1.5, 0.8, 2.7, 2.4, 3.9, 1.1]
- }, {
- name: 'series-2',
- data: [2.2, 3, 2.7, 3.6, 1.5, 1, 2.9]
- }]
- }, {
- lineSmooth: Chartist.Interpolation.simple({
- divisor: 100
- }),
- fullWidth: true,
- chartPadding: {
- right: 25
- },
- series: {
- 'series-1': {
- showArea: false
- },
- 'series-2': {
- showArea: false
- }
- },
- axisX: {
- showGrid: false
- },
- axisY: {
- scaleMinSpace: 40
- },
- plugins: [Chartist.plugins.tooltip()],
- low: 0,
- height: 250
- });
- scoreChart.on('draw', function (data) {
- if (data.type === 'point') {
- var parent = new Chartist.Svg(data.element._node.parentNode);
- parent.elem('line', {
- x1: data.x,
- y1: data.y,
- x2: data.x + 0.01,
- y2: data.y,
- class: 'ct-point-content'
- });
- }
- });
- }; // let WeekLabelList = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
- // let WeekSeries1List = {
- // name: 'series-1',
- // data: [0.8, 1.5, 0.8, 2.7, 2.4, 3.9, 1.1]
- // };
- // let WeekSeries2List = {
- // name: 'series-2',
- // data: [2.2, 3, 2.7, 3.6, 1.5, 1, 2.9]
- // };
- /* create bar chart */
- this.barChart = function (data) {
- var barChart = new Chartist.Bar(data, {
- labels: ['Damon', 'Jimmy', 'Jhon', 'Alex', 'Lucy', 'Peter', 'Chris'],
- series: [[3.3, 3.5, 2.5, 2, 3.7, 2.7, 1.9], [2, 4, 3.5, 2.7, 3.3, 3.5, 2.5]]
- }, {
- axisX: {
- showGrid: false
- },
- axisY: {
- showGrid: false,
- scaleMinSpace: 30
- },
- height: 210,
- seriesBarDistance: 24
- });
- barChart.on('draw', function (data) {
- if (data.type === 'bar') {
- var parent = new Chartist.Svg(data.element._node.parentNode);
- parent.elem('line', {
- x1: data.x1,
- x2: data.x2,
- y1: data.y2,
- y2: 0,
- class: 'ct-bar-fill'
- });
- data.element.attr({
- style: 'stroke-width: 20px'
- });
- }
- });
- };
- }
- }, {
- key: "bindChart",
- value: function bindChart() {
- var _this = this;
- /* run chart */
- $(document).on('slidePanel::afterLoad', function () {
- _this.scoreChart('.trends-chart');
- _this.barChart('.member-chart');
- });
- }
- }, {
- key: "handleSelective",
- value: function handleSelective() {
- var _this2 = this;
- var self = this;
- var member = [{
- id: 'uid_1',
- name: 'Herman Beck',
- avatar: '../../../../global/portraits/1.jpg'
- }, {
- id: 'uid_2',
- name: 'Mary Adams',
- avatar: '../../../../global/portraits/2.jpg'
- }, {
- id: 'uid_3',
- name: 'Caleb Richards',
- avatar: '../../../../global/portraits/3.jpg'
- }, {
- id: 'uid_4',
- name: 'June Lane',
- avatar: '../../../../global/portraits/4.jpg'
- }, {
- id: 'uid_5',
- name: 'June Lane',
- avatar: '../../../../global/portraits/5.jpg'
- }, {
- id: 'uid_6',
- name: 'June Lane',
- avatar: '../../../../global/portraits/6.jpg'
- }, {
- id: 'uid_7',
- name: 'June Lane',
- avatar: '../../../../global/portraits/7.jpg'
- }];
- var getNum = function getNum(num) {
- return Math.ceil(Math.random() * (num + 1));
- };
- var getMember = function getMember() {
- return member[getNum(member.length - 1) - 1];
- };
- var isSame = function isSame(items) {
- var _items = items;
- var _member = getMember();
- if (_items.indexOf(_member) === -1) {
- return _member;
- }
- return isSame(_items);
- };
- var pushMember = function pushMember(num) {
- var items = [];
- for (var i = 0; i < num; i++) {
- items.push(isSame(items));
- }
- _this2.items = items;
- };
- var setItems = function setItems(membersNum) {
- var num = getNum(membersNum - 1);
- pushMember(num);
- };
- $('.plugin-selective').each(function () {
- setItems(member.length);
- var items = self.items;
- $(this).selective({
- namespace: 'addMember',
- local: member,
- selected: items,
- buildFromHtml: false,
- tpl: {
- optionValue: function optionValue(data) {
- return data.id;
- },
- frame: function frame() {
- return "<div class=\"".concat(this.namespace, "\">\n ").concat(this.options.tpl.items.call(this), "\n <div class=\"").concat(this.namespace, "-trigger\">\n ").concat(this.options.tpl.triggerButton.call(this), "\n <div class=\"").concat(this.namespace, "-trigger-dropdown\">\n ").concat(this.options.tpl.list.call(this), "\n </div>\n </div>\n </div>"); // i++;
- },
- triggerButton: function triggerButton() {
- return "<div class=\"".concat(this.namespace, "-trigger-button\"><i class=\"wb-plus\"></i></div>");
- },
- listItem: function listItem(data) {
- return "<li class=\"".concat(this.namespace, "-list-item\"><img class=\"avatar\" src=\"").concat(data.avatar, "\">").concat(data.name, "</li>");
- },
- item: function item(data) {
- return "<li class=\"".concat(this.namespace, "-item\"><img class=\"avatar\" src=\"").concat(data.avatar, "\" title=\"").concat(data.name, "\">").concat(this.options.tpl.itemRemove.call(this), "</li>");
- },
- itemRemove: function itemRemove() {
- return "<span class=\"".concat(this.namespace, "-remove\"><i class=\"wb-minus-circle\"></i></span>");
- },
- option: function option(data) {
- return "<option value=\"".concat(this.options.tpl.optionValue.call(this, data), "\">").concat(data.name, "</option>");
- }
- }
- });
- });
- }
- }]);
- return AppWork;
- }(_BaseApp2.default);
- _exports.AppWork = AppWork;
- var instance = null;
- function getInstance() {
- if (!instance) {
- instance = new AppWork();
- }
- return instance;
- }
- function run() {
- var app = getInstance();
- app.run();
- }
- var _default = AppWork;
- _exports.default = _default;
- });
|