tubbymemes/suchwowx/templates/profile.html

{% set is_user = current_user == user %}
<!DOCTYPE html>
<html>
  {% include 'includes/head.html' %}
  <body>
  <section class="section">
    <div class="container">

      {% include 'includes/navbar.html' %}

      {% if user %}
        <div class="screen">
          <div class="columns">
            <div class="column is-full content">
              <h3>From Avalanche Blockchain</h3>
              <p>Handle: <strong><span id="userHandle" class="mr-4">?</span></strong></p>
              <p>Wownero Address: <strong><span id="wowneroAddress" class="mr-4 wrap">?</span></strong></p>
              <p>Profile IPFS Hash: <strong><span id="metadataIPFSHash">?</span></strong></p>
              <p>Tipped AVAX: <strong><span id="tippedAVAX">?</span></strong></p>
              <p>Tipped WOWX: <strong><span id="tippedWOWX">?</span></strong></p>
              <p>Tipped WOW: <strong><span id="tippedWOW">?</span></strong></p>

              <h3>From Local Database</h3>
              <p>
                Handle:
                {% if is_user %}
                  <input id="handleInput" type="text" placeholder="{{ user.handle }}" value="{{ user.handle }}"></input>
                  <a onclick="publishHandleAVAX()" class="publishAVAX">Publish AVAX</a>
                {% else %}
                  <strong>{{ user.handle }}</strong>
                {% endif %}
              </p>
              <p>
                Wownero Address:
                {% if is_user %}
                  <input id="wowneroAddressInput" type="text" placeholder="{{ user.wownero_address or '' }}" value="{{ user.wownero_address or '' }}"></input>
                  <a onclick="publishWowneroAddress()" class="publishAVAX">Publish AVAX</a>
                {% else %}
                  <strong><span class="wrap">{{ user.wownero_address }}</span></strong>
                {% endif %}
              </p>
              <p>
                Metadata IPFS Hash:
                {% if is_user %}
                  <input id="metadataIPFSHashInput" type="text" placeholder="{{ user.ipfs_hash or '' }}" value="{{ user.ipfs_hash or '' }}"></input>
                  <a onclick="publishMetadataIPFSHash()" class="publishAVAX">Publish AVAX</a>
                {% else %}
                  <strong>{{ user.ipfs_hash }}</strong>
                {% endif %}
              </p>
              <p>Register Date: <strong>{{ user.register_date }}</strong></p>
              <p>Last Login Date: <strong>{{ user.last_login_date }}</strong></p>
              <p>Moderator: <strong>{{ user.is_moderator() }}</strong></p>
              <p>Verified: <strong>{{ user.verified }}</strong></p>
              <p>Memes Posted: <strong>{{ user.memes | length }}</strong></p>
              {% if user.bio %}
              <p>Bio: {{ user.bio }}</p>
              {% endif %}
              {% if user.website %}
              <p>Website: <a href="{{ user.website_url }}" target="_blank">{{ user.website_url }}</a></p>
              {% endif %}
              {% if is_user %}
              <p><a onclick="saveDB()" class="ml-2 button is-primary">Save DB</a></p>
              {% endif %}
            </div>
        </div>
      </div>
      {% endif %}

    </div>
  </section>
  {% include 'includes/footer.html' %}
  
  <script type="text/javascript">
    async function saveDB() {
      await fetch('{{ url_for("api.update_user"	) }}', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json;charset=utf-8'
        },
        body: JSON.stringify({
          'user_id': {{ user.id }},
          'handle': document.getElementById('handleInput').value,
          'wownero_address': document.getElementById('wowneroAddressInput').value,
          'ipfs_hash': document.getElementById('metadataIPFSHashInput').value,
        })
      })
        .then((resp) => resp.json())
        .then(function(data) {
            console.log(data)
            if (data['success']) {
              notif('Updated user information in this server\'s database.', 'success');
              notif('Publish to the Avalanche blockchain to make the data globally available.', 'info');
            } else {
              notif(data['message'], 'error');
            }
        })
    }


    async function fetchUserProfile() {
      _walletAddress = w3.utils.toChecksumAddress('{{ user.public_address }}');
      const userProfile = await contract.methods.userProfile(_walletAddress).call();
      if (userProfile.userHandle){document.getElementById('userHandle').innerHTML = userProfile.userHandle};
      if (userProfile.wowneroAddress){document.getElementById('wowneroAddress').innerHTML = userProfile.wowneroAddress};
      if (userProfile.metadataIPFSHash){document.getElementById('metadataIPFSHash').innerHTML = userProfile.metadataIPFSHash};
      if (userProfile.tippedAVAX){document.getElementById('tippedAVAX').innerHTML = userProfile.tippedAVAX};
      document.getElementById('tippedWOWX').innerHTML = 0;
      return
    }

    async function publishHandleAVAX() {
      const handle = document.getElementById('handleInput').value;
      if (handle == "") {
        notif('Cannot publish an empty value.', 'warning');
      }
      const walletAddress = await getMetamaskAccount();
      const gasPrice = await w3.eth.getGasPrice();
      const gasLimit = await contract.methods.setUserHandle(handle).estimateGas(function(err, gas){
        return gas;
      });
      try {
        notif(`Publishing user handle "${handle}" to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
        let res = await contract.methods.setUserHandle(handle).send({
          from: walletAddress,
          value: 0,
          gasPrice: gasPrice,
          gas: gasLimit
        });
        console.log(res);
        window.location.href = "";
      } catch(e) {
        notif(e.message, 'warning');
      }
    }

    async function publishWowneroAddress() {
      const address = document.getElementById('wowneroAddressInput').value;
      if (address == "") {
        notif('Cannot publish an empty value.', 'warning');
      }
      const walletAddress = await getMetamaskAccount();
      const gasPrice = await w3.eth.getGasPrice();
      const gasLimit = await contract.methods.setUserWowneroAddress(address).estimateGas(function(err, gas){
        return gas;
      });
      try {
        notif(`Publishing Wownero address "${address.slice(0, 6)}...${address.slice(-6)}" to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
        let res = await contract.methods.setUserWowneroAddress(address).send({
          from: walletAddress,
          value: 0,
          gasPrice: gasPrice,
          gas: gasLimit
        });
        console.log(res);
        window.location.href = "";
      } catch(e) {
        notif(e.message, 'warning');
      }
    }

    async function publishMetadataIPFSHash() {
      const _hash = document.getElementById('metadataIPFSHashInput').value;
      if (_hash == "") {
        notif('Cannot publish an empty value.', 'warning');
      }
      const walletAddress = await getMetamaskAccount();
      const gasPrice = await w3.eth.getGasPrice();
      const gasLimit = await contract.methods.setUserMetadata(_hash).estimateGas(function(err, gas){
        return gas;
      });
      try {
        notif(`Publishing user profile metadata IPFS hash ${_hash} to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
        let res = await contract.methods.setUserMetadata(_hash).send({
          from: walletAddress,
          value: 0,
          gasPrice: gasPrice,
          gas: gasLimit
        });
        console.log(res);
        window.location.href = "";
      } catch(e) {
        notif(e.message, 'warning');
      }
    }

    window.addEventListener('DOMContentLoaded', () => {
      fetchUserProfile();
    });
  </script>

  <style>
  input { width: 30%; }
  </style>
  </body>
</html>
get dialed in with avax in configs and frontend 3 years ago			`{% set is_user = current_user == user %}`
redoing cli, getting basic mod queue going, setting up profile, etc 3 years ago			`<!DOCTYPE html>`
			`<html>`
			`{% include 'includes/head.html' %}`
			`<body>`
			`<section class="section">`
			`<div class="container">`

			`{% include 'includes/navbar.html' %}`

			`{% if user %}`
get dialed in with avax in configs and frontend 3 years ago			`<div class="screen">`
			`<div class="columns">`
trying to improve js, setting up minting 3 years ago			`<div class="column is-full content">`
			`<h3>From Avalanche Blockchain</h3>`
ux updates 3 years ago			`<p>Handle: <strong><span id="userHandle" class="mr-4">?</span></strong></p>`
			`<p>Wownero Address: <strong><span id="wowneroAddress" class="mr-4 wrap">?</span></strong></p>`
			`<p>Profile IPFS Hash: <strong><span id="metadataIPFSHash">?</span></strong></p>`
			`<p>Tipped AVAX: <strong><span id="tippedAVAX">?</span></strong></p>`
			`<p>Tipped WOWX: <strong><span id="tippedWOWX">?</span></strong></p>`
			`<p>Tipped WOW: <strong><span id="tippedWOW">?</span></strong></p>`
get dialed in with avax in configs and frontend 3 years ago
trying to improve js, setting up minting 3 years ago			`<h3>From Local Database</h3>`
get dialed in with avax in configs and frontend 3 years ago			`<p>`
ux improvements 3 years ago			`Handle:`
get dialed in with avax in configs and frontend 3 years ago			`{% if is_user %}`
ux improvements 3 years ago			`<input id="handleInput" type="text" placeholder="{{ user.handle }}" value="{{ user.handle }}"></input>`
get dialed in with avax in configs and frontend 3 years ago			`<a onclick="publishHandleAVAX()" class="publishAVAX">Publish AVAX</a>`
ux improvements 3 years ago			`{% else %}`
			`<strong>{{ user.handle }}</strong>`
get dialed in with avax in configs and frontend 3 years ago			`{% endif %}`
			`</p>`
			`<p>`
ux improvements 3 years ago			`Wownero Address:`
get dialed in with avax in configs and frontend 3 years ago			`{% if is_user %}`
ux updates 3 years ago			`<input id="wowneroAddressInput" type="text" placeholder="{{ user.wownero_address or '' }}" value="{{ user.wownero_address or '' }}"></input>`
get dialed in with avax in configs and frontend 3 years ago			`<a onclick="publishWowneroAddress()" class="publishAVAX">Publish AVAX</a>`
ux improvements 3 years ago			`{% else %}`
ux updates 3 years ago			`<strong><span class="wrap">{{ user.wownero_address }}</span></strong>`
get dialed in with avax in configs and frontend 3 years ago			`{% endif %}`
			`</p>`
			`<p>`
ux improvements 3 years ago			`Metadata IPFS Hash:`
get dialed in with avax in configs and frontend 3 years ago			`{% if is_user %}`
ux updates 3 years ago			`<input id="metadataIPFSHashInput" type="text" placeholder="{{ user.ipfs_hash or '' }}" value="{{ user.ipfs_hash or '' }}"></input>`
get dialed in with avax in configs and frontend 3 years ago			`<a onclick="publishMetadataIPFSHash()" class="publishAVAX">Publish AVAX</a>`
ux improvements 3 years ago			`{% else %}`
			`<strong>{{ user.ipfs_hash }}</strong>`
get dialed in with avax in configs and frontend 3 years ago			`{% endif %}`
			`</p>`
			`<p>Register Date: <strong>{{ user.register_date }}</strong></p>`
ux updates 3 years ago			`<p>Last Login Date: <strong>{{ user.last_login_date }}</strong></p>`
get dialed in with avax in configs and frontend 3 years ago			`<p>Moderator: <strong>{{ user.is_moderator() }}</strong></p>`
			`<p>Verified: <strong>{{ user.verified }}</strong></p>`
			`<p>Memes Posted: <strong>{{ user.memes \| length }}</strong></p>`
			`{% if user.bio %}`
			`<p>Bio: {{ user.bio }}</p>`
			`{% endif %}`
			`{% if user.website %}`
			`<p>Website: <a href="{{ user.website_url }}" target="_blank">{{ user.website_url }}</a></p>`
			`{% endif %}`
ux updates 3 years ago			`{% if is_user %}`
trying to improve js, setting up minting 3 years ago			`<p><a onclick="saveDB()" class="ml-2 button is-primary">Save DB</a></p>`
ux updates 3 years ago			`{% endif %}`
get dialed in with avax in configs and frontend 3 years ago			`</div>`
redoing cli, getting basic mod queue going, setting up profile, etc 3 years ago			`</div>`
get dialed in with avax in configs and frontend 3 years ago			`</div>`
redoing cli, getting basic mod queue going, setting up profile, etc 3 years ago			`{% endif %}`

			`</div>`
			`</section>`
get dialed in with avax in configs and frontend 3 years ago			`{% include 'includes/footer.html' %}`
rework some javascript bits 3 years ago
get dialed in with avax in configs and frontend 3 years ago			`<script type="text/javascript">`
			`async function saveDB() {`
			`await fetch('{{ url_for("api.update_user" ) }}', {`
			`method: 'POST',`
			`headers: {`
			`'Content-Type': 'application/json;charset=utf-8'`
			`},`
			`body: JSON.stringify({`
			`'user_id': {{ user.id }},`
			`'handle': document.getElementById('handleInput').value,`
			`'wownero_address': document.getElementById('wowneroAddressInput').value,`
			`'ipfs_hash': document.getElementById('metadataIPFSHashInput').value,`
			`})`
			`})`
			`.then((resp) => resp.json())`
			`.then(function(data) {`
			`console.log(data)`
			`if (data['success']) {`
trying to improve js, setting up minting 3 years ago			`notif('Updated user information in this server\'s database.', 'success');`
			`notif('Publish to the Avalanche blockchain to make the data globally available.', 'info');`
get dialed in with avax in configs and frontend 3 years ago			`} else {`
ux updates 3 years ago			`notif(data['message'], 'error');`
get dialed in with avax in configs and frontend 3 years ago			`}`
			`})`
			`}`


			`async function fetchUserProfile() {`
			`_walletAddress = w3.utils.toChecksumAddress('{{ user.public_address }}');`
			`const userProfile = await contract.methods.userProfile(_walletAddress).call();`
ux updates 3 years ago			`if (userProfile.userHandle){document.getElementById('userHandle').innerHTML = userProfile.userHandle};`
			`if (userProfile.wowneroAddress){document.getElementById('wowneroAddress').innerHTML = userProfile.wowneroAddress};`
			`if (userProfile.metadataIPFSHash){document.getElementById('metadataIPFSHash').innerHTML = userProfile.metadataIPFSHash};`
			`if (userProfile.tippedAVAX){document.getElementById('tippedAVAX').innerHTML = userProfile.tippedAVAX};`
get dialed in with avax in configs and frontend 3 years ago			`document.getElementById('tippedWOWX').innerHTML = 0;`
			`return`
			`}`

			`async function publishHandleAVAX() {`
			`const handle = document.getElementById('handleInput').value;`
			`if (handle == "") {`
			`notif('Cannot publish an empty value.', 'warning');`
			`}`
			`const walletAddress = await getMetamaskAccount();`
			`const gasPrice = await w3.eth.getGasPrice();`
			`const gasLimit = await contract.methods.setUserHandle(handle).estimateGas(function(err, gas){`
			`return gas;`
			`});`
ux updates 3 years ago			`try {`
trying to improve js, setting up minting 3 years ago			notif(`Publishing user handle "${handle}" to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
ux updates 3 years ago			`let res = await contract.methods.setUserHandle(handle).send({`
			`from: walletAddress,`
			`value: 0,`
			`gasPrice: gasPrice,`
			`gas: gasLimit`
			`});`
			`console.log(res);`
			`window.location.href = "";`
			`} catch(e) {`
			`notif(e.message, 'warning');`
			`}`
get dialed in with avax in configs and frontend 3 years ago			`}`

			`async function publishWowneroAddress() {`
			`const address = document.getElementById('wowneroAddressInput').value;`
			`if (address == "") {`
			`notif('Cannot publish an empty value.', 'warning');`
			`}`
			`const walletAddress = await getMetamaskAccount();`
			`const gasPrice = await w3.eth.getGasPrice();`
			`const gasLimit = await contract.methods.setUserWowneroAddress(address).estimateGas(function(err, gas){`
			`return gas;`
			`});`
ux updates 3 years ago			`try {`
trying to improve js, setting up minting 3 years ago			notif(`Publishing Wownero address "${address.slice(0, 6)}...${address.slice(-6)}" to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
ux updates 3 years ago			`let res = await contract.methods.setUserWowneroAddress(address).send({`
			`from: walletAddress,`
			`value: 0,`
			`gasPrice: gasPrice,`
			`gas: gasLimit`
			`});`
			`console.log(res);`
			`window.location.href = "";`
			`} catch(e) {`
			`notif(e.message, 'warning');`
			`}`
get dialed in with avax in configs and frontend 3 years ago			`}`

			`async function publishMetadataIPFSHash() {`
			`const _hash = document.getElementById('metadataIPFSHashInput').value;`
			`if (_hash == "") {`
			`notif('Cannot publish an empty value.', 'warning');`
			`}`
			`const walletAddress = await getMetamaskAccount();`
			`const gasPrice = await w3.eth.getGasPrice();`
			`const gasLimit = await contract.methods.setUserMetadata(_hash).estimateGas(function(err, gas){`
			`return gas;`
			`});`
ux updates 3 years ago			`try {`
trying to improve js, setting up minting 3 years ago			notif(`Publishing user profile metadata IPFS hash ${_hash} to the Avalanche blockchain for address ${walletAddress.slice(0, 6)}...${walletAddress.slice(-6)}.`, 'info');
ux updates 3 years ago			`let res = await contract.methods.setUserMetadata(_hash).send({`
			`from: walletAddress,`
			`value: 0,`
			`gasPrice: gasPrice,`
			`gas: gasLimit`
			`});`
			`console.log(res);`
			`window.location.href = "";`
			`} catch(e) {`
			`notif(e.message, 'warning');`
			`}`
get dialed in with avax in configs and frontend 3 years ago			`}`

			`window.addEventListener('DOMContentLoaded', () => {`
			`fetchUserProfile();`
			`});`
			`</script>`
redoing cli, getting basic mod queue going, setting up profile, etc 3 years ago
get dialed in with avax in configs and frontend 3 years ago			`<style>`
			`input { width: 30%; }`
			`</style>`
redoing cli, getting basic mod queue going, setting up profile, etc 3 years ago			`</body>`
			`</html>`