-
-
`
-});
-
-Vue.component('proposal-item', {
- props: ['proposalItem', 'highlightedProposal'],
- computed: {
- isHighlighted: function() {
- return this.highlightedProposal == this.proposalItem.index;
- }
- },
- methods: {
- selectProposal: function(event) {
- var proposal = data.searchBar.proposals[this.proposalItem.index];
- data.searchBar.query = proposal.newQuery;
- data.searchBar.proposals = [];
-
- Vue.nextTick(function () {
- var el = document.getElementById('search-input');
- el.select();
- el.selectionStart=proposal.newCaretPosition;
- el.selectionEnd=proposal.newCaretPosition;
- });
- },
- },
- template: `
-
-
- {{ proposalItem.value }}
`
-});
-
-
-Vue.component('result-view', {
- props: ['searchBar', 'resultView'],
- data: function() {
- return {
- in_drag_mode: false,
- drag_start_x: 0,
- drag_start_y: 0,
- drag_end_x: 0,
- zoomInSliderStyle: "display: none;",
- };
- },
- methods: {
- prev_image: function()
- {
- var splitBy = data.searchBar.splitBy;
- if (splitBy['values'].length > 0)
- {
- splitBy['index'] = (splitBy['index']+ splitBy['values'].length-1) % splitBy['values'].length;
- plotCurrent();
- }
- },
- next_image: function()
- {
- var splitBy = data.searchBar.splitBy;
- if (splitBy['values'].length > 0)
- {
- splitBy['index'] = (splitBy['index']+1) % splitBy['values'].length;
- plotCurrent();
- }
- },
- hideZoomInSlider: function (){
- this.zoomInSliderStyle="display: none;";
- },
- imageWidth: function() {
- return Math.floor($('#result').width());
- },
- update_cursor: function(event){
- $('#result-image').css('cursor', this.isInPlot(event) ? 'crosshair' : 'default');
- },
- isInPlot: function(event){
- const rect = $('#result-image').offset();
- const x= event.clientX - rect.left;
- const y= event.clientY - rect.top;
-
- return x > gnuplotLMargin
- && x < this.imageWidth() - gnuplotRMargin
- && y > gnuplotTMargin
- && y < Math.floor($('#result').height()) - gnuplotBMargin;
- },
- drag_start: function(event) {
- event.preventDefault();
- if (event.buttons == 1 && this.isInPlot(event) && !data.searchBar.imageLastUsedParams.keyOutside) {
- this.in_drag_mode = true;
- this.drag_start_x = event.x;
- this.drag_end_x = event.x;
- this.drag_start_y = event.y;
- }
- },
- dragging: function(event) {
-
- this.update_cursor(event);
-
- if (this.in_drag_mode && event.buttons == 1 && !data.searchBar.imageLastUsedParams.keyOutside){
- this.drag_end_x = Math.max(Math.min(event.x, this.imageWidth()-gnuplotRMargin), gnuplotLMargin);
-
- const left = this.drag_start_x < this.drag_end_x ? this.drag_start_x : this.drag_end_x;
- const width = Math.abs(this.drag_start_x - this.drag_end_x);
-
- if (width > 10) {
- this.zoomInSliderStyle="position: absolute; left: "+left+"px; width: "+width+"px; top:"+gnuplotTMargin+"px; bottom: "+gnuplotBMargin+"px;";
- } else {
- this.hideZoomInSlider();
- }
- }
- },
- drag_stop: function(event) {
- if (this.in_drag_mode && !data.searchBar.imageLastUsedParams.keyOutside){
- this.in_drag_mode = false;
- this.hideZoomInSlider();
-
- // Zoom in if the selected area has some arbitrary minimal size
- if (Math.abs(this.drag_start_x - this.drag_end_x) > 10) {
- const dateRange = parseDateRange(data.searchBar.imageLastUsedParams.dateRange);
-
- const startPxInImage = Math.min(this.drag_start_x, this.drag_end_x);
- const endPxInImage = Math.max(this.drag_start_x, this.drag_end_x);
-
- const imageWidth = this.imageWidth();
- const widthPlotArea = imageWidth - gnuplotLMargin - gnuplotRMargin;
- const startPxWithinPlotArea = startPxInImage - gnuplotLMargin;
- const endPxWithinPlotArea = endPxInImage - gnuplotLMargin;
-
- const startPercentOfDateRange = startPxWithinPlotArea / widthPlotArea;
- const endPercentOfDateRange = 1-endPxWithinPlotArea / widthPlotArea;
-
- shiftDate(data.searchBar.imageLastUsedParams.dateRange, startPercentOfDateRange, -1*endPercentOfDateRange);
-
- plotCurrent();
- }
- }
- },
- drag_abort: function(event) {
- if (this.in_drag_mode && !this.isInPlot(event)) {
- this.in_drag_mode = false;
- this.drag_start_x = 0;
- this.drag_end_x = 0;
- this.hideZoomInSlider();
- }
- },
- zoom_by_scroll: function(event) {
- if (this.isInPlot(event) && event.wheelDelta != 0) {
-
- const dateRangeAsString = data.searchBar.imageLastUsedParams.dateRange;
-
- const widthPlotArea = this.imageWidth() - gnuplotLMargin - gnuplotRMargin;
- const cursorPxWithinPlotArea = event.x - gnuplotLMargin;
- const cursorPercentOfDateRange = cursorPxWithinPlotArea / widthPlotArea;
-
- const zoomFactor = event.wheelDelta > 0 ? 0.5 : 2;
-
- shiftDateByAnchor(dateRangeAsString, cursorPercentOfDateRange, zoomFactor);
-
- plotCurrent();
- }
- }
- },
- computed: {
- showPrevNext: function() {
- return data.searchBar.splitBy.values.length > 0 && !data.resultView.loadingGameActive;
- }
- },
- template: `
-
-
- ![]()
-
`
-});
-
-Vue.component('result-view-gallery', {
- props: ['gallery'],
- methods: {
- closeImage: function() {
- this.gallery.image = "";
- }
- },
- template: `
-
-
-
{{ resultView.errorMessage }}
-
-
- `
-});
-
-Vue.component('result-view-gallery-item', {
- props: ['galleryItem'],
- methods: {
- showImage: function(){
- var vm = this;
- data.gallery.image = this.galleryItem.imageUrl;
- }
- },
- computed: {
- showItem: function(){
- const predicate = data.gallery.filter.threshold.comparator
- ? function(a, b) { return a <= b; }
- : function(a, b) { return a >= b; };
- const value = timeUnitToMillis(data.gallery.filter.threshold.value, data.gallery.filter.threshold.unit);
- switch(data.gallery.filter.option){
- case 'NONE':
- return true;
- case 'MAX_VALUE':
- return predicate(this.galleryItem.stats.maxValue, value);
- case 'AVG':
- return predicate(this.galleryItem.stats.average, value);
- }
- throw "unhandled option: " + data.gallery.filter.option;
- },
- maxValue: function(){
- return formatMs(this.galleryItem.stats.maxValue);
- },
- average: function(){
- return formatMs(this.galleryItem.stats.average);
- }
- },
- template: `
-
-
-
- ![]()
-
-
-
-
- ![]()
-
`
-});
-
-Vue.component('navigation-bar-gallery', {
- props: ['gallery'],
- methods: {
- sort: function() {
- sortTiles();
- },
- abort: function() {
- data.gallery.toBeRendered = [];
- data.gallery.progress.show = false;
- }
- },
- computed: {
- navigationVisible: function() {
- return data.mode == 'gallery';
- },
- showProgressBar: function(){
- // TODO remove?
- // data.gallery.toBeRendered.length > 0 &&
- return data.gallery.progress.show;
- },
- showThreshold: function (){
- const opts = ['MAX_VALUE','AVG'];
- return opts.includes(data.gallery.filter.option);
- },
- percentage: function() {
- if (data.gallery.progress.max > 100){
- return Math.round(10000*data.gallery.progress.value / data.gallery.progress.max)/100.0;
- }else{
- return Math.round(100*data.gallery.progress.value / data.gallery.progress.max);
- }
- }
- },
- template: `
-
- `
-});
-
-Vue.component('navigation-bar', {
- props: [],
- methods: {
-
- refresh: function()
- {
- plotCurrent();
- },
- zoomIn: function()
- {
- shiftDate(data.searchBar.dateRange, 0.25, -0.25);
- plotCurrent();
- },
- zoomOut: function()
- {
- shiftDate(data.searchBar.dateRange, -0.5, 0.5);
- plotCurrent();
- },
- dateLeftShift: function()
- {
- shiftDate(data.searchBar.dateRange, -1, -1);
- plotCurrent();
- },
- dateHalfLeftShift: function()
- {
- shiftDate(data.searchBar.dateRange, -0.5, -0.5);
- plotCurrent();
- },
- dateHalfRightShift: function()
- {
- shiftDate(data.searchBar.dateRange, 0.5, 0.5);
- plotCurrent();
- },
- dateRightShift: function()
- {
- shiftDate(data.searchBar.dateRange, 1, 1);
- plotCurrent();
- }
- },
- computed: {
- navigationDisabled: function() {
- return data.mode != 'plot';
- },
- navigationVisible: function() {
- return data.mode != 'gallery';
- }
- },
- template: `
- `
-});
-
-Vue.component('group-by-item', {
- props: ['groupBy'],
- template: `
- `
-});
-
-Vue.component('search-bar', {
- props: ['searchBar'],
- mounted: function() {
- $('#search-date-range').daterangepicker({
- timePicker: true,
- minDate: "2017-01-01",
- maxDate: moment().endOf('year'),
- maxYear: parseInt(moment().format('YYYY'),10),
- timePicker24Hour: true,
- timePickerSeconds: true,
- showDropdowns: true, // drop downs for selecting year and month
- locale: {
- format: 'YYYY-MM-DD HH:mm:ss',
- "firstDay": 1 // monday is the first day of the week
- },
- ranges: {
- 'Today': [moment().startOf('day'), moment().endOf('day')],
- 'Yesterday': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
- 'Last 7 Days': [moment().subtract(6, 'days').startOf('day'), moment().endOf('day')],
- 'This Week': [moment().startOf('week'), moment().endOf('day')],
- 'Last Week': [moment().subtract(7, 'days').startOf('week'), moment().subtract(7, 'days').endOf('week')],
- 'Last 30 Days': [moment().subtract(29, 'days').startOf('day'), moment().endOf('day')],
- 'This Month': [moment().startOf('month'), moment().endOf('month').endOf('day')],
- 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
- 'Last 3 Months': [moment().subtract(3, 'month').startOf('month'),moment().endOf('month').endOf('day')],
- 'This Year': [moment().startOf('year'),moment().endOf('month').endOf('day')],
- 'Last Year': [moment().subtract(1, 'year').startOf('year'),moment().subtract(1, 'year').endOf('year')],
- },
- });
- $('#search-date-range').on('apply.daterangepicker', function(ev, picker) {
- setDateRange(picker.startDate, picker.endDate);
- });
- },
- watch: {
- // whenever searchBar.dateRange changes, this function will run
- 'searchBar.dateRange': function (newdateRangeAsString, olddateRangeAsString) {
- if (newdateRangeAsString) {
- const newdateRange = parseDateRange(newdateRangeAsString);
- $('#search-date-range').data('daterangepicker').setStartDate(newdateRange.startDate);
- $('#search-date-range').data('daterangepicker').setEndDate(newdateRange.endDate);
- }
- }
- },
- methods: {
- plot: function (event) {
- var vm = this;
- data.mode = 'plot';
- if (this.searchBar.splitByKeys.selected){
- this.splitQueries(function (fieldValues) {
- data.searchBar.splitBy['values'] = fieldValues;
- vm.enableSplitBy(fieldValues);
- plotCurrent();
- });
-
- }else{
- this.disableSplitBy();
- plotCurrent();
- }
- },
- createNewGallery: function (event) {
- data.mode = 'gallery';
- createGallery(this);
- },
- enableSplitBy: function(fieldValues) {
- data.searchBar.splitBy['field'] = data.searchBar.splitByKeys.selected;
- data.searchBar.splitBy['values'] = fieldValues;
- data.searchBar.splitBy['index'] = 0;
- data.searchBar.splitBy['query'] = data.searchBar.query;
- },
- disableSplitBy: function() {
- data.searchBar.splitBy['field'] = '';
- data.searchBar.splitBy['values'] = [];
- data.searchBar.splitBy['index'] = 0;
- data.searchBar.splitBy['query'] = '';
- },
- splitQueries: function(successCallback)
- {
- var request = {};
- request['query'] = data.searchBar.query;
-
- var error = function(e) {
- data.resultView.errorMessage = "FAILED: " + JSON.parse(e.responseText).message;
- };
-
- var url = "/fields/"+encodeURIComponent(data.searchBar.splitByKeys.selected)+"/values";
- getJson(url, request, successCallback, error);
- },
- },
- computed: {
- permalink: function() {
- var groupBy = [];
- data.searchBar.groupByKeys.forEach(function(e){ if (e.selected) {groupBy.push(e.selected);}});
-
- var params = {
- 'query': data.searchBar.query,
- 'groupBy': groupBy,
- 'splitByKeys.selected': data.searchBar.splitByKeys.selected,
- 'limitBy.selected': data.searchBar.limitBy.selected,
- 'limitBy.number': data.searchBar.limitBy.number,
- 'dateRange': data.searchBar.dateRange,
- 'axisScale': data.searchBar.axisScale,
- 'aggregate': data.searchBar.aggregate,
- 'yRangeMin': data.searchBar.yRange.min,
- 'yRangeMax': data.searchBar.yRange.max,
- 'yRangeUnit': data.searchBar.yRange.unit,
- 'keyOutside': data.searchBar.keyOutside,
- 'sortyBy': data.gallery.sortBy,
- 'sortyOrder': data.gallery.sortOrder,
- 'filterOption': data.gallery.filter.option,
- 'filterThresholdValue': data.gallery.filter.threshold.value,
- 'filterThresholdUnit': data.gallery.filter.threshold.unit,
- 'filterThresholdComparator': data.gallery.filter.threshold.comparator,
- };
-
- var link = window.location.origin+ window.location.pathname + "?" + jQuery.param( params );
- return link;
- },
- galleryActive: function (){
- return data.searchBar.splitByKeys.selected != "";
- }
- },
- template: `
- `
-});
-
-var rootView = new Vue({
- el: '#app',
- data: data,
- created: function() {
- var self = this;
- var request = {};
-
- var success = function(response){
-
- var options = [{ text: '', value: '' }];
-
- response.forEach( (item, index) => { options.push({text: item, value: item}); } );
-
- const groupByDefaults = GetURLParameterArray('groupBy', ['pod', 'method', 'build']);
-
- for (var i = 0; i < 3; i++){
- self.searchBar.groupByKeys.push({
- 'id': 'groupByKeys'+i,
- 'selected': groupByDefaults[i] ? groupByDefaults[i] : '',
- 'options': options
- });
- }
- self.searchBar.splitByKeys.options = options
- };
- var error = function(e) {
- data.resultView.errorMessage = "FAILED: " + JSON.parse(e.responseText).message;
- };
-
- getJson("fields", request, success, error);
- }
-});
-
-initInvaders('result');
-
-} // end window.on-load
-
-var data = {
-
- mode: '', // 'plot' or 'gallery', depending on what is currently active. Initially empty.
- searchBar: {
- query: GetURLParameter('query', 'pod=vapfinra01 and method = ViewService.findFieldViewGroup'),
- proposals: [],
- groupByKeys: [],
- splitByKeys: {
- 'selected': GetURLParameter('splitByKeys.selected','method'),
- 'options': []
- },
- limitBy: {
- 'selected': GetURLParameter('limitBy.selected','NO_LIMIT'),
- 'number': GetURLParameter('limitBy.number',10)
- },
- dateRange: GetURLParameter('dateRange', moment().add({ days: -6 }).startOf('day').format(DATE_PATTERN)+ ' - '+ moment().endOf('day').format(DATE_PATTERN)), // '2018-01-05 09:03:03'
- axisScale: GetURLParameter('axisScale','LOG10'),
- aggregate: GetURLParameter('aggregate','NONE'),
- yRange: {
- min: GetURLParameter('yRangeMin','0'),
- max: GetURLParameter('yRangeMax','120'),
- unit: GetURLParameter('yRangeUnit','MINUTES')
- },
- keyOutside: GetURLParameterBoolean('keyOutside', 'false'),
-
- splitBy: {
- field: '',
- query: '',
- values: [],
- index: 0
- },
- imagelink: "",
- imageLastUsedParams: {}
- },
- resultView: {
- imageUrl: '',
- errorMessage: '',
- loadingGameActive: false
- },
- gallery: {
- tiles: [],
- toBeRendered: [],
- image: "",
- sortBy: GetURLParameter('sortyBy','MAX_VALUE'),
- sortOrder: GetURLParameter('sortyOrder','DESC'),
- filter: {
- option: GetURLParameter('filterOption', 'NONE'),
- threshold: {
- value: GetURLParameter('filterThresholdValue','0'),
- unit: GetURLParameter('filterThresholdUnit', 'SECONDS'),
- comparator: GetURLParameterBoolean('filterThresholdComparator', 'false')
- }
- },
- progress: {
- max: 0,
- value: 0,
- show: false
- }
- }
-};
-
-function parseDateRange(dateRangeAsString){
-
- if (dateRangeAsString) {
- const startDate = moment(dateRangeAsString.slice(0, 19));
- const endDate = moment(dateRangeAsString.slice(22, 41));
-
- return {
- startDate: startDate,
- endDate: endDate,
- duration: moment.duration(endDate.diff(startDate))
- };
- }
-}
-
-function setDateRange(startDate, endDate) {
- const formattedStartDate = startDate.format(DATE_PATTERN);
- const formattedEndDate = endDate.format(DATE_PATTERN);
-
- data.searchBar.dateRange = formattedStartDate+" - "+formattedEndDate;
-}
-
-/**
- * Zoom in/out or shift date by adding factorStartDate*dateRangeInSeconds seconds to the start date
- * and factorEndDate*dateRangeInSeconds seconds to the end date.
- *
- * shiftDate(dateRangeAsString, 0.25, -0.25) will zoom in, making the range half its size
- * shiftDate(dateRangeAsString, -0.5, 0.5) will zoom out, making the range double its size
- * shiftDate(dateRangeAsString, -0.5, -0.5) will move the range by half its size to older values
- * shiftDate(dateRangeAsString, 1, 1) will move the range by its size to newer values
- */
-function shiftDate(dateRange, factorStartDate, factorEndDate)
-{
- const dateRangeParsed = parseDateRange(dateRange);
- const dateRangeInSeconds = dateRangeParsed.duration.asSeconds();
-
- const newStartDate = dateRangeParsed.startDate.add({seconds: dateRangeInSeconds*factorStartDate});
- const newEndDate = dateRangeParsed.endDate.add({seconds: dateRangeInSeconds*factorEndDate});
-
- setDateRange(newStartDate, newEndDate);
-}
-
-/**
- * Zoom in/out by zoomFaktor, so that the anchorInPercentOfDateRange keeps the same position.
- *
- * shiftDateByAnchor(dateRangeAsString, 0.20, 0.5) zooms in by 50%, so that the date that was at 20% before the zoom is still at 20% after the zoom
- * shiftDateByAnchor(dateRangeAsString, 0.33, 2) zooms out by 50%, so that the date that was at 33% before the zoom is still at 33% after the zoom
- */
-function shiftDateByAnchor(dateRange, anchorInPercentOfDateRange, zoomFactor)
-{
- const dateRangeParsed = parseDateRange(dateRange);
- const dateRangeInSeconds = dateRangeParsed.duration.asSeconds();
-
- const anchorTimestampInSeconds = dateRangeParsed.startDate.clone().add(Math.floor(dateRangeInSeconds*anchorInPercentOfDateRange), "seconds");
- const newDateRangeInSeconds = dateRangeInSeconds * zoomFactor;
-
- const newStartDate = anchorTimestampInSeconds.clone().subtract(newDateRangeInSeconds*anchorInPercentOfDateRange, "seconds");
- const newEndDate = newStartDate.clone().add({seconds: newDateRangeInSeconds});;
-
- setDateRange(newStartDate, newEndDate);
-}
-
-function showLoadingIcon()
-{
- hidePlotAndGallery();
- data.resultView.loadingGameActive = true;
-
- startInvaders();
-}
-
-function hideLoadingIcon()
-{
- data.resultView.loadingGameActive = false;
- pauseInvaders();
-}
-
-function hidePlotAndGallery()
-{
- data.resultView.imageUrl = '';
- data.resultView.errorMessage = '';
- data.gallery.tiles = false;
- data.gallery.image = "";
-}
-
-function plotCurrent()
-{
- showLoadingIcon();
-
- if (data.searchBar.splitBy['field']) {
- var splitBy = data.searchBar.splitBy;
- var originalQuery = splitBy['query'];
- var splitByField = splitBy['field'];
- var splitByValue = splitBy['values'][splitBy['index']];
- var query = createQuery(originalQuery, splitByField, splitByValue);
- sendPlotRequest(query, false);
- }else{
- sendPlotRequest(data.searchBar.query, false);
- }
-}
-
-function createQuery(query, splitByField, splitByValue)
-{
- if (query.length > 0) {
- query = "("+query+") and "+splitByField+ " = " +splitByValue;
- } else {
- query = splitByField+ " = " +splitByValue;
- }
- return query;
-}
-
-
-function groupBy()
-{
- var result = [];
- data.searchBar.groupByKeys.forEach(function(item) {
- if (item.selected) {
- result.push(item.selected);
- }
- });
- return result;
-}
-
-function createRequest(query, generateThumbnail){
- var request = {};
- request['query'] = query;
- request['height'] = Math.floor($('#result').height());
- request['width'] = Math.floor($('#result').width());
- request['groupBy'] = groupBy();
- request['limitBy'] = data.searchBar.limitBy.selected;
- request['limit'] = parseInt(data.searchBar.limitBy.number);
- request['dateRange'] = data.searchBar.dateRange;
- request['axisScale'] = data.searchBar.axisScale;
- request['aggregate'] = data.searchBar.aggregate;
- request['keyOutside'] = data.searchBar.keyOutside;
- request['generateThumbnail'] = generateThumbnail;
- request['yRangeMin'] = data.searchBar.yRange.min;
- request['yRangeMax'] = data.searchBar.yRange.max;
- request['yRangeUnit'] = data.searchBar.yRange.unit;
-
- return request;
-}
-
-function sendPlotRequest(query, generateThumbnail){
- const request = createRequest(query, generateThumbnail);
-
- const success = function(response){
- data.resultView.imageUrl = response.imageUrl;
- data.resultView.errorMessage = '';
- hideLoadingIcon();
- updateImageLink(query);
- };
- const error = function(e) {
- data.resultView.imageUrl = '';
- if (e.status == 404){
- data.resultView.errorMessage = "No data points found for query: " + query;
- }
- else if (e.status == 503){
- data.resultView.errorMessage = "Too many parallel requests.";
- }
- else{
- data.resultView.errorMessage = "FAILED: " + JSON.parse(e.responseText).message;
- }
- hideLoadingIcon();
- };
-
- data.searchBar.imagelink = '';
- const requestParam = {
- 'request': JSON.stringify(request)
- };
- getJson("plots", requestParam, success, error)
-}
-
-function updateImageLink(query) {
-
- var groupBy = [];
- data.searchBar.groupByKeys.forEach(function(e){ if (e.selected) {groupBy.push(e.selected);}});
-
- var params = {
- 'query': query,
- 'groupBy': groupBy,
- 'splitByKeys.selected': data.searchBar.splitByKeys.selected,
- 'limitBy.selected': data.searchBar.limitBy.selected,
- 'limitBy.number': data.searchBar.limitBy.number,
- 'dateRange': data.searchBar.dateRange,
- 'axisScale': data.searchBar.axisScale,
- 'aggregate': data.searchBar.aggregate,
- 'yRangeMin': data.searchBar.yRange.min,
- 'yRangeMax': data.searchBar.yRange.max,
- 'yRangeUnit': data.searchBar.yRange.unit,
- 'keyOutside': data.searchBar.keyOutside,
- 'width': Math.floor($('#result').width()),
- 'height': Math.floor($('#result').height())
- };
-
- data.searchBar.imagelink = window.location.origin+ window.location.pathname + "plots?" + jQuery.param(params);
- data.searchBar.imageLastUsedParams = params;
-}
-
-function createGallery(vm){
-
- hidePlotAndGallery();
-
- const imageHeight = Math.floor($('#app').height() - Math.ceil($('#search-bar').outerHeight()) - Math.ceil($('#navigation-bar').outerHeight()));
- const imageWidth = Math.floor($('#app').width());
-
- const originalQuery = data.searchBar.query;
- data.gallery.progress.show = true;
-
-
- vm.splitQueries(function (fieldValues) {
- var splitByField = data.searchBar.splitByKeys.selected;
-
- data.gallery.toBeRendered = fieldValues;
-
- // reset progress bar
- data.gallery.progress.max = fieldValues.length;
- data.gallery.progress.value = 0;
- data.gallery.tiles = [];
-
- createGalleryItem(originalQuery, splitByField, imageHeight, imageWidth);
- });
-}
-
-
-
-
-function createGalleryItem(originalQuery, field, imageHeight, imageWidth)
-{
- if (data.gallery.toBeRendered.length > 0) {
- var fieldValue = data.gallery.toBeRendered.pop();
- const query = createQuery(originalQuery, field, fieldValue);
- const generateThumbnail = true;
- const request = createRequest(query, generateThumbnail);
- request['height'] = imageHeight;
- request['width'] = imageWidth;
- request['thumbnailMaxWidth'] = 300;
- request['thumbnailMaxHeight'] = 200;
-
- const success = function(response){
- data.gallery.tiles.push({
- fieldValue: fieldValue,
- thumbnailUrl: response.thumbnailUrl,
- imageUrl: response.imageUrl,
- stats: response.stats
- });
- sortTiles();
- data.gallery.progress.value++;
- createGalleryItem(originalQuery, field, imageHeight, imageWidth);
- };
- const error = function(e) {
- var errorMessage = '';
- if (e.status == 404){
- // skip
- }
- else if (e.status == 503){
- errorMessage = "Too many parallel requests.";
- }
- else{
- errorMessage = "FAILED: " + JSON.parse(e.responseText).message;
- }
- hideLoadingIcon();
- if (errorMessage) {
- data.gallery.tiles.push({
- fieldValue: fieldValue,
- error: errorMessage
- });
- }
- data.gallery.progress.value++;
- createGalleryItem(originalQuery, field, imageHeight, imageWidth);
- };
- var requestParam = {
- request: JSON.stringify(request)
- };
- getJson("plots", requestParam, success, error)
- }else{
- data.gallery.progress.show = false;
- }
-}
-
-function sortTiles() {
-
- const orderFactor = data.gallery.sortOrder == 'ASC' ? 1 : -1;
-
- switch (data.gallery.sortBy) {
- case "DEFAULT":
- data.gallery.tiles.sort(function(a, b){return orderFactor*a.fieldValue.localeCompare(b.fieldValue);});
- break;
- case "VALUES":
- data.gallery.tiles.sort(function(a, b){return orderFactor*(a.stats.values - b.stats.values);});
- break;
- case "PLOTTED_VALUES":
- data.gallery.tiles.sort(function(a, b){return orderFactor*(a.stats.plottedValues - b.stats.plottedValues);});
- break;
- case "MAX_VALUE":
- data.gallery.tiles.sort(function(a, b){return orderFactor*(a.stats.maxValue - b.stats.maxValue);});
- break;
- case "AVERAGE":
- data.gallery.tiles.sort(function(a, b){return orderFactor*(a.stats.average - b.stats.average);});
- break;
- }
-}
-
-function timeUnitToMillis(value, unit)
-{
- switch(unit){
- case 'MILLISECONDS':
- return value;
- case 'SECONDS':
- return value*1000;
- case 'MINUTES':
- return value*1000*60;
- case 'HOURS':
- return value*1000*60*60;
- case 'DAYS':
- return value*1000*60*60*24;
- }
- throw "unknown unit: " + unit;
-}
-
-function formatMs(valueInMs) {
- const ms = Math.floor(valueInMs % 1000);
- const s = Math.floor((valueInMs / 1000) % 60);
- const m = Math.floor((valueInMs / (60*1000)) % 60);
- const h = Math.floor(valueInMs / (3600*1000));
-
- var result = "";
- if (h != 0) {
- result += h+"h ";
- }
- if (h!= 0 || m != 0) {
- result += m+"m ";
- }
- if (h!= 0 || m != 0 || s != 0) {
- result += s+"s ";
- result += ms+"ms";
- } else {
- result += ms+"ms";
- }
-
- return result;
-}
-
-function postJson(url, requestData, successCallback, errorCallback) {
-
- $.ajax({
- type: "POST",
- url: url,
- data: JSON.stringify(requestData),
- contentType: 'application/json'
- })
- .done(successCallback)
- .fail(errorCallback);
-}
-
-function getJson(url, requestData, successCallback, errorCallback) {
-
- $.ajax({
- type: "GET",
- url: url,
- data: requestData,
- contentType: 'application/json',
- cache:true
- })
- .done(successCallback)
- .fail(errorCallback);
-}
-
-function GetURLParameter(paramName, defaultValue)
-{
- var pageURL = window.location.search.substring(1);
- var URLVariables = pageURL.split('&');
- for (var i = 0; i < URLVariables.length; i++)
- {
- var keyValue = URLVariables[i].split('=');
- if (keyValue[0] == paramName)
- {
- return decodeURIComponent(keyValue[1]);
- }
- }
- return defaultValue;
-}
-
-function GetURLParameterArray(paramName, defaults)
-{
- var foundParameter = false;
- var result = [];
- var pageURL = window.location.search.substring(1);
- var URLVariables = pageURL.split('&');
- for (var i = 0; i < URLVariables.length; i++)
- {
- var keyValue = URLVariables[i].split('=');
- if (decodeURIComponent(keyValue[0]) == paramName+"[]")
- {
- result.push(decodeURIComponent(keyValue[1]));
- foundParameter = true;
- }
- }
-
- if (!foundParameter){
- result = defaults != undefined ? defaults : []
- }
-
- return result;
-}
-
-function GetURLParameterBoolean(paramName, defaultValue){
- return GetURLParameter(paramName, defaultValue) == 'true';
-}
-
diff --git a/pdb-ui/src/main/resources/resources/js/vue-2.6.10-dev.js b/pdb-ui/src/main/resources/resources/js/vue-2.6.10-dev.js
deleted file mode 100644
index 4ef7ff1..0000000
--- a/pdb-ui/src/main/resources/resources/js/vue-2.6.10-dev.js
+++ /dev/null
@@ -1,11944 +0,0 @@
-/*!
- * Vue.js v2.6.10
- * (c) 2014-2019 Evan You
- * Released under the MIT License.
- */
-(function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
- typeof define === 'function' && define.amd ? define(factory) :
- (global = global || self, global.Vue = factory());
-}(this, function () { 'use strict';
-
- /* */
-
- var emptyObject = Object.freeze({});
-
- // These helpers produce better VM code in JS engines due to their
- // explicitness and function inlining.
- function isUndef (v) {
- return v === undefined || v === null
- }
-
- function isDef (v) {
- return v !== undefined && v !== null
- }
-
- function isTrue (v) {
- return v === true
- }
-
- function isFalse (v) {
- return v === false
- }
-
- /**
- * Check if value is primitive.
- */
- function isPrimitive (value) {
- return (
- typeof value === 'string' ||
- typeof value === 'number' ||
- // $flow-disable-line
- typeof value === 'symbol' ||
- typeof value === 'boolean'
- )
- }
-
- /**
- * Quick object check - this is primarily used to tell
- * Objects from primitive values when we know the value
- * is a JSON-compliant type.
- */
- function isObject (obj) {
- return obj !== null && typeof obj === 'object'
- }
-
- /**
- * Get the raw type string of a value, e.g., [object Object].
- */
- var _toString = Object.prototype.toString;
-
- function toRawType (value) {
- return _toString.call(value).slice(8, -1)
- }
-
- /**
- * Strict object type check. Only returns true
- * for plain JavaScript objects.
- */
- function isPlainObject (obj) {
- return _toString.call(obj) === '[object Object]'
- }
-
- function isRegExp (v) {
- return _toString.call(v) === '[object RegExp]'
- }
-
- /**
- * Check if val is a valid array index.
- */
- function isValidArrayIndex (val) {
- var n = parseFloat(String(val));
- return n >= 0 && Math.floor(n) === n && isFinite(val)
- }
-
- function isPromise (val) {
- return (
- isDef(val) &&
- typeof val.then === 'function' &&
- typeof val.catch === 'function'
- )
- }
-
- /**
- * Convert a value to a string that is actually rendered.
- */
- function toString (val) {
- return val == null
- ? ''
- : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString)
- ? JSON.stringify(val, null, 2)
- : String(val)
- }
-
- /**
- * Convert an input value to a number for persistence.
- * If the conversion fails, return original string.
- */
- function toNumber (val) {
- var n = parseFloat(val);
- return isNaN(n) ? val : n
- }
-
- /**
- * Make a map and return a function for checking if a key
- * is in that map.
- */
- function makeMap (
- str,
- expectsLowerCase
- ) {
- var map = Object.create(null);
- var list = str.split(',');
- for (var i = 0; i < list.length; i++) {
- map[list[i]] = true;
- }
- return expectsLowerCase
- ? function (val) { return map[val.toLowerCase()]; }
- : function (val) { return map[val]; }
- }
-
- /**
- * Check if a tag is a built-in tag.
- */
- var isBuiltInTag = makeMap('slot,component', true);
-
- /**
- * Check if an attribute is a reserved attribute.
- */
- var isReservedAttribute = makeMap('key,ref,slot,slot-scope,is');
-
- /**
- * Remove an item from an array.
- */
- function remove (arr, item) {
- if (arr.length) {
- var index = arr.indexOf(item);
- if (index > -1) {
- return arr.splice(index, 1)
- }
- }
- }
-
- /**
- * Check whether an object has the property.
- */
- var hasOwnProperty = Object.prototype.hasOwnProperty;
- function hasOwn (obj, key) {
- return hasOwnProperty.call(obj, key)
- }
-
- /**
- * Create a cached version of a pure function.
- */
- function cached (fn) {
- var cache = Object.create(null);
- return (function cachedFn (str) {
- var hit = cache[str];
- return hit || (cache[str] = fn(str))
- })
- }
-
- /**
- * Camelize a hyphen-delimited string.
- */
- var camelizeRE = /-(\w)/g;
- var camelize = cached(function (str) {
- return str.replace(camelizeRE, function (_, c) { return c ? c.toUpperCase() : ''; })
- });
-
- /**
- * Capitalize a string.
- */
- var capitalize = cached(function (str) {
- return str.charAt(0).toUpperCase() + str.slice(1)
- });
-
- /**
- * Hyphenate a camelCase string.
- */
- var hyphenateRE = /\B([A-Z])/g;
- var hyphenate = cached(function (str) {
- return str.replace(hyphenateRE, '-$1').toLowerCase()
- });
-
- /**
- * Simple bind polyfill for environments that do not support it,
- * e.g., PhantomJS 1.x. Technically, we don't need this anymore
- * since native bind is now performant enough in most browsers.
- * But removing it would mean breaking code that was able to run in
- * PhantomJS 1.x, so this must be kept for backward compatibility.
- */
-
- /* istanbul ignore next */
- function polyfillBind (fn, ctx) {
- function boundFn (a) {
- var l = arguments.length;
- return l
- ? l > 1
- ? fn.apply(ctx, arguments)
- : fn.call(ctx, a)
- : fn.call(ctx)
- }
-
- boundFn._length = fn.length;
- return boundFn
- }
-
- function nativeBind (fn, ctx) {
- return fn.bind(ctx)
- }
-
- var bind = Function.prototype.bind
- ? nativeBind
- : polyfillBind;
-
- /**
- * Convert an Array-like object to a real Array.
- */
- function toArray (list, start) {
- start = start || 0;
- var i = list.length - start;
- var ret = new Array(i);
- while (i--) {
- ret[i] = list[i + start];
- }
- return ret
- }
-
- /**
- * Mix properties into target object.
- */
- function extend (to, _from) {
- for (var key in _from) {
- to[key] = _from[key];
- }
- return to
- }
-
- /**
- * Merge an Array of Objects into a single Object.
- */
- function toObject (arr) {
- var res = {};
- for (var i = 0; i < arr.length; i++) {
- if (arr[i]) {
- extend(res, arr[i]);
- }
- }
- return res
- }
-
- /* eslint-disable no-unused-vars */
-
- /**
- * Perform no operation.
- * Stubbing args to make Flow happy without leaving useless transpiled code
- * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/).
- */
- function noop (a, b, c) {}
-
- /**
- * Always return false.
- */
- var no = function (a, b, c) { return false; };
-
- /* eslint-enable no-unused-vars */
-
- /**
- * Return the same value.
- */
- var identity = function (_) { return _; };
-
- /**
- * Generate a string containing static keys from compiler modules.
- */
- function genStaticKeys (modules) {
- return modules.reduce(function (keys, m) {
- return keys.concat(m.staticKeys || [])
- }, []).join(',')
- }
-
- /**
- * Check if two values are loosely equal - that is,
- * if they are plain objects, do they have the same shape?
- */
- function looseEqual (a, b) {
- if (a === b) { return true }
- var isObjectA = isObject(a);
- var isObjectB = isObject(b);
- if (isObjectA && isObjectB) {
- try {
- var isArrayA = Array.isArray(a);
- var isArrayB = Array.isArray(b);
- if (isArrayA && isArrayB) {
- return a.length === b.length && a.every(function (e, i) {
- return looseEqual(e, b[i])
- })
- } else if (a instanceof Date && b instanceof Date) {
- return a.getTime() === b.getTime()
- } else if (!isArrayA && !isArrayB) {
- var keysA = Object.keys(a);
- var keysB = Object.keys(b);
- return keysA.length === keysB.length && keysA.every(function (key) {
- return looseEqual(a[key], b[key])
- })
- } else {
- /* istanbul ignore next */
- return false
- }
- } catch (e) {
- /* istanbul ignore next */
- return false
- }
- } else if (!isObjectA && !isObjectB) {
- return String(a) === String(b)
- } else {
- return false
- }
- }
-
- /**
- * Return the first index at which a loosely equal value can be
- * found in the array (if value is a plain object, the array must
- * contain an object of the same shape), or -1 if it is not present.
- */
- function looseIndexOf (arr, val) {
- for (var i = 0; i < arr.length; i++) {
- if (looseEqual(arr[i], val)) { return i }
- }
- return -1
- }
-
- /**
- * Ensure a function is called only once.
- */
- function once (fn) {
- var called = false;
- return function () {
- if (!called) {
- called = true;
- fn.apply(this, arguments);
- }
- }
- }
-
- var SSR_ATTR = 'data-server-rendered';
-
- var ASSET_TYPES = [
- 'component',
- 'directive',
- 'filter'
- ];
-
- var LIFECYCLE_HOOKS = [
- 'beforeCreate',
- 'created',
- 'beforeMount',
- 'mounted',
- 'beforeUpdate',
- 'updated',
- 'beforeDestroy',
- 'destroyed',
- 'activated',
- 'deactivated',
- 'errorCaptured',
- 'serverPrefetch'
- ];
-
- /* */
-
-
-
- var config = ({
- /**
- * Option merge strategies (used in core/util/options)
- */
- // $flow-disable-line
- optionMergeStrategies: Object.create(null),
-
- /**
- * Whether to suppress warnings.
- */
- silent: false,
-
- /**
- * Show production mode tip message on boot?
- */
- productionTip: "development" !== 'production',
-
- /**
- * Whether to enable devtools
- */
- devtools: "development" !== 'production',
-
- /**
- * Whether to record perf
- */
- performance: false,
-
- /**
- * Error handler for watcher errors
- */
- errorHandler: null,
-
- /**
- * Warn handler for watcher warns
- */
- warnHandler: null,
-
- /**
- * Ignore certain custom elements
- */
- ignoredElements: [],
-
- /**
- * Custom user key aliases for v-on
- */
- // $flow-disable-line
- keyCodes: Object.create(null),
-
- /**
- * Check if a tag is reserved so that it cannot be registered as a
- * component. This is platform-dependent and may be overwritten.
- */
- isReservedTag: no,
-
- /**
- * Check if an attribute is reserved so that it cannot be used as a component
- * prop. This is platform-dependent and may be overwritten.
- */
- isReservedAttr: no,
-
- /**
- * Check if a tag is an unknown element.
- * Platform-dependent.
- */
- isUnknownElement: no,
-
- /**
- * Get the namespace of an element
- */
- getTagNamespace: noop,
-
- /**
- * Parse the real tag name for the specific platform.
- */
- parsePlatformTagName: identity,
-
- /**
- * Check if an attribute must be bound using property, e.g. value
- * Platform-dependent.
- */
- mustUseProp: no,
-
- /**
- * Perform updates asynchronously. Intended to be used by Vue Test Utils
- * This will significantly reduce performance if set to false.
- */
- async: true,
-
- /**
- * Exposed for legacy reasons
- */
- _lifecycleHooks: LIFECYCLE_HOOKS
- });
-
- /* */
-
- /**
- * unicode letters used for parsing html tags, component names and property paths.
- * using https://www.w3.org/TR/html53/semantics-scripting.html#potentialcustomelementname
- * skipping \u10000-\uEFFFF due to it freezing up PhantomJS
- */
- var unicodeRegExp = /a-zA-Z\u00B7\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u037D\u037F-\u1FFF\u200C-\u200D\u203F-\u2040\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD/;
-
- /**
- * Check if a string starts with $ or _
- */
- function isReserved (str) {
- var c = (str + '').charCodeAt(0);
- return c === 0x24 || c === 0x5F
- }
-
- /**
- * Define a property.
- */
- function def (obj, key, val, enumerable) {
- Object.defineProperty(obj, key, {
- value: val,
- enumerable: !!enumerable,
- writable: true,
- configurable: true
- });
- }
-
- /**
- * Parse simple path.
- */
- var bailRE = new RegExp(("[^" + (unicodeRegExp.source) + ".$_\\d]"));
- function parsePath (path) {
- if (bailRE.test(path)) {
- return
- }
- var segments = path.split('.');
- return function (obj) {
- for (var i = 0; i < segments.length; i++) {
- if (!obj) { return }
- obj = obj[segments[i]];
- }
- return obj
- }
- }
-
- /* */
-
- // can we use __proto__?
- var hasProto = '__proto__' in {};
-
- // Browser environment sniffing
- var inBrowser = typeof window !== 'undefined';
- var inWeex = typeof WXEnvironment !== 'undefined' && !!WXEnvironment.platform;
- var weexPlatform = inWeex && WXEnvironment.platform.toLowerCase();
- var UA = inBrowser && window.navigator.userAgent.toLowerCase();
- var isIE = UA && /msie|trident/.test(UA);
- var isIE9 = UA && UA.indexOf('msie 9.0') > 0;
- var isEdge = UA && UA.indexOf('edge/') > 0;
- var isAndroid = (UA && UA.indexOf('android') > 0) || (weexPlatform === 'android');
- var isIOS = (UA && /iphone|ipad|ipod|ios/.test(UA)) || (weexPlatform === 'ios');
- var isChrome = UA && /chrome\/\d+/.test(UA) && !isEdge;
- var isPhantomJS = UA && /phantomjs/.test(UA);
- var isFF = UA && UA.match(/firefox\/(\d+)/);
-
- // Firefox has a "watch" function on Object.prototype...
- var nativeWatch = ({}).watch;
-
- var supportsPassive = false;
- if (inBrowser) {
- try {
- var opts = {};
- Object.defineProperty(opts, 'passive', ({
- get: function get () {
- /* istanbul ignore next */
- supportsPassive = true;
- }
- })); // https://github.com/facebook/flow/issues/285
- window.addEventListener('test-passive', null, opts);
- } catch (e) {}
- }
-
- // this needs to be lazy-evaled because vue may be required before
- // vue-server-renderer can set VUE_ENV
- var _isServer;
- var isServerRendering = function () {
- if (_isServer === undefined) {
- /* istanbul ignore if */
- if (!inBrowser && !inWeex && typeof global !== 'undefined') {
- // detect presence of vue-server-renderer and avoid
- // Webpack shimming the process
- _isServer = global['process'] && global['process'].env.VUE_ENV === 'server';
- } else {
- _isServer = false;
- }
- }
- return _isServer
- };
-
- // detect devtools
- var devtools = inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__;
-
- /* istanbul ignore next */
- function isNative (Ctor) {
- return typeof Ctor === 'function' && /native code/.test(Ctor.toString())
- }
-
- var hasSymbol =
- typeof Symbol !== 'undefined' && isNative(Symbol) &&
- typeof Reflect !== 'undefined' && isNative(Reflect.ownKeys);
-
- var _Set;
- /* istanbul ignore if */ // $flow-disable-line
- if (typeof Set !== 'undefined' && isNative(Set)) {
- // use native Set when available.
- _Set = Set;
- } else {
- // a non-standard Set polyfill that only works with primitive keys.
- _Set = /*@__PURE__*/(function () {
- function Set () {
- this.set = Object.create(null);
- }
- Set.prototype.has = function has (key) {
- return this.set[key] === true
- };
- Set.prototype.add = function add (key) {
- this.set[key] = true;
- };
- Set.prototype.clear = function clear () {
- this.set = Object.create(null);
- };
-
- return Set;
- }());
- }
-
- /* */
-
- var warn = noop;
- var tip = noop;
- var generateComponentTrace = (noop); // work around flow check
- var formatComponentName = (noop);
-
- {
- var hasConsole = typeof console !== 'undefined';
- var classifyRE = /(?:^|[-_])(\w)/g;
- var classify = function (str) { return str
- .replace(classifyRE, function (c) { return c.toUpperCase(); })
- .replace(/[-_]/g, ''); };
-
- warn = function (msg, vm) {
- var trace = vm ? generateComponentTrace(vm) : '';
-
- if (config.warnHandler) {
- config.warnHandler.call(null, msg, vm, trace);
- } else if (hasConsole && (!config.silent)) {
- console.error(("[Vue warn]: " + msg + trace));
- }
- };
-
- tip = function (msg, vm) {
- if (hasConsole && (!config.silent)) {
- console.warn("[Vue tip]: " + msg + (
- vm ? generateComponentTrace(vm) : ''
- ));
- }
- };
-
- formatComponentName = function (vm, includeFile) {
- if (vm.$root === vm) {
- return '{{ galleryItem.fieldValue }}
- Max value: {{ maxValue }}
- Average: {{ average }}
- , or missing
. Bailing hydration and performing ' + - 'full client-side render.' - ); - } - } - // either not server-rendered, or hydration failed. - // create an empty node and replace it - oldVnode = emptyNodeAt(oldVnode); - } - - // replacing existing element - var oldElm = oldVnode.elm; - var parentElm = nodeOps.parentNode(oldElm); - - // create new node - createElm( - vnode, - insertedVnodeQueue, - // extremely rare edge case: do not insert if old element is in a - // leaving transition. Only happens when combining transition + - // keep-alive + HOCs. (#4590) - oldElm._leaveCb ? null : parentElm, - nodeOps.nextSibling(oldElm) - ); - - // update parent placeholder node element, recursively - if (isDef(vnode.parent)) { - var ancestor = vnode.parent; - var patchable = isPatchable(vnode); - while (ancestor) { - for (var i = 0; i < cbs.destroy.length; ++i) { - cbs.destroy[i](ancestor); - } - ancestor.elm = vnode.elm; - if (patchable) { - for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) { - cbs.create[i$1](emptyNode, ancestor); - } - // #6513 - // invoke insert hooks that may have been merged by create hooks. - // e.g. for directives that uses the "inserted" hook. - var insert = ancestor.data.hook.insert; - if (insert.merged) { - // start at index 1 to avoid re-invoking component mounted hook - for (var i$2 = 1; i$2 < insert.fns.length; i$2++) { - insert.fns[i$2](); - } - } - } else { - registerRef(ancestor); - } - ancestor = ancestor.parent; - } - } - - // destroy old node - if (isDef(parentElm)) { - removeVnodes(parentElm, [oldVnode], 0, 0); - } else if (isDef(oldVnode.tag)) { - invokeDestroyHook(oldVnode); - } - } - } - - invokeInsertHook(vnode, insertedVnodeQueue, isInitialPatch); - return vnode.elm - } - } - - /* */ - - var directives = { - create: updateDirectives, - update: updateDirectives, - destroy: function unbindDirectives (vnode) { - updateDirectives(vnode, emptyNode); - } - }; - - function updateDirectives (oldVnode, vnode) { - if (oldVnode.data.directives || vnode.data.directives) { - _update(oldVnode, vnode); - } - } - - function _update (oldVnode, vnode) { - var isCreate = oldVnode === emptyNode; - var isDestroy = vnode === emptyNode; - var oldDirs = normalizeDirectives$1(oldVnode.data.directives, oldVnode.context); - var newDirs = normalizeDirectives$1(vnode.data.directives, vnode.context); - - var dirsWithInsert = []; - var dirsWithPostpatch = []; - - var key, oldDir, dir; - for (key in newDirs) { - oldDir = oldDirs[key]; - dir = newDirs[key]; - if (!oldDir) { - // new directive, bind - callHook$1(dir, 'bind', vnode, oldVnode); - if (dir.def && dir.def.inserted) { - dirsWithInsert.push(dir); - } - } else { - // existing directive, update - dir.oldValue = oldDir.value; - dir.oldArg = oldDir.arg; - callHook$1(dir, 'update', vnode, oldVnode); - if (dir.def && dir.def.componentUpdated) { - dirsWithPostpatch.push(dir); - } - } - } - - if (dirsWithInsert.length) { - var callInsert = function () { - for (var i = 0; i < dirsWithInsert.length; i++) { - callHook$1(dirsWithInsert[i], 'inserted', vnode, oldVnode); - } - }; - if (isCreate) { - mergeVNodeHook(vnode, 'insert', callInsert); - } else { - callInsert(); - } - } - - if (dirsWithPostpatch.length) { - mergeVNodeHook(vnode, 'postpatch', function () { - for (var i = 0; i < dirsWithPostpatch.length; i++) { - callHook$1(dirsWithPostpatch[i], 'componentUpdated', vnode, oldVnode); - } - }); - } - - if (!isCreate) { - for (key in oldDirs) { - if (!newDirs[key]) { - // no longer present, unbind - callHook$1(oldDirs[key], 'unbind', oldVnode, oldVnode, isDestroy); - } - } - } - } - - var emptyModifiers = Object.create(null); - - function normalizeDirectives$1 ( - dirs, - vm - ) { - var res = Object.create(null); - if (!dirs) { - // $flow-disable-line - return res - } - var i, dir; - for (i = 0; i < dirs.length; i++) { - dir = dirs[i]; - if (!dir.modifiers) { - // $flow-disable-line - dir.modifiers = emptyModifiers; - } - res[getRawDirName(dir)] = dir; - dir.def = resolveAsset(vm.$options, 'directives', dir.name, true); - } - // $flow-disable-line - return res - } - - function getRawDirName (dir) { - return dir.rawName || ((dir.name) + "." + (Object.keys(dir.modifiers || {}).join('.'))) - } - - function callHook$1 (dir, hook, vnode, oldVnode, isDestroy) { - var fn = dir.def && dir.def[hook]; - if (fn) { - try { - fn(vnode.elm, dir, vnode, oldVnode, isDestroy); - } catch (e) { - handleError(e, vnode.context, ("directive " + (dir.name) + " " + hook + " hook")); - } - } - } - - var baseModules = [ - ref, - directives - ]; - - /* */ - - function updateAttrs (oldVnode, vnode) { - var opts = vnode.componentOptions; - if (isDef(opts) && opts.Ctor.options.inheritAttrs === false) { - return - } - if (isUndef(oldVnode.data.attrs) && isUndef(vnode.data.attrs)) { - return - } - var key, cur, old; - var elm = vnode.elm; - var oldAttrs = oldVnode.data.attrs || {}; - var attrs = vnode.data.attrs || {}; - // clone observed objects, as the user probably wants to mutate it - if (isDef(attrs.__ob__)) { - attrs = vnode.data.attrs = extend({}, attrs); - } - - for (key in attrs) { - cur = attrs[key]; - old = oldAttrs[key]; - if (old !== cur) { - setAttr(elm, key, cur); - } - } - // #4391: in IE9, setting type can reset value for input[type=radio] - // #6666: IE/Edge forces progress value down to 1 before setting a max - /* istanbul ignore if */ - if ((isIE || isEdge) && attrs.value !== oldAttrs.value) { - setAttr(elm, 'value', attrs.value); - } - for (key in oldAttrs) { - if (isUndef(attrs[key])) { - if (isXlink(key)) { - elm.removeAttributeNS(xlinkNS, getXlinkProp(key)); - } else if (!isEnumeratedAttr(key)) { - elm.removeAttribute(key); - } - } - } - } - - function setAttr (el, key, value) { - if (el.tagName.indexOf('-') > -1) { - baseSetAttr(el, key, value); - } else if (isBooleanAttr(key)) { - // set attribute for blank value - // e.g. - if (isFalsyAttrValue(value)) { - el.removeAttribute(key); - } else { - // technically allowfullscreen is a boolean attribute for