btcpayserver/BTCPayServer/Views/Server/ListPlugins.cshtml

@using BTCPayServer.Configuration
@using BTCPayServer.Abstractions.Contracts
@model BTCPayServer.Controllers.ServerController.ListPluginsViewModel 
@inject BTCPayServerOptions BTCPayServerOptions
@{
    ViewData.SetActivePageAndTitle(ServerNavPages.Plugins);
    var installed = Model.Installed.ToDictionary(plugin => plugin.Identifier.ToLowerInvariant(), plugin => plugin.Version);
    var availableAndNotInstalled = Model.Available.Where(plugin => !installed.ContainsKey(plugin.Identifier.ToLowerInvariant())).Select(plugin => (plugin, BTCPayServerOptions.RecommendedPlugins.Contains(plugin.Identifier.ToLowerInvariant()))).OrderBy(tuple => tuple.Item1);

    bool DependentOn(string plugin)
    {
        foreach (var installedPlugin in Model.Installed)
        {
            if (installedPlugin.Dependencies.Any(dep => dep.Identifier.Equals(plugin, StringComparison.InvariantCultureIgnoreCase)))
            {
                return true;
            }
        }

        var pendingInstalls = Model.Commands.Where(tuple => tuple.command != "uninstall").Select(tuple => tuple.plugin).Distinct();
        foreach (var pendingInstall in pendingInstalls)
        {
            if (Model.Available.Any(availablePlugin => availablePlugin.Identifier.Equals(pendingInstall, StringComparison.InvariantCultureIgnoreCase) &&
                                                       availablePlugin.Dependencies.Any(dep => dep.Identifier.Equals(plugin, StringComparison.InvariantCultureIgnoreCase))))
            {
                return true;
            }
        }
        return false;
    }

    bool DependencyMet(IBTCPayServerPlugin.PluginDependency dependency)
    {
        var plugin = dependency.Identifier.ToLowerInvariant();
        var versionReq = dependency.Condition;
        if (!installed.ContainsKey(plugin) && !versionReq.Equals("!"))
        {
            return false;
        }
        if (installed.ContainsKey(plugin) && versionReq.Equals("!"))
        {
            return false;
        }

        var versionConditions = versionReq.Split("||", StringSplitOptions.RemoveEmptyEntries);
        return versionConditions.Any(s =>
        {
            s = s.Trim();
            var v = s.Substring(1);
            if (s[1] == '=')
            {
                v = s.Substring(2);
            }
            var parsedV = Version.Parse(v);
            switch (s)
            {
                case { } xx when xx.StartsWith(">="):
                    return installed[plugin] >= parsedV;
                case { } xx when xx.StartsWith("<="):
                    return installed[plugin] <= parsedV;
                case { } xx when xx.StartsWith(">"):
                    return installed[plugin] > parsedV;
                case { } xx when xx.StartsWith("<"):
                    return installed[plugin] >= parsedV;
                case { } xx when xx.StartsWith("^"):
                    return installed[plugin] >= parsedV && installed[plugin].Major == parsedV.Major;
                case { } xx when xx.StartsWith("~"):
                    return installed[plugin] >= parsedV && installed[plugin].Major == parsedV.Major && installed[plugin].Minor == parsedV.Minor;
                case { } xx when xx.StartsWith("!="):
                    return installed[plugin] != parsedV;
                case { } xx when xx.StartsWith("=="):
                default:
                    return installed[plugin] == parsedV;
            }
        });
    }

    bool DependenciesMet(IBTCPayServerPlugin.PluginDependency[] dependencies)
    {
        foreach (var dependency in dependencies)
        {
            if (!DependencyMet(dependency))
            {
                return false;
            }
        }
        return true;
    }
}

<partial name="_StatusMessage"/>

<style>
    .version-switch .nav-link { display: inline; }
    .version-switch .nav-link.active { display: none; }
</style>

@if (Model.Commands.Any())
{
    <div class="alert alert-info mb-5">
        You need to restart BTCPay Server in order to update your active plugins.
        @if (Model.CanShowRestart)
        {
            <form method="post" asp-action="Maintenance" class="mt-2">
                <button type="submit" name="command" value="restart" class="btn btn-info" asp-action="Maintenance">Restart now</button>
            </form>
        }
    </div>
}

