Skip to content

A
atlas
Commit 072a73e0 by Shwetha GS
Options

ATLAS-949 UI improvement for modal and tag styling in table (Kalyanikashikar via shwethags)

parent 2ad344f0
Showing with 266 additions and 172 deletions
dashboardv2/public/css/scss/main.scss
...@@ -305,10 +305,8 @@ ul { ...@@ -305,10 +305,8 @@ ul {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.col-sm-offset-1 { .col-sm-custom {
margin: 4% 4% 0;
}
.col-sm-10 {
width: 92%; width: 92%;
margin: 36px 36px 0px;
} }
} }
dashboardv2/public/css/scss/tag.scss
...@@ -117,7 +117,6 @@ ...@@ -117,7 +117,6 @@
.inputTag { .inputTag {
display: inline-block; display: inline-block;
padding: 2px 10px;
border: 1px $tag_color solid; border: 1px $tag_color solid;
color: $tag_color; color: $tag_color;
font-size: 14px; font-size: 14px;
...@@ -128,11 +127,42 @@ ...@@ -128,11 +127,42 @@
cursor: pointer; cursor: pointer;
background-color: $white; background-color: $white;
white-space: nowrap; white-space: nowrap;
overflow: hidden;
&:hover {
color: $tag_color;
}
i.fa { i.fa {
position: relative; position: relative;
right: -5px; padding: 5px;
cursor: pointer; cursor: pointer;
&:hover {
color: $white;
background-color: $tag_color;
}
}
> .inputValue {
padding: 5px;
&:hover {
color: $white;
background-color: $tag_color;
}
} }
}
.inputTagAdd {
display: inline-block;
border: 1px #4A90E2 solid;
color: #4A90E2;
font-size: 14px;
border-radius: 4px;
margin-right: 3px;
margin-bottom: 3px;
float: left;
cursor: pointer;
background-color: #fff;
white-space: nowrap;
overflow: hidden;
padding: 2px 6px;
&:hover { &:hover {
color: $white; color: $white;
background-color: $tag_color; background-color: $tag_color;
...@@ -289,3 +319,23 @@ form-control .tagInpput { ...@@ -289,3 +319,23 @@ form-control .tagInpput {
.multiSelect { .multiSelect {
float: right; float: right;
} }
.popover.popoverTag {
display: block;
}
.popoverContainer .inputTag {
display: block;
float: none;
margin-top: 10px;
}
.popoverContainer .inputTag > .inputValue {
padding: 2px 5px;
display: inline-block;
width: 100px;
}
.tagAttributeLabel {
color: $color_star_dust_approx;
}
dashboardv2/public/css/scss/tree.scss
...@@ -195,3 +195,7 @@ ...@@ -195,3 +195,7 @@
} }
} }
} }
.popoverTerm {
margin-top: 25px !important;
}
dashboardv2/public/js/collection/BaseCollection.js
...@@ -36,27 +36,17 @@ define(['require', ...@@ -36,27 +36,17 @@ define(['require',
initialize: function() {}, initialize: function() {},
bindErrorEvents: function() { bindErrorEvents: function() {
this.bind("error", Utils.defaultErrorHandler); this.bind("error", Utils.defaultErrorHandler);
}, },
bindLoader: function(element) { bindRequest: function() {
this.bind('request', function(model, ajaxObj, collectionObj) { this.bind('request', function(model, ajaxObj, collectionObj) {
this.ajaxStart(collectionObj.$el); this.ajaxStart(model, ajaxObj, collectionObj);
}, this); }, this);
this.bind('sync', function(model, ajaxObj, collectionObj) { this.bind('sync', function(model, ajaxObj, collectionObj) {
this.ajaxComplete(collectionObj.$el); this.ajaxComplete(model, ajaxObj, collectionObj);
}, this); }, this);
}, },
ajaxStart: function(element) { ajaxStart: function(model, ajaxObj, collectionObj) {},
//start spinner ajaxComplete: function(model, ajaxObj, collectionObj) {},
if (element) {
element.prepend("<div class='loading'></div>");
}
},
ajaxComplete: function(element) {
if (element) {
element.find('loading').remove();
}
},
/** /**
* state required for the PageableCollection * state required for the PageableCollection
*/ */
......
dashboardv2/public/js/collection/VCatalogList.js
...@@ -33,7 +33,6 @@ define(['require', ...@@ -33,7 +33,6 @@ define(['require',
this.modelName = 'VCatalog'; this.modelName = 'VCatalog';
this.modelAttrName = ''; this.modelAttrName = '';
this.bindErrorEvents(); this.bindErrorEvents();
this.bindLoader();
}, },
fetch: function(options) { fetch: function(options) {
//Call Backbone's fetch //Call Backbone's fetch
......
dashboardv2/public/js/templates/business_catalog/BusinessCatalogDetailLayoutView_tmpl.html
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
</div> </div>
<div class="container-fluid gray-bg"> <div class="container-fluid gray-bg">
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<div class="atlast-tabbable"> <div class="atlast-tabbable">
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="tab active"><a href="#tab-details" aria-controls="tab-details" role="tab" data-toggle="tab">Properties</a></li> <li role="presentation" class="tab active"><a href="#tab-details" aria-controls="tab-details" role="tab" data-toggle="tab">Properties</a></li>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<div class="atlast-tabbable"> <div class="atlast-tabbable">
<div class="panel panel-default lineageLayout" style="display:none"> <div class="panel panel-default lineageLayout" style="display:none">
<div id="r_lineageLayoutView"></div> <div id="r_lineageLayoutView"></div>
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</div> </div>
</div> </div>
<!-- <div class="row"> <!-- <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<h2>Comments</h2> <h2>Comments</h2>
<textarea class="form-control comment-input" rows="5" placeholder="Add a Comment"></textarea> <textarea class="form-control comment-input" rows="5" placeholder="Add a Comment"></textarea>
<button class="btn-atlas">Comment</button> <button class="btn-atlas">Comment</button>
......
dashboardv2/public/js/templates/business_catalog/TreeLayoutView_tmpl.html
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
* limitations under the License. * limitations under the License.
--> -->
<div class="clearfix add-seperator"> <div class="clearfix add-seperator">
<p data-id="descriptionAssign" style="display:none">Assign a term to this asset</p>
<button class="btn btn-atlasAction btn-atlas pull-left" data-id="backTaxanomy"><i class="fa fa-chevron-left"></i> Back</button> <button class="btn btn-atlasAction btn-atlas pull-left" data-id="backTaxanomy"><i class="fa fa-chevron-left"></i> Back</button>
<button class="btn btn-atlasAction btn-atlas pull-right" onclick="this.blur();" title="Refresh" data-id="refreshTaxanomy"><i class="fa fa-refresh"></i></button> <button class="btn btn-atlasAction btn-atlas pull-right" onclick="this.blur();" title="Refresh" data-id="refreshTaxanomy"><i class="fa fa-refresh"></i></button>
</div> </div>
......
dashboardv2/public/js/templates/detail_page/DetailPageLayoutView_tmpl.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
--> -->
<div class="page-title clearfix"> <div class="page-title clearfix">
<div class="row"> <div class="row">
<a href="javascript:void(0);" class="backButton" data-id="backButton"><i class="fa fa-chevron-left"></i> Back To Result</a> <a href="javascript:void(0);" class="backButton" data-id="backButton"><i class="fa fa-chevron-left"></i> Back To Results</a>
</div> </div>
<h1><span data-id="title"></span><!-- <small>Bookmark</small> <button data-id="editButton" class="btn btn-default pull-right editbutton" id="editText"><i class="fa fa-pencil"></i></button> --></h1> <h1><span data-id="title"></span><!-- <small>Bookmark</small> <button data-id="editButton" class="btn btn-default pull-right editbutton" id="editText"><i class="fa fa-pencil"></i></button> --></h1>
<div data-id="editBox" style="margin-bottom:10px;"> <div data-id="editBox" style="margin-bottom:10px;">
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</div> </div>
<div class="container-fluid gray-bg"> <div class="container-fluid gray-bg">
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<div class="atlast-tabbable"> <div class="atlast-tabbable">
<h4 class="lineageLabel">LINEAGE</h4> <h4 class="lineageLabel">LINEAGE</h4>
<div class="panel panel-default lineageLayout"> <div class="panel panel-default lineageLayout">
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<div class="atlast-tabbable"> <div class="atlast-tabbable">
<h4 class="detailLabel">DETAILS</h4> <h4 class="detailLabel">DETAILS</h4>
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
</div> </div>
</div> </div>
<div> <div>
<!-- div class="col-sm-10 col-sm-offset-1"> <!-- div class="col-sm-custom">
<h2>Comments</h2> <h2>Comments</h2>
<textarea class="form-control comment-input" rows="5" placeholder="Add a Comment"></textarea> <textarea class="form-control comment-input" rows="5" placeholder="Add a Comment"></textarea>
<button class="btn-atlas">Comment</button> <button class="btn-atlas">Comment</button>
......
dashboardv2/public/js/templates/search/SearchDetailLayoutView_tmpl.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
--> -->
<div class="container-fluid gray-bg"> <div class="container-fluid gray-bg">
<div class="row"> <div class="row">
<div class="col-sm-10 col-sm-offset-1"> <div class="col-sm-custom">
<div class="atlast-tabbable"> <div class="atlast-tabbable">
<div id="r_searchResultLayoutView"></div> <div id="r_searchResultLayoutView"></div>
</div> </div>
......
dashboardv2/public/js/templates/tag/addTagModalView_tmpl.html
...@@ -14,16 +14,16 @@ ...@@ -14,16 +14,16 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
--> -->
<div class="row"> <div class="form-horizontal">
<div name="tagDefinitionform" class="css-form"> <div class="form-group">
<div class="form-group"> <!-- <label class="control-label col-sm-4">Tag definition</label> -->
<label class="control-label col-sm-4">Tag definition</label> <div class="col-sm-12">
<div class="col-sm-8 input-spacing"> <select class="form-control row-margin-bottom" data-id="addTagOptions" required>
<select class="form-control" data-id="addTagOptions" required> </select>
</select> </div>
</div> </div>
</div> <div class="row modalHeight">
</div> <div class="col-sm-12" data-id="tagAttribute" style="display:none">
</div> </div>
<div class="row form-group modalHeight" data-id="tagAttribute" style="display:none"> </div>
</div> </div>
\ No newline at end of file
dashboardv2/public/js/utils/CommonViewFunction.js
...@@ -20,33 +20,11 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob ...@@ -20,33 +20,11 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob
'use strict'; 'use strict';
var CommonViewFunction = {}; var CommonViewFunction = {};
CommonViewFunction.deleteTagModel = function(tagName, AssignTerm) { CommonViewFunction.deleteTagModel = function(options) {
var msg = "",
titleMessage = "",
deleteText = "";
if (tagName && AssignTerm != "assignTerm") {
var tagOrTerm = Utils.checkTagOrTerm(tagName);
if (tagOrTerm.term) {
msg = "<div class='ellipsis'>Delete: " + "<b>" + tagName + "?</b></div>" +
"<p class='termNote'>Assets map to this term will be unclassified</p>";
titleMessage = Messages.deleteTerm;
deleteText = "Delete";
} else {
msg = "<div class='ellipsis'>Delete: " + "<b>" + tagName + "?</b></div>";
var titleMessage = Messages.deleteTag;
deleteText = "Delete";
}
}
if (AssignTerm == "assignTerm") {
msg = "<div class='ellipsis'>Remove: " + "<b>" + tagName + "?</b></div>" +
"<p class='termNote'>Assets map to this term will be unclassified</p>";
titleMessage = Messages.RemoveTerm;
deleteText = "Remove";
}
var modal = new Modal({ var modal = new Modal({
title: titleMessage, title: options.titleMessage,
okText: deleteText, okText: options.buttonText,
htmlContent: msg, htmlContent: options.msg,
cancelText: "Cancel", cancelText: "Cancel",
allowCancel: true, allowCancel: true,
okCloses: true, okCloses: true,
...@@ -58,24 +36,22 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob ...@@ -58,24 +36,22 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob
require(['models/VTag'], function(VTag) { require(['models/VTag'], function(VTag) {
var tagModel = new VTag(); var tagModel = new VTag();
if (options && options.guid && options.tagName) { if (options && options.guid && options.tagName) {
tagModel.deleteTag(options.guid, options.tagName, { tagModel.deleteTag(options.guid, options.tagName, {
beforeSend: function() {},
success: function(data) { success: function(data) {
var msg = "Tag " + name.name + Messages.deleteSuccessMessage; var msg = "Tag " + name.name + Messages.removeSuccessMessage;
if (data.traitName) { if (data.traitName) {
var tagOrTerm = Utils.checkTagOrTerm(data.traitName); var tagOrTerm = Utils.checkTagOrTerm(data.traitName);
if (tagOrTerm.term) { if (tagOrTerm.term) {
msg = "Term " + data.traitName + Messages.deleteSuccessMessage; msg = "Term " + data.traitName + Messages.removeSuccessMessage;
} else { } else {
msg = "Tag " + data.traitName + Messages.deleteSuccessMessage; msg = "Tag " + data.traitName + Messages.removeSuccessMessage;
} }
} else { } else {
var tagOrTerm = Utils.checkTagOrTerm(options.tagName); var tagOrTerm = Utils.checkTagOrTerm(options.tagName);
if (tagOrTerm.term) { if (tagOrTerm.term) {
msg = "Term " + data.traitName + Messages.deleteSuccessMessage; msg = "Term " + data.traitName + Messages.removeSuccessMessage;
} else { } else {
msg = "Tag " + data.traitName + Messages.deleteSuccessMessage; msg = "Tag " + data.traitName + Messages.removeSuccessMessage;
} }
} }
Utils.notifySuccess({ Utils.notifySuccess({
...@@ -325,7 +301,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob ...@@ -325,7 +301,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob
dropdown: function() { dropdown: function() {
return '<div class=\"dropdown\">' + return '<div class=\"dropdown\">' +
'<a href=\"javascript:void(0);\" class=\"' + this.namespace + '-toggle\" data-toggle=\"dropdown\"><i class=\"' + this.dropicon + '\"</i></a>' + '<a href=\"javascript:void(0);\" class=\"' + this.namespace + '-toggle\" data-toggle=\"dropdown\"><i class=\"' + this.dropicon + '\"</i></a>' +
'<ul class=\"' + this.namespace + '-menu dropdown-menu popover bottom arrowPosition \" ><div class="arrow"></div></ul>' + '<ul class=\"' + this.namespace + '-menu dropdown-menu popover popoverTerm bottom arrowPosition \" ><div class="arrow"></div></ul>' +
'</div>'; '</div>';
}, },
dropdownContent: function(a) { dropdownContent: function(a) {
...@@ -355,7 +331,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob ...@@ -355,7 +331,7 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob
var tagName = Utils.checkTagOrTerm(traits[key].$typeName$); var tagName = Utils.checkTagOrTerm(traits[key].$typeName$);
if (tagName.term) { if (tagName.term) {
terms.push({ terms.push({
deleteHtml: '<a class="pull-left" title="Delete Term"><i class="fa fa-trash" data-id="tagClick" data-name="' + traits[key].$typeName$ + '" data-guid="' + model.get('$id$').id + '" ></i></a>', deleteHtml: '<a class="pull-left" title="Remove Term"><i class="fa fa-trash" data-id="tagClick" data-assetname="' + model.get("name") + '" data-name="' + traits[key].$typeName$ + '" data-guid="' + model.get('$id$').id + '" ></i></a>',
url: traits[key].$typeName$.split(".").join("/"), url: traits[key].$typeName$.split(".").join("/"),
name: tagName.fullName name: tagName.fullName
}); });
...@@ -387,29 +363,29 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob ...@@ -387,29 +363,29 @@ define(['require', 'utils/Utils', 'modules/Modal', 'utils/Messages', 'utils/Glob
var traits = model.get('$traits$'), var traits = model.get('$traits$'),
atags = "", atags = "",
addTag = "", addTag = "",
popTag = "",
count = 0; count = 0;
_.keys(model.get('$traits$')).map(function(key) { _.keys(model.get('$traits$')).map(function(key) {
var tagName = Utils.checkTagOrTerm(traits[key].$typeName$), var tagName = Utils.checkTagOrTerm(traits[key].$typeName$),
className = "inputTag"; className = "inputTag";
if (!tagName.term) { if (!tagName.term) {
if (count >= 1) { if (count >= 1) {
className += " hide"; popTag += '<a class="' + className + '" data-id="tagClick"><span class="inputValue">' + traits[key].$typeName$ + '</span><i class="fa fa-times" data-id="delete" data-assetname="' + model.get("name") + '"data-name="' + tagName.name + '" data-guid="' + model.get('$id$').id + '" ></i></a>';
} else {
atags += '<a class="' + className + '" data-id="tagClick"><span class="inputValue">' + traits[key].$typeName$ + '</span><i class="fa fa-times" data-id="delete" data-assetname="' + model.get("name") + '" data-name="' + tagName.name + '" data-guid="' + model.get('$id$').id + '" ></i></a>';
} }
++count; ++count;
atags += '<a class="' + className + '" data-id="tagClick">' + traits[key].$typeName$ + '<i class="fa fa-times" data-id="delete" data-name="' + tagName.name + '" data-guid="' + model.get('$id$').id + '" ></i></a>';
} }
}); });
if (model.get('$id$')) { if (model.get('$id$')) {
addTag += '<a href="javascript:void(0)" data-id="addTag" class="inputTag" data-guid="' + model.get('$id$').id + '" ><i style="right:0" class="fa fa-plus"></i></a>'; addTag += '<a href="javascript:void(0)" data-id="addTag" class="inputTagAdd" data-guid="' + model.get('$id$').id + '" ><i class="fa fa-plus"></i></a>';
} else { } else {
addTag += '<a href="javascript:void(0)" data-id="addTag" class="inputTag"><i style="right:0" class="fa fa-plus"></i></a>'; addTag += '<a href="javascript:void(0)" data-id="addTag" class="inputTagAdd"><i style="right:0" class="fa fa-plus"></i></a>';
} }
if (count > 1) { if (count > 1) {
addTag += '<a href="javascript:void(0)" data-id="showMoreLess" class="inputTag inputTagGreen"><span>Show More </span><i class="fa fa-angle-right"></i></a>' addTag += '<div data-id="showMoreLess" class="inputTagAdd tagDetailPopover"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></div>'
} }
return '<div class="tagList">' + atags + addTag + '</div>'; return '<div class="tagList">' + atags + addTag + '<div class="popover popoverTag bottom" style="display:none"><div class="arrow"></div><div class="popover-content popoverContainer">' + popTag + '</div></div></div>';
} }
CommonViewFunction.saveTermToAsset = function(options) { CommonViewFunction.saveTermToAsset = function(options) {
require(['models/VCatalog'], function(Vcatalog) { require(['models/VCatalog'], function(Vcatalog) {
......
dashboardv2/public/js/utils/Messages.js
...@@ -24,10 +24,12 @@ define(['require'], function(require) { ...@@ -24,10 +24,12 @@ define(['require'], function(require) {
addErrorMessage: " could not be Created", addErrorMessage: " could not be Created",
addTermToEntitySuccessMessage: " has been added to entity", addTermToEntitySuccessMessage: " has been added to entity",
deleteTerm: "Delete Term", deleteTerm: "Delete Term",
deleteTag: "Delete Tag", removeTag: "Remove Tag",
RemoveTerm: "Remove Term Assignment", removeTerm: "Remove Term",
deleteSuccessMessage: " has been deleted successfully", deleteSuccessMessage: " has been deleted successfully",
deleteErrorMessage: " could not be deleted", deleteErrorMessage: " could not be deleted",
removeSuccessMessage: " has been removed successfully",
removeErrorMessage: " could not be removed",
addAttributeSuccessMessage: "Tag attribute is added successfully", addAttributeSuccessMessage: "Tag attribute is added successfully",
updateTagDescriptionMessage: "Tag description is updated successfully", updateTagDescriptionMessage: "Tag description is updated successfully",
updateTermDescriptionMessage: "Term description is updated successfully", updateTermDescriptionMessage: "Term description is updated successfully",
......
dashboardv2/public/js/utils/Utils.js
...@@ -87,7 +87,7 @@ define(['require', 'utils/Globals'], function(require, Globals) { ...@@ -87,7 +87,7 @@ define(['require', 'utils/Globals'], function(require, Globals) {
Utils.notifyError({ Utils.notifyError({
content: message content: message
}); });
} else if (error.status == "0") { } else if (error.status == "0" && error.statusText != "abort") {
var diffTime = (new Date().getTime() - prevNetworkErrorTime); var diffTime = (new Date().getTime() - prevNetworkErrorTime);
if (diffTime > 3000) { if (diffTime > 3000) {
prevNetworkErrorTime = new Date().getTime(); prevNetworkErrorTime = new Date().getTime();
......
dashboardv2/public/js/views/business_catalog/BusinessCatalogDetailLayoutView.js
...@@ -152,7 +152,7 @@ define(['require', ...@@ -152,7 +152,7 @@ define(['require',
addTagToTerms: function(tagObject) { addTagToTerms: function(tagObject) {
var tagData = ""; var tagData = "";
_.each(tagObject, function(val) { _.each(tagObject, function(val) {
tagData += '<span class="inputTag">' + val + '<i class="fa fa-close" data-id="deleteTag"></i></span>'; tagData += '<span class="inputTag"><span class="inputValue">' + val + '</span><i class="fa fa-close" data-id="deleteTag"></i></span>';
}); });
this.$('.addTag-dropdown').before(tagData); this.$('.addTag-dropdown').before(tagData);
}, },
...@@ -167,7 +167,6 @@ define(['require', ...@@ -167,7 +167,6 @@ define(['require',
}; };
this.entityModel.saveEntity(this.id, { this.entityModel.saveEntity(this.id, {
data: JSON.stringify(json), data: JSON.stringify(json),
beforeSend: function() {},
success: function(data) { success: function(data) {
that.collection.fetch({ reset: true }); that.collection.fetch({ reset: true });
}, },
......
dashboardv2/public/js/views/business_catalog/TreeLayoutView.js
...@@ -43,7 +43,8 @@ define(['require', ...@@ -43,7 +43,8 @@ define(['require',
backTaxanomy: '[data-id="backTaxanomy"]', backTaxanomy: '[data-id="backTaxanomy"]',
expandArrow: '[data-id="expandArrow"]', expandArrow: '[data-id="expandArrow"]',
searchTermInput: '[data-id="searchTermInput"]', searchTermInput: '[data-id="searchTermInput"]',
refreshTaxanomy: '[data-id="refreshTaxanomy"]' refreshTaxanomy: '[data-id="refreshTaxanomy"]',
descriptionAssign: '[data-id="descriptionAssign"]',
}, },
/** ui events hash */ /** ui events hash */
events: function() { events: function() {
...@@ -150,6 +151,11 @@ define(['require', ...@@ -150,6 +151,11 @@ define(['require',
} }
}); });
this.fetchTaxanomyCollections(); this.fetchTaxanomyCollections();
if (!this.viewBased) {
this.ui.descriptionAssign.show();
} else {
this.ui.descriptionAssign.hide();
}
}, },
backButtonTaxanomy: function(e) { backButtonTaxanomy: function(e) {
var that = this; var that = this;
...@@ -495,7 +501,6 @@ define(['require', ...@@ -495,7 +501,6 @@ define(['require',
that.create = true; that.create = true;
that.fetchTaxanomyCollections(); that.fetchTaxanomyCollections();
that.fetchCollection(url, true); that.fetchCollection(url, true);
//that.fetchCollection(that.url);
Utils.notifySuccess({ Utils.notifySuccess({
content: "Term " + view.ui.termName.val() + Messages.addSuccessMessage content: "Term " + view.ui.termName.val() + Messages.addSuccessMessage
}); });
...@@ -512,8 +517,14 @@ define(['require', ...@@ -512,8 +517,14 @@ define(['require',
}, },
deleteTerm: function(e) { deleteTerm: function(e) {
var termName = this.$('.taxonomyTree').find('li.active a').data("name"), var termName = this.$('.taxonomyTree').find('li.active a').data("name"),
assetName = $(e.target).data("assetname"),
that = this, that = this,
modal = CommonViewFunction.deleteTagModel(termName); modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Delete: " + "<b>" + termName + "?</b></div>" +
"<p class='termNote'>Assets mapped to this term will be unclassified.</p>",
titleMessage: Messages.deleteTerm,
buttonText: "Delete"
});
modal.on('ok', function() { modal.on('ok', function() {
that.deleteTermData(e); that.deleteTermData(e);
}); });
...@@ -529,7 +540,6 @@ define(['require', ...@@ -529,7 +540,6 @@ define(['require',
url = that.$('.taxonomyTree').find('li.active a').data('href'); url = that.$('.taxonomyTree').find('li.active a').data('href');
var termName = that.$('.taxonomyTree').find('li.active a').text(); var termName = that.$('.taxonomyTree').find('li.active a').text();
termModel.deleteTerm(url, { termModel.deleteTerm(url, {
beforeSend: function() {},
success: function(data) { success: function(data) {
Utils.notifySuccess({ Utils.notifySuccess({
content: "Term " + termName + Messages.deleteSuccessMessage content: "Term " + termName + Messages.deleteSuccessMessage
......
dashboardv2/public/js/views/detail_page/DetailPageLayoutView.js
...@@ -23,8 +23,9 @@ define(['require', ...@@ -23,8 +23,9 @@ define(['require',
'collection/VTagList', 'collection/VTagList',
'models/VEntity', 'models/VEntity',
'utils/CommonViewFunction', 'utils/CommonViewFunction',
'utils/Globals' 'utils/Globals',
], function(require, Backbone, DetailPageLayoutViewTmpl, Utils, VTagList, VEntity, CommonViewFunction, Globals) { 'utils/Messages'
], function(require, Backbone, DetailPageLayoutViewTmpl, Utils, VTagList, VEntity, CommonViewFunction, Globals, Messages) {
'use strict'; 'use strict';
var DetailPageLayoutView = Backbone.Marionette.LayoutView.extend( var DetailPageLayoutView = Backbone.Marionette.LayoutView.extend(
...@@ -188,8 +189,21 @@ define(['require', ...@@ -188,8 +189,21 @@ define(['require',
}, },
onClickTagCross: function(e) { onClickTagCross: function(e) {
var tagName = $(e.currentTarget).parent().text(), var tagName = $(e.currentTarget).parent().text(),
that = this, that = this;
modal = CommonViewFunction.deleteTagModel(tagName); var tagOrTerm = Utils.checkTagOrTerm(tagName);
if (tagOrTerm.term) {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + this.name + "?</b></div>",
titleMessage: Messages.removeTerm,
buttonText: "Remove"
});
} else {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + this.name + "?</b></div>",
titleMessage: Messages.removeTag,
buttonText: "Remove"
});
}
modal.on('ok', function() { modal.on('ok', function() {
that.deleteTagData(e); that.deleteTagData(e);
}); });
...@@ -216,10 +230,10 @@ define(['require', ...@@ -216,10 +230,10 @@ define(['require',
_.each(tagObject, function(val) { _.each(tagObject, function(val) {
var isTerm = Utils.checkTagOrTerm(val); var isTerm = Utils.checkTagOrTerm(val);
if (!isTerm.term) { if (!isTerm.term) {
tagData += '<span class="inputTag" data-id="tagClick">' + val + '<i class="fa fa-close" data-id="deleteTag"></i></span>'; tagData += '<span class="inputTag" data-id="tagClick"><span class="inputValue">' + val + '</span><i class="fa fa-close" data-id="deleteTag"></i></span>';
} }
if (isTerm.term) { if (isTerm.term) {
termData += '<span class="inputTag term" data-id="tagClick" data-href="' + val + '">' + val + '<i class="fa fa-close" data-id="deleteTag"></i></span>'; termData += '<span class="inputTag term" data-id="tagClick" data-href="' + val + '"><span class="inputValue">' + val + '</span><i class="fa fa-close" data-id="deleteTag"></i></span>';
} }
}); });
...@@ -239,7 +253,6 @@ define(['require', ...@@ -239,7 +253,6 @@ define(['require',
}; };
this.entityModel.saveEntity(this.id, { this.entityModel.saveEntity(this.id, {
data: JSON.stringify(json), data: JSON.stringify(json),
beforeSend: function() {},
success: function(data) { success: function(data) {
that.fetchCollection(); that.fetchCollection();
}, },
...@@ -295,7 +308,8 @@ define(['require', ...@@ -295,7 +308,8 @@ define(['require',
that.RTagTableLayoutView.show(new TagDetailTableLayoutView({ that.RTagTableLayoutView.show(new TagDetailTableLayoutView({
globalVent: that.globalVent, globalVent: that.globalVent,
collection: that.collection, collection: that.collection,
guid: tagGuid guid: tagGuid,
assetName: that.name
})); }));
}); });
}, },
...@@ -333,6 +347,7 @@ define(['require', ...@@ -333,6 +347,7 @@ define(['require',
globalVent: that.globalVent, globalVent: that.globalVent,
collection: that.collection, collection: that.collection,
guid: tagGuid, guid: tagGuid,
assetName: that.name,
term: true term: true
})); }));
}); });
......
dashboardv2/public/js/views/graph/LineageLayoutView.js
...@@ -154,7 +154,6 @@ define(['require', ...@@ -154,7 +154,6 @@ define(['require',
function fetchLoadProcess(id) { function fetchLoadProcess(id) {
++that.fetchList; ++that.fetchList;
that.entityModel.getEntity(id, { that.entityModel.getEntity(id, {
beforeSend: function() {},
success: function(data) { success: function(data) {
addValueInObject(data); addValueInObject(data);
}, },
......
dashboardv2/public/js/views/schema/SchemaLayoutView.js
...@@ -21,8 +21,9 @@ define(['require', ...@@ -21,8 +21,9 @@ define(['require',
'hbs!tmpl/schema/SchemaTableLayoutView_tmpl', 'hbs!tmpl/schema/SchemaTableLayoutView_tmpl',
'collection/VSchemaList', 'collection/VSchemaList',
'utils/Utils', 'utils/Utils',
'utils/CommonViewFunction' 'utils/CommonViewFunction',
], function(require, Backbone, SchemaTableLayoutViewTmpl, VSchemaList, Utils, CommonViewFunction) { 'utils/Messages'
], function(require, Backbone, SchemaTableLayoutViewTmpl, VSchemaList, Utils, CommonViewFunction, Messages) {
'use strict'; 'use strict';
var SchemaTableLayoutView = Backbone.Marionette.LayoutView.extend( var SchemaTableLayoutView = Backbone.Marionette.LayoutView.extend(
...@@ -47,7 +48,6 @@ define(['require', ...@@ -47,7 +48,6 @@ define(['require',
/** ui events hash */ /** ui events hash */
events: function() { events: function() {
var events = {}; var events = {};
events["click " + this.ui.addTag] = 'addTagModalView'; events["click " + this.ui.addTag] = 'addTagModalView';
events["click " + this.ui.addTerm] = 'checkedValue'; events["click " + this.ui.addTerm] = 'checkedValue';
events["click " + this.ui.tagClick] = function(e) { events["click " + this.ui.tagClick] = function(e) {
...@@ -63,13 +63,12 @@ define(['require', ...@@ -63,13 +63,12 @@ define(['require',
} }
}; };
events["click " + this.ui.showMoreLess] = function(e) { events["click " + this.ui.showMoreLess] = function(e) {
$(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up'); this.$('.popover.popoverTag').hide();
$(e.currentTarget).parents('.searchTag').find('a').toggleClass('hide show'); $(e.currentTarget).parent().find("div.popover").show();
if ($(e.currentTarget).find('i').hasClass('fa-angle-right')) { var positionContent = $(e.currentTarget).position();
$(e.currentTarget).find('span').text('Show More'); positionContent.top = positionContent.top + 26;
} else { positionContent.left = positionContent.left - 41;
$(e.currentTarget).find('span').text('Show less'); $(e.currentTarget).parent().find("div.popover").css(positionContent);
}
}; };
events["click " + this.ui.showMoreLessTerm] = function(e) { events["click " + this.ui.showMoreLessTerm] = function(e) {
$(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up'); $(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up');
...@@ -138,8 +137,18 @@ define(['require', ...@@ -138,8 +137,18 @@ define(['require',
}, this); }, this);
}, },
onRender: function() { onRender: function() {
var that = this;
this.schemaCollection.fetch({ reset: true }); this.schemaCollection.fetch({ reset: true });
this.renderTableLayoutView(); this.renderTableLayoutView();
$('body').click(function(e) {
var iconEvnt = e.target.nodeName;
if (that.$('.popoverContainer').length) {
if ($(e.target).hasClass('tagDetailPopover') || iconEvnt == "I") {
return;
}
that.$('.popover.popoverTag').hide();
}
});
}, },
fetchCollection: function() { fetchCollection: function() {
this.$('.fontLoader').show(); this.$('.fontLoader').show();
...@@ -153,25 +162,9 @@ define(['require', ...@@ -153,25 +162,9 @@ define(['require',
sortKey: "position", sortKey: "position",
comparator: function(item) { comparator: function(item) {
return item.get(this.sortKey) || 999; return item.get(this.sortKey) || 999;
},
setPositions: function() {
_.each(this.models, function(model, index) {
if (model.get('name') == "name") {
model.set("position", 2, { silent: true });
model.set("label", "Name");
} else if (model.get('name') == "description") {
model.set("position", 3, { silent: true });
model.set("label", "Description");
} else if (model.get('name') == "owner") {
model.set("position", 4, { silent: true });
model.set("label", "Owner");
}
});
return this;
} }
}); });
var columns = new columnCollection(that.getSchemaTableColumns()); var columns = new columnCollection(that.getSchemaTableColumns());
columns.setPositions().sort();
that.RTagLayoutView.show(new TableLayout(_.extend({}, that.commonTableOptions, { that.RTagLayoutView.show(new TableLayout(_.extend({}, that.commonTableOptions, {
globalVent: that.globalVent, globalVent: that.globalVent,
columns: columns columns: columns
...@@ -323,8 +316,23 @@ define(['require', ...@@ -323,8 +316,23 @@ define(['require',
}, },
onClickTagCross: function(e) { onClickTagCross: function(e) {
var tagName = $(e.target).data("name"), var tagName = $(e.target).data("name"),
that = this, assetName = $(e.target).data("assetname"),
modal = CommonViewFunction.deleteTagModel(tagName, "assignTerm"); that = this;
var tagOrTerm = Utils.checkTagOrTerm(tagName);
if (tagOrTerm.term) {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + assetName + "?</b></div>",
titleMessage: Messages.removeTerm,
buttonText: "Remove"
});
} else {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + assetName + "?</b></div>",
titleMessage: Messages.removeTag,
buttonText: "Remove"
});
}
modal.on('ok', function() { modal.on('ok', function() {
that.deleteTagData(e); that.deleteTagData(e);
}); });
......
dashboardv2/public/js/views/search/SearchResultLayoutView.js
...@@ -24,8 +24,9 @@ define(['require', ...@@ -24,8 +24,9 @@ define(['require',
'utils/Utils', 'utils/Utils',
'utils/Globals', 'utils/Globals',
'collection/VSearchList', 'collection/VSearchList',
'utils/CommonViewFunction' 'utils/CommonViewFunction',
], function(require, Backbone, SearchResultLayoutViewTmpl, Modal, VEntity, Utils, Globals, VSearchList, CommonViewFunction) { 'utils/Messages'
], function(require, Backbone, SearchResultLayoutViewTmpl, Modal, VEntity, Utils, Globals, VSearchList, CommonViewFunction, Messages) {
'use strict'; 'use strict';
var SearchResultLayoutView = Backbone.Marionette.LayoutView.extend( var SearchResultLayoutView = Backbone.Marionette.LayoutView.extend(
...@@ -80,13 +81,12 @@ define(['require', ...@@ -80,13 +81,12 @@ define(['require',
events["click " + this.ui.addTag] = 'addTagModalView'; events["click " + this.ui.addTag] = 'addTagModalView';
events["click " + this.ui.addTerm] = 'checkedValue'; events["click " + this.ui.addTerm] = 'checkedValue';
events["click " + this.ui.showMoreLess] = function(e) { events["click " + this.ui.showMoreLess] = function(e) {
$(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up'); $(e.currentTarget).parents('tr').siblings().find("div.popover.popoverTag").hide();
$(e.currentTarget).parents('.searchTag').find('a').toggleClass('hide show'); $(e.currentTarget).parent().find("div.popover").toggle();
if ($(e.currentTarget).find('i').hasClass('fa-angle-right')) { var positionContent = $(e.currentTarget).position();
$(e.currentTarget).find('span').text('Show More'); positionContent.top = positionContent.top + 26;
} else { positionContent.left = positionContent.left - 67;
$(e.currentTarget).find('span').text('Show less'); $(e.currentTarget).parent().find("div.popover").css(positionContent);
}
}; };
events["click " + this.ui.showMoreLessTerm] = function(e) { events["click " + this.ui.showMoreLessTerm] = function(e) {
$(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up'); $(e.currentTarget).find('i').toggleClass('fa fa-angle-right fa fa-angle-up');
...@@ -127,6 +127,7 @@ define(['require', ...@@ -127,6 +127,7 @@ define(['require',
this.arr = []; this.arr = [];
}, },
bindEvents: function() { bindEvents: function() {
var that = this;
this.listenTo(this.searchCollection, 'backgrid:selected', function(model, checked) { this.listenTo(this.searchCollection, 'backgrid:selected', function(model, checked) {
if (checked === true) { if (checked === true) {
model.set("isEnable", true); model.set("isEnable", true);
...@@ -136,7 +137,6 @@ define(['require', ...@@ -136,7 +137,6 @@ define(['require',
this.$('.searchResult').find(".inputAssignTag.multiSelect").hide(); this.$('.searchResult').find(".inputAssignTag.multiSelect").hide();
} }
this.arr = []; this.arr = [];
var that = this;
this.searchCollection.find(function(item) { this.searchCollection.find(function(item) {
if (item.get('isEnable')) { if (item.get('isEnable')) {
var term = []; var term = [];
...@@ -147,19 +147,6 @@ define(['require', ...@@ -147,19 +147,6 @@ define(['require',
} }
}); });
}); });
this.listenTo(this.vent, "show:searchResult", function(value) {
this.fetchCollection(value);
this.REntityTableLayoutView.reset();
}, this);
this.listenTo(this.searchCollection, "reset", function(value) {
if (this.searchCollection.toJSON().length == 0) {
this.checkTableFetch();
}
this.renderTableLayoutView();
var resultData = this.searchCollection.fullCollection.length + ' result for <b>' + this.searchCollection.queryParams.query + '</b>'
var multiAssignData = '<a href="javascript:void(0)" class="inputAssignTag multiSelect" style="display:none" data-id="addTerm"><i class="fa fa-folder-o">' + " " + 'Assign Term</i></a>'
this.$('.searchResult').html(resultData + multiAssignData);
}, this);
this.listenTo(this.searchCollection, "error", function(value, responseData) { this.listenTo(this.searchCollection, "error", function(value, responseData) {
this.$('.fontLoader').hide(); this.$('.fontLoader').hide();
var message = "Invalid expression"; var message = "Invalid expression";
...@@ -176,7 +163,8 @@ define(['require', ...@@ -176,7 +163,8 @@ define(['require',
}, },
onRender: function() { onRender: function() {
//this.renderTableLayoutView(); //this.renderTableLayoutView();
var value = {}; var value = {},
that = this;
if (this.value) { if (this.value) {
value = this.value; value = this.value;
} else { } else {
...@@ -187,18 +175,43 @@ define(['require', ...@@ -187,18 +175,43 @@ define(['require',
}; };
} }
this.fetchCollection(value); this.fetchCollection(value);
$('body').click(function(e) {
var iconEvnt = e.target.nodeName;
if (that.$('.popoverContainer').length) {
if ($(e.target).hasClass('tagDetailPopover') || iconEvnt == "I") {
return;
}
that.$('.popover.popoverTag').hide();
}
});
}, },
fetchCollection: function(value) { fetchCollection: function(value) {
var that = this;
this.$('.fontLoader').show(); this.$('.fontLoader').show();
this.$('.searchTable').hide(); this.$('.searchTable').hide();
this.$('.searchResult').html(''); this.$('.searchResult').html('');
if (Globals.searchApiCallRef) {
Globals.searchApiCallRef.abort();
}
if (value) { if (value) {
if (value.searchType) { if (value.searchType) {
this.searchCollection.url = "/api/atlas/discovery/search/" + value.searchType; this.searchCollection.url = "/api/atlas/discovery/search/" + value.searchType;
} }
_.extend(this.searchCollection.queryParams, { 'query': value.query }); _.extend(this.searchCollection.queryParams, { 'query': value.query });
} }
this.searchCollection.fetch({ reset: true }); Globals.searchApiCallRef = this.searchCollection.fetch({
success: function() {
Globals.searchApiCallRef = undefined;
if (that.searchCollection.toJSON().length == 0) {
that.checkTableFetch();
}
that.renderTableLayoutView();
var resultData = that.searchCollection.fullCollection.length + ' results for <b>' + that.searchCollection.queryParams.query + '</b>'
var multiAssignData = '<a href="javascript:void(0)" class="inputAssignTag multiSelect" style="display:none" data-id="addTerm"><i class="fa fa-folder-o">' + " " + 'Assign Term</i></a>'
that.$('.searchResult').html(resultData + multiAssignData);
},
silent: true
});
}, },
renderTableLayoutView: function() { renderTableLayoutView: function() {
var that = this, var that = this,
...@@ -389,7 +402,6 @@ define(['require', ...@@ -389,7 +402,6 @@ define(['require',
var guid = model.toJSON().instanceInfo.guid; var guid = model.toJSON().instanceInfo.guid;
++that.fetchList; ++that.fetchList;
model.getEntity(guid, { model.getEntity(guid, {
beforeSend: function() {},
success: function(data) { success: function(data) {
if (data.definition) { if (data.definition) {
if (data.definition.id && data.definition.id.state) { if (data.definition.id && data.definition.id.state) {
...@@ -416,7 +428,6 @@ define(['require', ...@@ -416,7 +428,6 @@ define(['require',
var guid = model.toJSON().guid; var guid = model.toJSON().guid;
++that.fetchList; ++that.fetchList;
model.getEntity(guid, { model.getEntity(guid, {
beforeSend: function() {},
success: function(data) { success: function(data) {
if (data.definition) { if (data.definition) {
if (data.definition.id && data.definition.id.state) { if (data.definition.id && data.definition.id.state) {
...@@ -491,8 +502,22 @@ define(['require', ...@@ -491,8 +502,22 @@ define(['require',
onClickTagCross: function(e) { onClickTagCross: function(e) {
var tagName = $(e.target).data("name"), var tagName = $(e.target).data("name"),
guid = $(e.target).data("guid"), guid = $(e.target).data("guid"),
assetName = $(e.target).data("assetname"),
that = this, that = this,
modal = CommonViewFunction.deleteTagModel(tagName, "assignTerm"); tagOrTerm = Utils.checkTagOrTerm(tagName);
if (tagOrTerm.term) {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + assetName + " ?</b></div>",
titleMessage: Messages.removeTerm,
buttonText: "Remove"
});
} else {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + assetName + " ?</b></div>",
titleMessage: Messages.removeTag,
buttonText: "Remove"
});
}
modal.on('ok', function() { modal.on('ok', function() {
that.deleteTagData(e); that.deleteTagData(e);
}); });
......
dashboardv2/public/js/views/tag/TagDetailTableLayoutView.js
...@@ -21,8 +21,9 @@ define(['require', ...@@ -21,8 +21,9 @@ define(['require',
'hbs!tmpl/tag/TagDetailTableLayoutView_tmpl', 'hbs!tmpl/tag/TagDetailTableLayoutView_tmpl',
'utils/CommonViewFunction', 'utils/CommonViewFunction',
'utils/Utils', 'utils/Utils',
'collection/VTagList' 'collection/VTagList',
], function(require, Backbone, TagDetailTableLayoutView_tmpl, CommonViewFunction, Utils, VTagList) { 'utils/Messages'
], function(require, Backbone, TagDetailTableLayoutView_tmpl, CommonViewFunction, Utils, VTagList, Messages) {
'use strict'; 'use strict';
var TagDetailTableLayoutView = Backbone.Marionette.LayoutView.extend( var TagDetailTableLayoutView = Backbone.Marionette.LayoutView.extend(
...@@ -59,7 +60,7 @@ define(['require', ...@@ -59,7 +60,7 @@ define(['require',
* @constructs * @constructs
*/ */
initialize: function(options) { initialize: function(options) {
_.extend(this, _.pick(options, 'globalVent', 'collection', 'guid', 'term')); _.extend(this, _.pick(options, 'globalVent', 'collection', 'guid', 'term', 'assetName'));
this.collectionObject = this.collection.toJSON(); this.collectionObject = this.collection.toJSON();
this.tagTermCollection = new VTagList(); this.tagTermCollection = new VTagList();
var tagorterm = _.toArray(this.collectionObject[0].traits), var tagorterm = _.toArray(this.collectionObject[0].traits),
...@@ -175,8 +176,22 @@ define(['require', ...@@ -175,8 +176,22 @@ define(['require',
}, },
deleteTagDataModal: function(e) { deleteTagDataModal: function(e) {
var tagName = $(e.currentTarget).data("name"), var tagName = $(e.currentTarget).data("name"),
that = this, that = this;
modal = CommonViewFunction.deleteTagModel(tagName); if (that.term) {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + this.assetName + "?</b></div>",
titleMessage: Messages.removeTerm,
buttonText: "Remove",
});
} else {
var modal = CommonViewFunction.deleteTagModel({
msg: "<div class='ellipsis'>Remove: " + "<b>" + tagName + "</b> assignment from" + " " + "<b>" + this.assetName + "?</b></div>",
titleMessage: Messages.removeTag,
buttonText: "Remove",
});
}
modal.on('ok', function() { modal.on('ok', function() {
that.deleteTagData(e); that.deleteTagData(e);
}); });
......
dashboardv2/public/js/views/tag/addTagModalView.js
...@@ -51,7 +51,7 @@ define(['require', ...@@ -51,7 +51,7 @@ define(['require',
this.modal = new Modal({ this.modal = new Modal({
title: 'Add Tag', title: 'Add Tag',
content: this, content: this,
okText: 'Save', okText: 'Add',
cancelText: "Cancel", cancelText: "Cancel",
allowCancel: true, allowCancel: true,
}).open(); }).open();
...@@ -79,7 +79,7 @@ define(['require', ...@@ -79,7 +79,7 @@ define(['require',
}, this); }, this);
}, },
tagsCollection: function() { tagsCollection: function() {
var str = '<option selected="selected" disabled="disabled">-- Select Tag --</option>'; var str = '<option selected="selected" disabled="disabled">-- Select a tag from the dropdown list --</option>';
_.each(this.collection.fullCollection.models, function(obj, key) { _.each(this.collection.fullCollection.models, function(obj, key) {
var tagOrTerm = Utils.checkTagOrTerm(obj.get('tags')); var tagOrTerm = Utils.checkTagOrTerm(obj.get('tags'));
if (!tagOrTerm.term) { if (!tagOrTerm.term) {
...@@ -106,13 +106,15 @@ define(['require', ...@@ -106,13 +106,15 @@ define(['require',
}, },
subAttributeData: function() { subAttributeData: function() {
if (this.commonCollection.models[0] && this.commonCollection.models[0].attributes && this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions) { if (this.commonCollection.models[0] && this.commonCollection.models[0].attributes && this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions) {
var strAttribute = '<p>Tag Attributes(optional)</p>' +
'<p class="tagAttributeLabel">Add attribute values for this tag</p>';
for (var i = 0; i < this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions.length; i++) { for (var i = 0; i < this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions.length; i++) {
var attribute = this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions; var attribute = this.commonCollection.models[0].attributes.traitTypes[0].attributeDefinitions;
this.ui.tagAttribute.show(); this.ui.tagAttribute.show();
this.strAttribute = '<label class="control-label col-sm-4 ng-binding">' + attribute[i].name + '</label>' + strAttribute += '<div class="form-group"><label class="control-label col-sm-2">' + attribute[i].name + '</label>' +
'<div class="col-sm-8 input-spacing">' + '<div class="col-sm-10">' +
'<input type="text" class="form-control attributeInputVal attrName" data-key="' + attribute[i].name + '" ></input></div>'; '<input type="text" class="form-control attributeInputVal attrName" data-key="' + attribute[i].name + '" ></input></div></div>';
this.ui.tagAttribute.append(this.strAttribute); this.ui.tagAttribute.html(strAttribute);
} }
if (this.commonCollection.models[0].attributes.traitTypes[0].superTypes.length > 0) { if (this.commonCollection.models[0].attributes.traitTypes[0].superTypes.length > 0) {
for (var j = 0; j < this.commonCollection.models[0].attributes.traitTypes[0].superTypes.length; j++) { for (var j = 0; j < this.commonCollection.models[0].attributes.traitTypes[0].superTypes.length; j++) {
...@@ -139,7 +141,6 @@ define(['require', ...@@ -139,7 +141,6 @@ define(['require',
}; };
that.entityModel.saveEntity(that.guid, { that.entityModel.saveEntity(that.guid, {
data: JSON.stringify(json), data: JSON.stringify(json),
beforeSend: function() {},
success: function(data) { success: function(data) {
Utils.notifySuccess({ Utils.notifySuccess({
content: "Tag " + tagName + " has been added to entity" content: "Tag " + tagName + " has been added to entity"
......
release-log.txt
...@@ -6,6 +6,7 @@ INCOMPATIBLE CHANGES: ...@@ -6,6 +6,7 @@ INCOMPATIBLE CHANGES:
ALL CHANGES: ALL CHANGES:
ATLAS-949 UI improvement for modal and tag styling in table (Kalyanikashikar via shwethags)
ATLAS-936 Update atlas website for 0.7 release (shwethags) ATLAS-936 Update atlas website for 0.7 release (shwethags)
ATLAS-995 Atlas to setup ldap authentication type as either LDAP / AD or None (nixonrodrigues via shwethags) ATLAS-995 Atlas to setup ldap authentication type as either LDAP / AD or None (nixonrodrigues via shwethags)
ATLAS-902 Atlas throws exception due to null definition in Hive create table statement (svimal2106 via shwethags) ATLAS-902 Atlas throws exception due to null definition in Hive create table statement (svimal2106 via shwethags)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment