From 086da6b828b79d07ee4e5ab6e3d2442375f6a863 Mon Sep 17 00:00:00 2001
From: Sarmishta Velury <isc-svelury@users.noreply.github.com>
Date: Tue, 7 Dec 2021 14:54:50 -0500
Subject: [PATCH 1/5] Add tab to view stash; List changes in the stash; Display
 changes in each stashed commit.

---
 .../share/git-webui/webui/css/git-webui.css   |   6 +-
 .../share/git-webui/webui/img/inboxes.svg     |   3 +
 .../share/git-webui/webui/js/git-webui.js     | 174 +++++++++++++++++-
 .../share/git-webui/webui/css/git-webui.less  |   6 +-
 .../src/share/git-webui/webui/img/inboxes.svg |   3 +
 .../src/share/git-webui/webui/js/git-webui.js | 174 +++++++++++++++++-
 6 files changed, 360 insertions(+), 6 deletions(-)
 create mode 100644 git-webui/release/share/git-webui/webui/img/inboxes.svg
 create mode 100644 git-webui/src/share/git-webui/webui/img/inboxes.svg

diff --git a/git-webui/release/share/git-webui/webui/css/git-webui.css b/git-webui/release/share/git-webui/webui/css/git-webui.css
index a8a54e92..128f36bf 100644
--- a/git-webui/release/share/git-webui/webui/css/git-webui.css
+++ b/git-webui/release/share/git-webui/webui/css/git-webui.css
@@ -187,6 +187,9 @@ body {
 #sidebar #sidebar-content #sidebar-workspace h4:before {
   content: url(../img/computer.svg);
 }
+#sidebar #sidebar-content #sidebar-stash h4:before {
+  content: url(../img/inboxes.svg);
+}
 #sidebar #sidebar-content #sidebar-remote h4:before {
   content: url(../img/daemon.svg);
 }
@@ -257,7 +260,8 @@ body {
   font-size: 36pt;
   margin-top: 0;
 }
-#history-view {
+#history-view,
+#stash-view {
   display: flex;
   display: -webkit-flex;
   min-height: 0;
diff --git a/git-webui/release/share/git-webui/webui/img/inboxes.svg b/git-webui/release/share/git-webui/webui/img/inboxes.svg
new file mode 100644
index 00000000..6498d590
--- /dev/null
+++ b/git-webui/release/share/git-webui/webui/img/inboxes.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#eee" class="bi bi-inboxes-fill" viewBox="0 0 16 16">
+  <path d="M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1H4.98zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374L3.81.563zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393z"/>
+</svg>
\ No newline at end of file
diff --git a/git-webui/release/share/git-webui/webui/js/git-webui.js b/git-webui/release/share/git-webui/webui/js/git-webui.js
index 0f9552ad..b4564cda 100644
--- a/git-webui/release/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/release/share/git-webui/webui/js/git-webui.js
@@ -398,6 +398,9 @@ webui.SideBarView = function(mainView) {
                                 '<section id="sidebar-workspace">' +
                                     '<h4>Workspace</h4>' +
                                 '</section>' +
+                                '<section id="sidebar-stash">' +
+                                    '<h4>Stash</h4>' +
+                                '</section>' +
                                 '<section id="sidebar-local-branches">' +
                                     '<h4 class="mt-3">Local Branches' +
                                     '<button type="button" class="btn btn-default btn-sidebar-icon btn-add shadow-none" >' +
@@ -430,6 +433,13 @@ webui.SideBarView = function(mainView) {
             workspaceElement.addClass("active");
             self.mainView.workspaceView.update("stage");
         });
+
+        var stashElement = $("#sidebar-stash h4", self.element);
+        stashElement.click(function (event) {
+            $("*", self.element).removeClass("active");
+            stashElement.addClass("active");
+            self.mainView.stashView.update(0);
+        });
     }
 
     self.fetchSection($("#sidebar-local-branches", self.element)[0], "Local Branches", "local-branches", "branch");
@@ -723,10 +733,168 @@ webui.LogView = function(historyView) {
     var streamColor = 0;
 };
 