@if (Model.Installed.Any())
{
    <h3 class="mb-3">Installed Plugins</h3>
    <div class="row mb-4">
        @foreach (var plugin in Model.Installed)
        {
            var matchedAvailable = Model.Available.SingleOrDefault(availablePlugin => availablePlugin.Identifier == plugin.Identifier);
            var updateAvailable = !plugin.SystemPlugin && matchedAvailable != null && plugin.Version < matchedAvailable.Version;
            var tabId = plugin.Identifier.ToLowerInvariant().Replace(".", "_");
            <div class="col col-12 col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <h4 class="card-title d-inline-block" title="@plugin.Identifier" data-toggle="tooltip">@plugin.Name</h4>
                        <div class="d-flex flex-wrap align-items-center mb-3">
                            <h5 class="card-subtitle text-muted d-flex align-items-center mr-3">
                                @plugin.Version
                                @if (plugin.SystemPlugin)
                                {
                                    <div class="badge badge-secondary ml-2">System plugin</div>
                                }
                                else if (updateAvailable)
                                {
                                    <div class="badge badge-info ml-2">
                                        @matchedAvailable.Version available
                                    </div>
                                }
                            </h5>
                            @if (updateAvailable)
                            {
                                <span class="nav version-switch mt-n1" role="tablist">
                                    <a data-toggle="tab" href="#@tabId-current" class="nav-link px-0 small text-info show active">Show current version</a>
                                    <a data-toggle="tab" href="#@tabId-update" class="nav-link px-0 small text-info">Show update information</a>
                                </span>
                            }
                        </div>

                        <div class="tab-content">
                            <div class="tab-pane active" id="@tabId-current">
                                <p class="card-text">@plugin.Description</p>
                                @if (plugin.Dependencies.Any())
                                {
                                    <h5 class="text-muted">Dependencies</h5>
                                    <ul class="list-group list-group-flush">
                                        @foreach (var dependency in plugin.Dependencies)
                                        {
                                            <li class="list-group-item px-0">
                                                @dependency
                                                @if (!DependencyMet(dependency))
                                                {
                                                    <span title="Dependency not met." data-toggle="tooltip" class="fa fa-warning text-danger"></span>
                                                }
                                            </li>
                                        }
                                    </ul>
                                }
                            </div>

                            @if (updateAvailable)
                            {
                                <div class="tab-pane" id="@tabId-update">
                                    <p class="card-text">@matchedAvailable.Description</p>
                                    @if (matchedAvailable.Dependencies.Any())
                                    {
                                        <h5 class="text-muted">Dependencies</h5>
                                        <ul class="list-group list-group-flush">
                                            @foreach (var dependency in matchedAvailable.Dependencies)
                                            {
                                                <li class="list-group-item px-0">
                                                    @dependency
                                                    @if (!DependencyMet(dependency))
                                                    {
                                                        <span title="Dependency not met." data-toggle="tooltip" class="fa fa-warning text-danger"></span>
                                                    }
                                                </li>
                                            }
                                        </ul>
                                    }
                                </div>
                            }
                        </div>
                    </div>
                    @{
                        var pendingAction = Model.Commands.Any(tuple => tuple.plugin.Equals(plugin.Identifier, StringComparison.InvariantCultureIgnoreCase));
                    }
                    @if (!plugin.SystemPlugin && (pendingAction || (updateAvailable && DependenciesMet(matchedAvailable.Dependencies)) || !DependentOn(plugin.Identifier)))
                    {
                        <div class="card-footer border-0 pb-3 d-flex">
                            @if (pendingAction)
                            {
                                <form asp-action="CancelPluginCommands" asp-route-plugin="@plugin.Identifier">
                                    <button type="submit" class="btn btn-outline-secondary">Cancel pending action</button>
                                </form>
                            }
                            else
                            {
                                @if (updateAvailable && DependenciesMet(matchedAvailable.Dependencies))
                                {
                                    <form asp-action="InstallPlugin" asp-route-plugin="@plugin.Identifier" asp-route-update="true" class="mr-3">
                                        <button type="submit" class="btn btn-secondary">Update</button>
                                    </form>
                                }
                                @if (DependentOn(plugin.Identifier))
                                {
                                    <button type="button" class="btn btn-outline-danger" data-toggle="tooltip" title="This plugin cannot be uninstalled as it is depended on by other plugins.">Uninstall <span class="fa fa-exclamation"></span></button>
                                }
                                else
                                {
                                    <form asp-action="UnInstallPlugin" asp-route-plugin="@plugin.Identifier">
                                        <button type="submit" class="btn btn-outline-danger">Uninstall</button>
                                    </form>
                                }
                            }
                        </div>
                    }
                </div>
            </div>
        }
    </div>
}
@if (availableAndNotInstalled.Any())
{
    <h3 class="mb-3">Available Plugins</h3>
    <div class="row mb-4">
        @foreach (var pluginT in availableAndNotInstalled)
        {
            var plugin = pluginT.Item1;
            <div class="col col-12 col-lg-6 mb-4">
                <div class="card h-100">
                    <div class="card-body">
                        <h4 class="card-title d-inline-block" data-toggle="tooltip" title="@plugin.Identifier">@plugin.Name</h4>
                        <h5 class="card-subtitle mb-3 text-muted d-flex align-items-center">
                            @plugin.Version
                            @if (pluginT.Item2)
                            {
                                <div class="badge badge-light ml-2" data-toggle="tooltip" title="This plugin has been recommended to be installed by your deployment method." class="text-nowrap">Recommended <span class="fa fa-question-circle-o"></span></div>
                            }
                        </h5>
                        <p class="card-text">@plugin.Description</p>
                        @if (plugin.Dependencies?.Any() is true)
                        {
                            <h5 class="text-muted">Dependencies</h5>
                            <ul class="list-group list-group-flush">
                                @foreach (var dependency in plugin.Dependencies)
                                {
                                    <li class="list-group-item px-0">
                                        @dependency
                                        @if (!DependencyMet(dependency))
                                        {
                                            <span title="Dependency not met." data-toggle="tooltip" class="fa fa-warning text-danger"></span>
                                        }
                                    </li>
                                }
                            </ul>
                        }
                    </div>
                    @{
                        var pending = Model.Commands.Any(tuple => tuple.plugin.Equals(plugin.Identifier, StringComparison.InvariantCultureIgnoreCase));
                    }
                    <div class="card-footer border-0 pb-3">
                        @if (pending)
                        {
                            <form asp-action="CancelPluginCommands" asp-route-plugin="@plugin.Identifier">
                                <button type="submit" class="btn btn-outline-secondary">Cancel pending install</button>
                            </form>
                        }
                        else if (DependenciesMet(plugin.Dependencies))
                        {
                            <form asp-action="InstallPlugin" asp-route-plugin="@plugin.Identifier">
                                <button type="submit" class="btn btn-primary">Install</button>
                            </form>
                        }
                        else
                        {
                            <div class="text-danger">
                                Cannot install until dependencies are met.
                            </div>
                        }
                    </div>
                </div>
            </div>
        }
    </div>
}

