<!--
Copyright (C) 2016-2021 Jones Magloire @Joxit

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<remove-registry-url>
  <material-popup opened="{ props.opened }" onClick="{ props.onClose }">
    <div slot="title">Remove your Registry Server ?</div>
    <div slot="content">
      <ul class="list">
        <li each="{ url in getRegistryServers() }">
          <span>
            <material-button onClick="{ remove }" url="{ url }" rounded="true" waves-color="rgba(158,158,158,.4)"
              waves-center="true">
              <i class="material-icons">delete</i>
            </material-button>
            <span class="url">{ url }</span>
          </span>
        </li>
      </ul>
    </div>
    <div slot="action">
      <material-button class="dialog-button" waves-color="rgba(158,158,158,.4)" onClick="{ props.onClose }">
        Close
      </material-button>
    </div>
  </material-popup>
  <script>
    import {
      getRegistryServers
    } from '../../scripts/utils';
    export default {
      remove(event) {
        const url = event.currentTarget.attributes.url && event.currentTarget.attributes.url.value;
        const registryServer = getRegistryServers().filter(e => e !== url);
        localStorage.setItem('registryServer', JSON.stringify(registryServer));
        setTimeout(() => this.update(), 100);
      },
      getRegistryServers
    }
  </script>
  <style>
    :host material-popup .popup material-button {
      margin-right: 1em;
    }

    :host material-popup .popup material-button .content i.material-icons {
      color: #777;
    }
  </style>
</remove-registry-url>