[jbosstools-issues] [JBoss JIRA] (JBIDE-18054) Visual Preview page is empty for Ionic myApp project index.htmx

Thu Aug 7 04:22:34 EDT 2014

    [ https://issues.jboss.org/browse/JBIDE-18054?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12991133#comment-12991133 ] 

Ilya Buziuk commented on JBIDE-18054:
-------------------------------------

[~dgolovin], [~kmarmaliykov] there is no need in attaching project - it's really easy to create it via ionic CLI. 
I have created 2 projects with different templates (*sidemenu* and *tabs*) and everything works fine on windows - http://screencast.com/t/ezRqf4Syjct
Despite the fact that from time to time the following pop-up is shown !alert.png|thumbnail!. So, I do believe it's coupled with the obsolete xulrunner (need to check it on Ubuntu)
However, as you see on the demo we do not prevent navigation on that kind of single page applications due to the fact that all ui is created via angular. 
{code:title=index.html|borderStyle=solid}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
  </head>

  <body ng-app="starter">
    <ion-nav-view></ion-nav-view>
  </body>
</html>
{code}

> Visual Preview page is empty for Ionic myApp project index.htmx
> ---------------------------------------------------------------
>
>                 Key: JBIDE-18054
>                 URL: https://issues.jboss.org/browse/JBIDE-18054
>             Project: Tools (JBoss Tools)
>          Issue Type: Bug
>          Components: visual-page-editor-core
>    Affects Versions: 4.2.0.Beta3
>         Environment: Linux x86_64
>            Reporter: Denis Golovin
>            Assignee: Ilya Buziuk
>             Fix For: 4.2.0.CR1
>
>         Attachments: alert.png, ionic-index-html.png
>
>
> Create Ionic myApp foloving instructions on http://ionicframework.com/getting-started/.
> Import it using Thym Import Project and open www/index.html in visual editor. The result is almost empty page
> !ionic-index-html.png!


--
This message was sent by Atlassian JIRA
(v6.2.6#6264)