+webui.StashView = function(mainView) {
+    
+    var self = this;
+
+    self.show = function() {
+        mainView.switchTo(self.element);
+    };
+
+    self.update = function(stashIndex) {
+        self.show();
+        self.stashListView.update(stashIndex);
+    };
+
+    self.element = $('<div id="stash-view">')[0];
+
+    self.stashListView = new webui.StashListView(self);
+    self.element.appendChild(self.stashListView.element);
+    self.commitView = new webui.StashCommitView(self);
+    self.element.appendChild(self.commitView.element);
+    self.mainView = mainView;
+} 
+
+webui.StashListView = function(stashView) {
+    var self = this;
+
+    self.update = function(stashIndex){
+        $(svg).empty();
+        $(content).empty();
+        self.populate();
+    }
+
+    self.populate = function() {
+        var maxCount = 1000;
+        var startAt = content.childElementCount;
+        webui.git("stash list --format='%gd::%ch::%cL::%cN::%gs'", function(data) {
+            var start = 0;
+            var count = 0;
+            while (true) {
+                var end = data.indexOf("\n", start);
+                if (end != -1) {
+                    var len = end - start;
+                } else {
+                    break;
+                }
+                var entry = new Entry(self, data.substring(start, start+len));
+                if(start == 0){
+                    entry.select();
+                }
+                content.appendChild(entry.element);
+
+                start = end + 1;
+                ++count;
+            }
+            svg.setAttribute("height", $(content).outerHeight());
+            svg.setAttribute("width", $(content).outerWidth());
+        });
+    }
+
+    function Entry(stashListView, data) {
+        var self = this;
+
+        self.abbrevMessage = function() {
+            var end = self.message.indexOf("\n");
+            if (end == -1) {
+                return self.message
+            } else {
+                return self.message.substring(0, end);
+            }
+        };
+
+        self.createElement = function() {
+            self.element = $('<a class="log-entry list-group-item">' +
+                                '<header>' +
+                                    '<h6></h6>' +
+                                    '<span class="log-entry-date">' + self.date + '&nbsp;</span> ' +
+                                    '<span class="badge">' + self.commit + '</span>' +
+                                '</header>' +
+                                '<p class="list-group-item-text"></p>' +
+                             '</a>')[0];
+            $('<a target="_blank" href="mailto:' + self.authorEmail + '">' + self.authorName + '</a>').appendTo($("h6", self.element));
+            $(".list-group-item-text", self.element)[0].appendChild(document.createTextNode(self.commitMessage));
+
+            self.element.model = self;
+            var model = self;
+            $(self.element).click(function (event) {
+                model.select();
+            });
+            return self.element;
+        };
+
+        self.select = function() {
+            if (currentSelection != self) {
+                if (currentSelection) {
+                    $(currentSelection.element).removeClass("active");
+                }
+                $(self.element).addClass("active");
+                currentSelection = self;
+                stashListView.stashView.commitView.update(self);
+            }
+        };
+
+        self.parents = [];
+        self.message = ""
+
+        var pieces = data.split(/::|:\s/gm);
+        self.stashIndex = pieces[0].substring(pieces[0].indexOf('{')+1, pieces[0].indexOf('}'));
+        self.date = pieces[1];
+        self.authorEmail = pieces[2];
+        self.authorName = pieces[3];
+        self.branchName = pieces[4];
+        self.commit = pieces[5].substring(0, pieces[5].indexOf(" "));
+        self.commitMessage = pieces[5].substring(pieces[5].indexOf(" ")).trim();
+
+        self.createElement();
+    };
+
+    self.element = $('<div id="log-view" class="list-group"><svg xmlns="http://www.w3.org/2000/svg"></svg><div></div></div>')[0];
+    var svg = self.element.children[0];
+    var content = self.element.children[1];
+    var currentSelection = null;
+    // var lineHeight = null;
+    // var streams = [];
+    // var streamColor = 0;
+    self.stashView = stashView
+}
+
+webui.StashCommitView = function(stashView) {
+    var self = this;
+
+    self.update = function(entry) {
+        if (currentCommit == entry.commit) {
+            // We already display the right data. No need to update.
+            return;
+
+        }
+        currentCommit = entry.commit;
+        self.showDiff();
+        diffView.update("stash show -p stash@{"+entry.stashIndex+"}");
+    };
+
+    self.showDiff = function() {
+        webui.detachChildren(commitViewContent);
+        commitViewContent.appendChild(diffView.element);
+    };
+
+    self.showTree = function() {
+        webui.detachChildren(commitViewContent);
+        commitViewContent.appendChild(treeView.element);
+    };
+
+    self.stashView = stashView;
+    var currentCommit = null;
+    self.element = $('<div id="commit-view">')[0];
+    var commitViewContent = $('<div id="commit-view-content">')[0];
+    self.element.appendChild(commitViewContent);
+    var diffView = new webui.DiffView(undefined, false, self, true);
+};
+
 /*
  * == DiffView ================================================================
  */
-webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent) {
+webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommit) {
 
     var self = this;
 
@@ -1096,7 +1264,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent) {
                     '<button type="button" class="btn btn-default diff-cancel" style="display:none">Cancel</button>' +
                     '<button type="button" class="btn btn-default diff-unstage" style="display:none">Unstage</button>' +
                 '</div>' +
-                (sideBySide ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
+                ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply Stash</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1939,6 +2108,7 @@ function MainUi() {
                 self.historyView = new webui.HistoryView(self);
                 if (!webui.viewonly) {
                     self.workspaceView = new webui.WorkspaceView(self);
+                    self.stashView = new webui.StashView(self);
                 }
             });
         });
diff --git a/git-webui/src/share/git-webui/webui/css/git-webui.less b/git-webui/src/share/git-webui/webui/css/git-webui.less
index ee46b4ef..3c4dc949 100644
--- a/git-webui/src/share/git-webui/webui/css/git-webui.less
+++ b/git-webui/src/share/git-webui/webui/css/git-webui.less
@@ -268,6 +268,10 @@ body {
             content: url(../img/computer.svg);
         }
 
+        #sidebar-stash h4:before {
+            content: url(../img/inboxes.svg);
+        }
+
         #sidebar-remote h4:before {
             content: url(../img/daemon.svg);
         }
@@ -348,7 +352,7 @@ body {
     }
 }
 
-#history-view {
+#history-view, #stash-view {
     .display-flex();
     .flex(1);
 }
diff --git a/git-webui/src/share/git-webui/webui/img/inboxes.svg b/git-webui/src/share/git-webui/webui/img/inboxes.svg
new file mode 100644
index 00000000..6498d590
--- /dev/null
+++ b/git-webui/src/share/git-webui/webui/img/inboxes.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#eee" class="bi bi-inboxes-fill" viewBox="0 0 16 16">
+  <path d="M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1H4.98zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374L3.81.563zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393z"/>
+</svg>
\ No newline at end of file
diff --git a/git-webui/src/share/git-webui/webui/js/git-webui.js b/git-webui/src/share/git-webui/webui/js/git-webui.js
index 0f9552ad..b4564cda 100644
--- a/git-webui/src/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/src/share/git-webui/webui/js/git-webui.js
@@ -398,6 +398,9 @@ webui.SideBarView = function(mainView) {
                                 '<section id="sidebar-workspace">' +
                                     '<h4>Workspace</h4>' +
                                 '</section>' +
+                                '<section id="sidebar-stash">' +
+                                    '<h4>Stash</h4>' +
+                                '</section>' +
                                 '<section id="sidebar-local-branches">' +
                                     '<h4 class="mt-3">Local Branches' +
                                     '<button type="button" class="btn btn-default btn-sidebar-icon btn-add shadow-none" >' +
@@ -430,6 +433,13 @@ webui.SideBarView = function(mainView) {
             workspaceElement.addClass("active");
             self.mainView.workspaceView.update("stage");
         });
+
+        var stashElement = $("#sidebar-stash h4", self.element);
+        stashElement.click(function (event) {
+            $("*", self.element).removeClass("active");
+            stashElement.addClass("active");
+            self.mainView.stashView.update(0);
+        });
     }
 
     self.fetchSection($("#sidebar-local-branches", self.element)[0], "Local Branches", "local-branches", "branch");
@@ -723,10 +733,168 @@ webui.LogView = function(historyView) {
     var streamColor = 0;
 };
 