<div class="mb-4">
    <button class="btn btn-link text-secondary mb-2" type="button" data-toggle="collapse" data-target="#manual-upload">
        Upload plugin
    </button>
    <div class="row collapse" id="manual-upload">
        <div class="col col-12 col-lg-6 mb-4">
            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Add plugin manually</h4>
                    <div class="alert alert-warning my-3">
                        <h6 class="mr-1">This is an extremely dangerous operation!</h6>
                        Only upload plugins from trusted sources.
                    </div>
                    <form method="post" enctype="multipart/form-data" asp-action="UploadPlugin">
                        <div class="form-group">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input form-control-file" required name="files" accept=".btcpay" id="files">
                                <label class="custom-file-label" for="files">Choose file</label>
                            </div>
                        </div>
                        <button class="btn btn-primary" type="submit">Upload</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@if (Model.Commands.Any())
{
    <div class="mb-4">
        <button class="btn btn-link text-secondary mb-2" type="button" data-toggle="collapse" data-target="#pending-actions">
            Pending actions
        </button>
        <div class="row collapse" id="pending-actions">
            <div class="col col-12 col-lg-6 mb-4">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">Pending actions</h4>
                        <ul class="list-group list-group-flush">
                            @foreach (var extComm in Model.Commands.GroupBy(tuple => tuple.plugin))
                            {
                                <li class="list-group-item px-0">
                                    <div class="d-flex flex-wrap align-items-center justify-content-between">
                                        <span class="my-2 mr-3">@extComm.Key</span>
                                        <form asp-action="CancelPluginCommands" asp-route-plugin="@extComm.Key">
                                            <button type="submit" class="btn btn-outline-secondary">Cancel pending @extComm.Last().command</button>
                                        </form>
                                    </div>
                                </li>
                            }
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
}

@section Scripts {
    <script>
        $(document).ready(function () {
            $(".custom-file-input").on("change", function () {
                var label = $(this).next("label");
                var el = $(this).get(0);
                if (el.files.length > 0) {
                    var fileName = el.files[0].name;
                    label.addClass("selected").html(fileName);
                } else {
                    label.removeClass("selected").html("Choose file");
                }
            });
        });
    </script>
}