Smart Token Labs Learn TokenScript, 3 Dec 2019

Previous Meeting

Next Meeting

⏯

youtube image

►

From YouTube: How to edit basic token layout?

Description

1. install Alphawallet through https://d.alphawallet.com
2. get some TokenScript examples from https://github.com/AlphaWallet/TokenScript/tree/master/examples
3. play with the code
4. drop the TokenScript file into your mobile (open with AlphaWallet)
5. enjoy

A

Yes, so we were talking about, we were talking about adding a new button. This.

B

Under graphic and.

C

A

Uefa is a birthday.

C

A

For the two, this is three different views. So, of course, is the view on the very first view.

C

A

One is this one's view: I quantified each slot, so you customize that and in the and here comes.

C

A

I cut these sits the view icon, affine and view, so that's view icon of eye view, and each of these this doesn't exist in our er. C20 exists in NF. T is only, and each of these corresponds to s HTML, which is basically just HTML part of HTML.

C

A

The CSS file to style it, so it's just a certain era. Anyone who uses regular web development will know this, because this is just a simple react. Script in JavaScript, so inside here is.

B

A

B

Before image, yet.

A

So basically, you write just your regular HTML in JavaScript and, if you want to add images say for the wine bottle, you take the image and you convert it into basics or.

C

A

Do that online really easily, and then you just paste it as a regular image.

A

Yeah and then- and then you set it in here, so you just tag it so I put an end symbol, UEFA tour Ian, so.

B

A

The page here also this Ian, because it's English, but you can also put a Chinese one or.

C

A

Here and all it can do in language now inside.

B

Buttons editing.

A

Buttons all you need.

B

A

Is add actions? Oh, if said she, this one's, not a good one, but this doesn't have any actions in it, but this one does so.

C

A

Is just er c20, but the action views are exactly the same in both in if T's and.

B

A

20S, so you see here the view I quantified and view a left blank, because it can't display that doesn't have anything but add a new button. All you need to do is add, what's called an action and that goes inside the cards, so each action will make a button and.

C

A

Label about in here enable but I call so that's.

B

The name this is this is the this is the buttons name, but a name.

A

Oh so I could also put in here the Chinese equivalent eh. It will also render if the language of the phone changes will render Chinese.

B

These are the real action behind this action button yeah, so.

A

If you click it, it will, in this case, will fire a transaction calling the approve function and you SDC contract. But if you have, you can have also actions without any transactions, so you could have an action that just sends a message or does nothing. This goes backwards. You can actually set that inside these. So.

B

That means, if I, if I copy copy this is this whole part and paste it in Geneva, and then there will be a neighbor button. Your Viva tickets, yes,.

B

For this, mine is only one an XML file before you leave our eyes, there's so many so many different. Oh no.

A

There's only one but.

B

But there's there's this: that's.

A

Me making them in direct analyze, squashing everything together. No one signed a tokens good file. Okay,.

B

There's only one so for me to do time. We only need this XML file right, yeah,.

A

And then you would make it squash it into the catalyze one and drop that into the phone, because you need to layout so XML on its own doesn't have any of the layouts in it to run it on the phone. You squash them to a canonicalize file, and then you drop that in.

B

How to do that as mate.

A

Make IRIAF a dog catalyzed XML push, and then it makes it you want to see, but.

B

If I have, if, for example, this well.

A

The debug and iOS allows you to drop. You can drop the XML s HTML CSS into the phone. It can also work. Yes,.

B

The for example, the Rosie told me this file, it's a hides, my father yes, I saw, it's already, can can change the display under and and action yes. So if, if I change based on this at small father does change the that takes, the pay is 64 code in this action or I can change the profit. Yes, then I just need yes,.

A

Just one, the one nuanced is that when you make it into this file, it goes through the XML pauses, so some JavaScript things go funny unless you wrap them in this.

B

Also welcome to be a daughter.

A

B

Well, to change the confer and that work.

A

So you define the contracts that are involved, and then you define here what the contract is. So, for example, if it was a card for the die bridge, I put die here.

C

A

This is for CUSD see, but if I wanted to change it for USD, see I put that there and also.

C

B

A

It has to match this.

B

This is the conqueror address, yeah.

A

And network ID so one for main it etc. Then.

B

Why there's pool because.

A

This see you compound USD, see calls us DC contract to a.

C

Name, therefore,.

A

I define it, but it's not the main. It's not the contract representing this file. Okay,.

B

Then this way is: that is the way we present you this well, yes,.

A

So you define that here, so you say: what's the main contract is.

C

That one okay yeah.

A

And the idea is really clever, it will tell you, it doesn't exist, you put it wrong.

C

A

Yeah but like that yeah and so each action has a layout, page and style. So I can define the enable page and.

B

That's separately.

A

Done with this on layout that.

B

Is fine, though, that would be nice that I.