+webui.StashView = function(mainView) {
+    
+    var self = this;
+
+    self.show = function() {
+        mainView.switchTo(self.element);
+    };
+
+    self.update = function(stashIndex) {
+        self.show();
+        self.stashListView.update(stashIndex);
+    };
+
+    self.element = $('<div id="stash-view">')[0];
+
+    self.stashListView = new webui.StashListView(self);
+    self.element.appendChild(self.stashListView.element);
+    self.commitView = new webui.StashCommitView(self);
+    self.element.appendChild(self.commitView.element);
+    self.mainView = mainView;
+} 
+
+webui.StashListView = function(stashView) {
+    var self = this;
+
+    self.update = function(stashIndex){
+        $(svg).empty();
+        $(content).empty();
+        self.populate();
+    }
+
+    self.populate = function() {
+        var maxCount = 1000;
+        var startAt = content.childElementCount;
+        webui.git("stash list --format='%gd::%ch::%cL::%cN::%gs'", function(data) {
+            var start = 0;
+            var count = 0;
+            while (true) {
+                var end = data.indexOf("\n", start);
+                if (end != -1) {
+                    var len = end - start;
+                } else {
+                    break;
+                }
+                var entry = new Entry(self, data.substring(start, start+len));
+                if(start == 0){
+                    entry.select();
+                }
+                content.appendChild(entry.element);
+
+                start = end + 1;
+                ++count;
+            }
+            svg.setAttribute("height", $(content).outerHeight());
+            svg.setAttribute("width", $(content).outerWidth());
+        });
+    }
+
+    function Entry(stashListView, data) {
+        var self = this;
+
+        self.abbrevMessage = function() {
+            var end = self.message.indexOf("\n");
+            if (end == -1) {
+                return self.message
+            } else {
+                return self.message.substring(0, end);
+            }
+        };
+
+        self.createElement = function() {
+            self.element = $('<a class="log-entry list-group-item">' +
+                                '<header>' +
+                                    '<h6></h6>' +
+                                    '<span class="log-entry-date">' + self.date + '&nbsp;</span> ' +
+                                    '<span class="badge">' + self.commit + '</span>' +
+                                '</header>' +
+                                '<p class="list-group-item-text"></p>' +
+                             '</a>')[0];
+            $('<a target="_blank" href="mailto:' + self.authorEmail + '">' + self.authorName + '</a>').appendTo($("h6", self.element));
+            $(".list-group-item-text", self.element)[0].appendChild(document.createTextNode(self.commitMessage));
+
+            self.element.model = self;
+            var model = self;
+            $(self.element).click(function (event) {
+                model.select();
+            });
+            return self.element;
+        };
+
+        self.select = function() {
+            if (currentSelection != self) {
+                if (currentSelection) {
+                    $(currentSelection.element).removeClass("active");
+                }
+                $(self.element).addClass("active");
+                currentSelection = self;
+                stashListView.stashView.commitView.update(self);
+            }
+        };
+
+        self.parents = [];
+        self.message = ""
+
+        var pieces = data.split(/::|:\s/gm);
+        self.stashIndex = pieces[0].substring(pieces[0].indexOf('{')+1, pieces[0].indexOf('}'));
+        self.date = pieces[1];
+        self.authorEmail = pieces[2];
+        self.authorName = pieces[3];
+        self.branchName = pieces[4];
+        self.commit = pieces[5].substring(0, pieces[5].indexOf(" "));
+        self.commitMessage = pieces[5].substring(pieces[5].indexOf(" ")).trim();
+
+        self.createElement();
+    };
+
+    self.element = $('<div id="log-view" class="list-group"><svg xmlns="http://www.w3.org/2000/svg"></svg><div></div></div>')[0];
+    var svg = self.element.children[0];
+    var content = self.element.children[1];
+    var currentSelection = null;
+    // var lineHeight = null;
+    // var streams = [];
+    // var streamColor = 0;
+    self.stashView = stashView
+}
+
+webui.StashCommitView = function(stashView) {
+    var self = this;
+
+    self.update = function(entry) {
+        if (currentCommit == entry.commit) {
+            // We already display the right data. No need to update.
+            return;
+
+        }
+        currentCommit = entry.commit;
+        self.showDiff();
+        diffView.update("stash show -p stash@{"+entry.stashIndex+"}");
+    };
+
+    self.showDiff = function() {
+        webui.detachChildren(commitViewContent);
+        commitViewContent.appendChild(diffView.element);
+    };
+
+    self.showTree = function() {
+        webui.detachChildren(commitViewContent);
+        commitViewContent.appendChild(treeView.element);
+    };
+
+    self.stashView = stashView;
+    var currentCommit = null;
+    self.element = $('<div id="commit-view">')[0];
+    var commitViewContent = $('<div id="commit-view-content">')[0];
+    self.element.appendChild(commitViewContent);
+    var diffView = new webui.DiffView(undefined, false, self, true);
+};
+
 /*
  * == DiffView ================================================================
  */
-webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent) {
+webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommit) {
 
     var self = this;
 
@@ -1096,7 +1264,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent) {
                     '<button type="button" class="btn btn-default diff-cancel" style="display:none">Cancel</button>' +
                     '<button type="button" class="btn btn-default diff-unstage" style="display:none">Unstage</button>' +
                 '</div>' +
-                (sideBySide ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
+                ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply Stash</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1939,6 +2108,7 @@ function MainUi() {
                 self.historyView = new webui.HistoryView(self);
                 if (!webui.viewonly) {
                     self.workspaceView = new webui.WorkspaceView(self);
+                    self.stashView = new webui.StashView(self);
                 }
             });
         });

From 11f7c92fd472f6ce7f568ef070c65fa563608197 Mon Sep 17 00:00:00 2001
From: Sarmishta Velury <isc-svelury@users.noreply.github.com>
Date: Tue, 7 Dec 2021 16:55:20 -0500
Subject: [PATCH 2/5] Applying/Popping from Stash is now possible

