";
html += "
";
@@ -46,12 +46,8 @@ class Store {
});
});
- this.selector.find('.editStoreName').on('click keyup', ev => {
- if(ev.type == 'click' || ev.keyCode == 13){
- // $(ev.target).tooltip('hide').css('background-color','red');
- alert("Coming soon");
- }
- });
+
+ this.selector.find('.editStoreName').one('click keyup', ev => { this.editNameFn(ev); });
this.selector.find('.removeStore').on('click keyup', ev => {
if(ev.type == 'click' || ev.keyCode == 13){
@@ -68,6 +64,54 @@ class Store {
// this.selector.find('.save').click(ev => { this.save(); });
}
+ editNameFn(ev){
+ if(ev.type == 'click' || ev.keyCode == 13){
+
+ $(ev.target).parent().hide();
+
+ let headerElem = $(ev.target).parent().parent().find(".card-header");
+ let orgHtml = headerElem.html();
+
+ headerElem.html("
"+orgHtml+"");
+ headerElem.find(".changeNameForm").on('submit keyup', ev2 => {
+ if(ev2.type == "submit"){
+
+ ev2.preventDefault();
+
+ let newName = $(ev2.target).find(".newName").val();
+
+ let that = this;
+ this.rename(newName).done(json => {
+
+ // success
+ headerElem.html(newName);
+ that.selector.find('.iconWrapper').show();
+ that.selector.find('.editStoreName').one('click keyup', ev3 => { this.editNameFn(ev3); });
+ });
+ }
+
+ });
+
+ headerElem.find(".newName").on('keyup', ev3 => { this.resetEditNameFn(ev3); });
+ // $("body").one('click', ev3 => { this.resetEditNameFn(ev3); });
+ }
+ }
+
+ resetEditNameFn(ev){
+ if(
+ (ev.type=="keyup" && ev.keyCode === 27) ||
+ ev.type != "keyup"
+ ){
+ // cancel
+ let orgHtml = this.selector.find('.card-header span').html();
+ this.selector.find('.card-header').html(orgHtml);
+
+ this.selector.find('.iconWrapper').show();
+ this.selector.find('.editStoreName').one('click keyup', ev3 => { this.editNameFn(ev3); });
+
+ }
+ }
+
addItem(text, price){
if(text.length > 0){