#338 Run button next to fedora AMI instances.
Closed: Fixed None Opened 11 years ago by mattdm.

We've got a list of Fedora EC2 images at http://fedoraproject.org/en/get-fedora-options#clouds

It would be awesome if each of these had a "Run" (or "launch", or something) button next to each one. Clicking this button would take you right into Amazon and into spinning up an instance.

Maybe with a pretty graphic?


could you please provide the URL that we should target? I have no idea where we create new instance there :)

Also, if you can see with design to get a nice graphic/icon, that would be awesome.

Thanks,

Can you please have a look on commit 963bf42 and see if it is ok for you? Should be alive in half an hour or so.

http://fedoraproject.org/en/get-fedora-options#cloud

No further comments on this, I assume it's fine ;)

Unfortunately, doesn't actually work. Takes you to the amazon web services start page but doesn't take you to the instance launch.

Also, once it's working, I wonder if the cloud button could be enhanced with something to indicate that it's a button? Maybe just the text "launch"?

Yes it takes you to the same page as the Ubuntu one you linked, for every single instance. I don't know the right procedure but I think you need a valid account to download it.

Could you please tell us which link you mean exactly?

The 'launch' is on the top of the column and at mouseover you will see a description title, much better than having 20 buttons with 'launch' written on it, IMHO.

Replying to [comment:6 robyduck]:

Yes it takes you to the same page as the Ubuntu one you linked, for every single instance. I don't know the right procedure but I think you need a valid account to download it.

Yes, you need a valid account. This won't download anything, but will take you to the wizard to start the instance in Amazon's EC2 cloud service. (Note that clicking doesn't actually start anything, so it won't cost you anything to try.)

Ubuntu's button results in this:

[[Image(ubuntu-launch.png, 600px)]]

Whereas ours just sticks you here:

[[Image(fedora-launch.png, 600px)]]

Could you please tell us which link you mean exactly?

The same ones that Ubuntu is using. A URL like

https://console.aws.amazon.com/ec2/home?region=us-east-1#launchAmi=ami-6145cc08

appears to work.

The 'launch' is on the top of the column and at mouseover you will see a description title, much better than having 20 buttons with 'launch' written on it, IMHO.

I agree that a repeated grid of options isn't ideal. Maybe a drop-down to select the region and architecture, instead of the current table?

Ok, I just pushed a fix for the link. Will be alive in half an hour.

A drop-down is a nice idea, will see if we can place it somewhere, where we can give people also clear informations of how it works and what it is.

Replying to [comment:7 mattdm]:

Yes, you need a valid account. This won't download anything, but will take you to the wizard to start the instance in Amazon's EC2 cloud service. (Note that clicking doesn't actually start anything, so it won't cost you anything to try.)

But you need to register your credit card to be able to try. I exited the registration process :)

Should be resolved now, please check.

About the menu list, we could do a dynamic one, but it would be with Javascript. I haven't the right solution yet to do it without JS

I played a bit around with a CSS menu, just because we want to avoid JS. I don't know if this is a good solution, because it includes hard links and is a nav bar. Better would be having a template, but perhaps you can give us some feedback on that.

Is this kind of drop down menu what you were thinking about?

https://fedorahosted.org/fedora-websites/attachment/ticket/132/23.png

I was thinking more like this:

{{{

!html

Fedora Cloud Images











RegionArchitectureAMI ID

<select>
<option>us-east-1</option>
<option>us-west-1</option>
<option>us-west-2</option>
<option>eu-west-1</option>
<option>sa-east-1</option>
<option>ap-southeast-1</option>
<option>ap-southeast-2</option>
<option>ap-northeast-1</option>
</select>

<select>
<option>64 bit (x86_64)</option>
<option>32 bit (i386)</option>
<select>

(via javascript)

<input type=submit value=Launch>

}}}

Compact and straightforward, and I think easier than the multi-level menu.

Sure, that's the best and easiest solution if you use Javascript, but we want to avoid JS, not all people have JS enabled.

Can we have it do that when people have javascript enabled, and fall back to the current table if not?

mattdm, I worked on the Javascript code, but as it's not on my skills, it tooks me some time.
Please review the following example: http://jsfiddle.net/shaiton/wChSv/4/

Give any feedback, and then I'll write the python template to generate this code nicely on our websites.
Do you need to display the AMI ID?

Any JS guru help review appreciated

Ok, I couldn't stay without doing the template.
It's puthed in stg https://git.fedorahosted.org/cgit/fedora-web.git/commit/?h=stg&id=924e6dc82d527702f5471dcf76205805b24ed36e

if you approve (and probably with a bit more CSS) we can go prod.

Just read the git log summary to understand the feature

I pushed the original script in the staging instance (f19 branch). Would be built at next hour, please check out and comment.
If someone can make better css before release, would be awesome (we can probably add back the picture as button..) Robert?

https://stg.fedoraproject.org/get-fedora-options#clouds

Unfortunately, in firefox 21 in F19 pre-release, I'm just getting this:

[[Image(didntwork.png)]]

You can see I turned off adblock and ghostery, so that's not it...

Thanks mattdm, we fixed that, please have a look on it and let us know what do you think.

We fixed many things. Please have a look at next build or build it locally.
- AMI ID has no border now
- Launch it button looks now as other download button
- Both, the ami id and the launch link are hidden if we don't choose the region.
- It loads early now, without waiting the whole page to be loaded (DOMContentLoaded Vs window.onload).

We can improve the last cloud image design but I could not find a better way (in two colums that's a small array not visible (with two lines).

Cheers,

It's all good in staging, will go in prod at GA time.
Next is #209 on that page.

Thanks,

Login to comment on this ticket.

Metadata
Attachments 4
Attached 11 years ago View Comment
Attached 11 years ago View Comment
Attached 11 years ago View Comment
Attached 10 years ago View Comment