---
 .../share/git-webui/webui/css/git-webui.css   |  3 ++
 .../share/git-webui/webui/js/git-webui.js     | 32 +++++++++++++++----
 .../share/git-webui/webui/css/git-webui.less  |  4 +++
 .../src/share/git-webui/webui/js/git-webui.js | 32 +++++++++++++++----
 4 files changed, 59 insertions(+), 12 deletions(-)

diff --git a/git-webui/release/share/git-webui/webui/css/git-webui.css b/git-webui/release/share/git-webui/webui/css/git-webui.css
index 128f36bf..f9825826 100644
--- a/git-webui/release/share/git-webui/webui/css/git-webui.css
+++ b/git-webui/release/share/git-webui/webui/css/git-webui.css
@@ -315,6 +315,9 @@ body {
   align-items: baseline;
   -webkit-align-items: baseline;
 }
+#log-view .log-entry header .stash-list-index {
+  display: none !important;
+}
 #log-view .log-entry header h6 {
   font-weight: bold;
   margin-top: 0;
diff --git a/git-webui/release/share/git-webui/webui/js/git-webui.js b/git-webui/release/share/git-webui/webui/js/git-webui.js
index 2d7888fc..a424ca44 100644
--- a/git-webui/release/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/release/share/git-webui/webui/js/git-webui.js
@@ -807,6 +807,7 @@ webui.StashListView = function(stashView) {
             self.element = $('<a class="log-entry list-group-item">' +
                                 '<header>' +
                                     '<h6></h6>' +
+                                    '<p class="stash-list-index">' + self.stashIndex + '</p>' +
                                     '<span class="log-entry-date">' + self.date + '&nbsp;</span> ' +
                                     '<span class="badge">' + self.commit + '</span>' +
                                 '</header>' +
@@ -878,11 +879,6 @@ webui.StashCommitView = function(stashView) {
         commitViewContent.appendChild(diffView.element);
     };
 
-    self.showTree = function() {
-        webui.detachChildren(commitViewContent);
-        commitViewContent.appendChild(treeView.element);
-    };
-
     self.stashView = stashView;
     var currentCommit = null;
     self.element = $('<div id="commit-view">')[0];
@@ -1248,6 +1244,27 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
         commitExplorerView.show();
     };
 
+    self.applySelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash apply stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output);
+        });
+    }
+
+    self.popSelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash pop stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output);
+            parent.stashView.update(0);
+        });
+    }
+
     var html = '<div class="diff-view-container panel panel-default">';
     if (! (parent instanceof webui.CommitExplorerView)) {
         html +=
@@ -1265,7 +1282,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
                     '<button type="button" class="btn btn-default diff-unstage" style="display:none">Unstage</button>' +
                 '</div>' +
                 ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
-                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply Stash</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default pop-stash">Pop</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1304,6 +1322,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
     $(".diff-unstage", self.element).click(function() { self.applySelection(true, true); });
 
     $(".diff-explore", self.element).click(function() { self.switchToExploreView(); });
+    $(".apply-stash", self.element).click(function() { self.applySelectedStash(); });
+    $(".pop-stash", self.element).click(function() { self.popSelectedStash(); });
 
     self.context = 3;
     self.complete = false;
diff --git a/git-webui/src/share/git-webui/webui/css/git-webui.less b/git-webui/src/share/git-webui/webui/css/git-webui.less
index 3c4dc949..13a440c3 100644
--- a/git-webui/src/share/git-webui/webui/css/git-webui.less
+++ b/git-webui/src/share/git-webui/webui/css/git-webui.less
@@ -406,6 +406,10 @@ body {
         header {
             .display-flex();
             .align-items(baseline);
+            
+            .stash-list-index{
+                display: none !important;
+            }
 
             h6 {
                 font-weight: bold;
diff --git a/git-webui/src/share/git-webui/webui/js/git-webui.js b/git-webui/src/share/git-webui/webui/js/git-webui.js
index 2d7888fc..a424ca44 100644
--- a/git-webui/src/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/src/share/git-webui/webui/js/git-webui.js
@@ -807,6 +807,7 @@ webui.StashListView = function(stashView) {
             self.element = $('<a class="log-entry list-group-item">' +
                                 '<header>' +
                                     '<h6></h6>' +
+                                    '<p class="stash-list-index">' + self.stashIndex + '</p>' +
                                     '<span class="log-entry-date">' + self.date + '&nbsp;</span> ' +
                                     '<span class="badge">' + self.commit + '</span>' +
                                 '</header>' +
@@ -878,11 +879,6 @@ webui.StashCommitView = function(stashView) {
         commitViewContent.appendChild(diffView.element);
     };
 
-    self.showTree = function() {
-        webui.detachChildren(commitViewContent);
-        commitViewContent.appendChild(treeView.element);
-    };
-
     self.stashView = stashView;
     var currentCommit = null;
     self.element = $('<div id="commit-view">')[0];
@@ -1248,6 +1244,27 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
         commitExplorerView.show();
     };
 
+    self.applySelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash apply stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output);
+        });
+    }
+
+    self.popSelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash pop stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output);
+            parent.stashView.update(0);
+        });
+    }
+
     var html = '<div class="diff-view-container panel panel-default">';
     if (! (parent instanceof webui.CommitExplorerView)) {
         html +=
@@ -1265,7 +1282,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
                     '<button type="button" class="btn btn-default diff-unstage" style="display:none">Unstage</button>' +
                 '</div>' +
                 ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
-                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply Stash</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default pop-stash">Pop</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1304,6 +1322,8 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
     $(".diff-unstage", self.element).click(function() { self.applySelection(true, true); });
 
     $(".diff-explore", self.element).click(function() { self.switchToExploreView(); });
+    $(".apply-stash", self.element).click(function() { self.applySelectedStash(); });
+    $(".pop-stash", self.element).click(function() { self.popSelectedStash(); });
 
     self.context = 3;
     self.complete = false;

From 22ff08c4ad5f76442f2172f02627b207aa7ed5f9 Mon Sep 17 00:00:00 2001
From: Sarmishta Velury <isc-svelury@users.noreply.github.com>
Date: Tue, 7 Dec 2021 17:19:28 -0500
Subject: [PATCH 3/5] Stash changed files from workspace

---
 .../share/git-webui/webui/js/git-webui.js     | 31 ++++++++++++++++++-
 .../src/share/git-webui/webui/js/git-webui.js | 31 ++++++++++++++++++-
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/git-webui/release/share/git-webui/webui/js/git-webui.js b/git-webui/release/share/git-webui/webui/js/git-webui.js
index a424ca44..f3ebe7d2 100644
--- a/git-webui/release/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/release/share/git-webui/webui/js/git-webui.js
@@ -2009,6 +2009,35 @@ webui.ChangedFilesView = function(workspaceView, type, label) {
         }
     }
 
+    self.stashByAvailability = function() {
+        prevScrollTop = fileListContainer.scrollTop;
+        self.stash();
+
+        var action = "stash";
+
+        var files = self.getFileList(undefined, "D", 1, 0);
+        var rmFiles = self.getFileList("D", undefined, 1, 0);
+        var combinedFiles = files.concat(rmFiles);
+
+        if(combinedFiles.length>0)
+            confirmActionForUnavailableFile(combinedFiles, action);
+
+    }
+
+    self.stash = function() {
+        var files = self.getFileList(undefined, "D", 0, 1);
+        var rmFiles = self.getFileList("D", undefined, 0, 1);
+        var combinedFiles = files+" "+rmFiles;
+
+        console.log(combinedFiles);
+
+        if(combinedFiles.length != 0){
+            webui.git("stash push -- " + combinedFiles, function(output){
+                webui.showSuccess(output);
+            });
+        }
+    }
+
     self.getSelectedItemsCount = function() {
         return $(".active", fileList).length;
     }
@@ -2023,7 +2052,7 @@ webui.ChangedFilesView = function(workspaceView, type, label) {
                             '</div>' +
                         '</div>')[0];
     if (type == "working-copy") {
-        var buttons = [{ name: "Stage", callback: self.processByAvailability }, { name: "Cancel", callback: self.cancelByAvailability }];
+        var buttons = [{ name: "Stage", callback: self.processByAvailability }, { name: "Stash", callback: self.stash }, { name: "Cancel", callback: self.cancelByAvailability }];
     } else {
         var buttons = [{ name: "Unstage", callback: self.processByAvailability }];
     }
diff --git a/git-webui/src/share/git-webui/webui/js/git-webui.js b/git-webui/src/share/git-webui/webui/js/git-webui.js
index a424ca44..f3ebe7d2 100644
--- a/git-webui/src/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/src/share/git-webui/webui/js/git-webui.js
@@ -2009,6 +2009,35 @@ webui.ChangedFilesView = function(workspaceView, type, label) {
         }
     }
 
+    self.stashByAvailability = function() {
+        prevScrollTop = fileListContainer.scrollTop;
+        self.stash();
+
+        var action = "stash";
+
+        var files = self.getFileList(undefined, "D", 1, 0);
+        var rmFiles = self.getFileList("D", undefined, 1, 0);
+        var combinedFiles = files.concat(rmFiles);
+
+        if(combinedFiles.length>0)
+            confirmActionForUnavailableFile(combinedFiles, action);
+
+    }
+
+    self.stash = function() {
+        var files = self.getFileList(undefined, "D", 0, 1);
+        var rmFiles = self.getFileList("D", undefined, 0, 1);
+        var combinedFiles = files+" "+rmFiles;
+
+        console.log(combinedFiles);
+
+        if(combinedFiles.length != 0){
+            webui.git("stash push -- " + combinedFiles, function(output){
+                webui.showSuccess(output);
+            });
+        }
+    }
+
     self.getSelectedItemsCount = function() {
         return $(".active", fileList).length;
     }
@@ -2023,7 +2052,7 @@ webui.ChangedFilesView = function(workspaceView, type, label) {
                             '</div>' +
                         '</div>')[0];
     if (type == "working-copy") {
-        var buttons = [{ name: "Stage", callback: self.processByAvailability }, { name: "Cancel", callback: self.cancelByAvailability }];
+        var buttons = [{ name: "Stage", callback: self.processByAvailability }, { name: "Stash", callback: self.stash }, { name: "Cancel", callback: self.cancelByAvailability }];
     } else {
         var buttons = [{ name: "Unstage", callback: self.processByAvailability }];
     }

From 319042630e25f107d0a1cfdf08666513ce9315f4 Mon Sep 17 00:00:00 2001
From: Sarmishta Velury <isc-svelury@users.noreply.github.com>
Date: Tue, 7 Dec 2021 17:33:10 -0500
Subject: [PATCH 4/5] Drop selected stash

---
 .../release/share/git-webui/webui/js/git-webui.js   | 13 +++++++++++++
 git-webui/src/share/git-webui/webui/js/git-webui.js | 13 +++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/git-webui/release/share/git-webui/webui/js/git-webui.js b/git-webui/release/share/git-webui/webui/js/git-webui.js
index f3ebe7d2..160bfb41 100644
--- a/git-webui/release/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/release/share/git-webui/webui/js/git-webui.js
@@ -1265,6 +1265,17 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
         });
     }
 
+    self.dropSelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash drop stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output.substring(output.indexOf("Dropped")));
+            parent.stashView.update(0);
+        });
+    }
+
     var html = '<div class="diff-view-container panel panel-default">';
     if (! (parent instanceof webui.CommitExplorerView)) {
         html +=
@@ -1284,6 +1295,7 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
                 ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
                 (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply</button>':'')+
                 (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default pop-stash">Pop</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default drop-stash">Drop</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1324,6 +1336,7 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
     $(".diff-explore", self.element).click(function() { self.switchToExploreView(); });
     $(".apply-stash", self.element).click(function() { self.applySelectedStash(); });
     $(".pop-stash", self.element).click(function() { self.popSelectedStash(); });
+    $(".drop-stash", self.element).click(function() { self.popSelectedStash(); });
 
     self.context = 3;
     self.complete = false;
diff --git a/git-webui/src/share/git-webui/webui/js/git-webui.js b/git-webui/src/share/git-webui/webui/js/git-webui.js
index f3ebe7d2..160bfb41 100644
--- a/git-webui/src/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/src/share/git-webui/webui/js/git-webui.js
@@ -1265,6 +1265,17 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
         });
     }
 
+    self.dropSelectedStash = function() {
+        if(! self.currentDiff) {
+            return;
+        }
+        var stashIndex = parseInt($(".log-entry.active .stash-list-index").text());
+        webui.git("stash drop stash@{"+stashIndex+"}", function(output){
+            webui.showSuccess(output.substring(output.indexOf("Dropped")));
+            parent.stashView.update(0);
+        });
+    }
+
     var html = '<div class="diff-view-container panel panel-default">';
     if (! (parent instanceof webui.CommitExplorerView)) {
         html +=
@@ -1284,6 +1295,7 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
                 ((sideBySide || stashedCommit) ? '' : '<button type="button"  class="btn btn-sm btn-default diff-explore">Explore</button>') +
                 (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default apply-stash">Apply</button>':'')+
                 (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default pop-stash">Pop</button>':'')+
+                (stashedCommit ? '<button type="button"  class="btn btn-sm btn-default drop-stash">Drop</button>':'')+
             '</div>';
     }
     html += '<div class="panel-body"></div></div>'
@@ -1324,6 +1336,7 @@ webui.DiffView = function(sideBySide, hunkSelectionAllowed, parent, stashedCommi
     $(".diff-explore", self.element).click(function() { self.switchToExploreView(); });
     $(".apply-stash", self.element).click(function() { self.applySelectedStash(); });
     $(".pop-stash", self.element).click(function() { self.popSelectedStash(); });
+    $(".drop-stash", self.element).click(function() { self.popSelectedStash(); });
 
     self.context = 3;
     self.complete = false;

From f67865909c26e3c71b509cedaced3de97f7b0c2c Mon Sep 17 00:00:00 2001
From: Sarmishta Velury <isc-svelury@users.noreply.github.com>
Date: Tue, 7 Dec 2021 18:07:48 -0500
Subject: [PATCH 5/5] Message if stash is empty

---
 git-webui/release/share/git-webui/webui/css/git-webui.css | 3 +++
 git-webui/release/share/git-webui/webui/js/git-webui.js   | 8 ++++++--
 git-webui/src/share/git-webui/webui/css/git-webui.less    | 4 ++++
 git-webui/src/share/git-webui/webui/js/git-webui.js       | 8 ++++++--
 4 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/git-webui/release/share/git-webui/webui/css/git-webui.css b/git-webui/release/share/git-webui/webui/css/git-webui.css
index f9825826..5215e78b 100644
--- a/git-webui/release/share/git-webui/webui/css/git-webui.css
+++ b/git-webui/release/share/git-webui/webui/css/git-webui.css
@@ -269,6 +269,9 @@ body {
   flex: 1 1 0px;
   -webkit-flex: 1 1 0px;
 }
+.empty-stash {
+  text-align: center;
+}
 #log-view {
   flex: 1 1 0px;
   -webkit-flex: 1 1 0px;
diff --git a/git-webui/release/share/git-webui/webui/js/git-webui.js b/git-webui/release/share/git-webui/webui/js/git-webui.js
index 160bfb41..fe44ae34 100644
--- a/git-webui/release/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/release/share/git-webui/webui/js/git-webui.js
@@ -765,8 +765,6 @@ webui.StashListView = function(stashView) {
     }
 
     self.populate = function() {
-        var maxCount = 1000;
-        var startAt = content.childElementCount;
         webui.git("stash list --format='%gd::%ch::%cL::%cN::%gs'", function(data) {
             var start = 0;
             var count = 0;
@@ -786,6 +784,12 @@ webui.StashListView = function(stashView) {
                 start = end + 1;
                 ++count;
             }
+            if(count == 0){
+                var emptyStash = $('<h4 class="empty-stash">You have no stashed changes.</h4>');
+                var emptyDiv =  $('<h1 class="empty-stash">&nbsp<br>&nbsp</h1>');
+                $("#log-view div").append(emptyDiv);
+                $("#log-view div").append(emptyStash);
+            }
             svg.setAttribute("height", $(content).outerHeight());
             svg.setAttribute("width", $(content).outerWidth());
         });
diff --git a/git-webui/src/share/git-webui/webui/css/git-webui.less b/git-webui/src/share/git-webui/webui/css/git-webui.less
index 13a440c3..2af5e7cc 100644
--- a/git-webui/src/share/git-webui/webui/css/git-webui.less
+++ b/git-webui/src/share/git-webui/webui/css/git-webui.less
@@ -357,6 +357,10 @@ body {
     .flex(1);
 }
 
+.empty-stash{
+    text-align: center;
+}
+
 #log-view {
     .flex(1);
     overflow-y: auto;
diff --git a/git-webui/src/share/git-webui/webui/js/git-webui.js b/git-webui/src/share/git-webui/webui/js/git-webui.js
index 160bfb41..fe44ae34 100644
--- a/git-webui/src/share/git-webui/webui/js/git-webui.js
+++ b/git-webui/src/share/git-webui/webui/js/git-webui.js
@@ -765,8 +765,6 @@ webui.StashListView = function(stashView) {
     }
 
     self.populate = function() {
-        var maxCount = 1000;
-        var startAt = content.childElementCount;
         webui.git("stash list --format='%gd::%ch::%cL::%cN::%gs'", function(data) {
             var start = 0;
             var count = 0;
@@ -786,6 +784,12 @@ webui.StashListView = function(stashView) {
                 start = end + 1;
                 ++count;
             }
+            if(count == 0){
+                var emptyStash = $('<h4 class="empty-stash">You have no stashed changes.</h4>');
+                var emptyDiv =  $('<h1 class="empty-stash">&nbsp<br>&nbsp</h1>');
+                $("#log-view div").append(emptyDiv);
+                $("#log-view div").append(emptyStash);
+            }
             svg.setAttribute("height", $(content).outerHeight());
             svg.setAttribute("width", $(content).outerWidth());
         });