Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2879

Create html/bootstrap web page based on mockup

    Details

    • Type: Task
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None

      Description

      Use html/bootstrap to create a web page based on mockup

        Attachments

          Issue Links

            Activity

            Hide
            rweidenh Rachel Weidenhammer (Inactive) added a comment -

            I modified Irvin's existing html page and form to reflect the content of the mockup and have begun adding in Bootstrap style classes to the web page.
            Next I will compare the code from Bioviz.org looking to match the styles.

            Show
            rweidenh Rachel Weidenhammer (Inactive) added a comment - I modified Irvin's existing html page and form to reflect the content of the mockup and have begun adding in Bootstrap style classes to the web page. Next I will compare the code from Bioviz.org looking to match the styles.
            Hide
            rweidenh Rachel Weidenhammer (Inactive) added a comment - - edited

            Philip directed me in some code changes based on the issue he did a while back on IGBF-2414.
            It looks like the code's age as well as other styles applied to the genome-dashboard affect our ability to just lift the menu bar from there to here.

            Currently the code has the menu bar options which are functional, and Track Hub content and url submit form.
            The content can be seen in the TrackHubContentPresent.png file attached.
            As you can see in TrackHubContentNeedsCSS.png, the hamburger menu as well as "BioViz" icon text need a CSS change to non-white colors, but they are present.
            The elements has also become inline through some of the menu bar CSS so those need to be re-aligned.

            Topic Branch: https://bitbucket.org/Rweidenh/track-hub-converter-webapp/branch/IGBF-2879
            Code changes: https://bitbucket.org/Rweidenh/track-hub-converter-webapp/commits/8c622779e0fdba3037bd6d5870da02d6747ed1b2?at=IGBF-2879

            Show
            rweidenh Rachel Weidenhammer (Inactive) added a comment - - edited Philip directed me in some code changes based on the issue he did a while back on IGBF-2414 . It looks like the code's age as well as other styles applied to the genome-dashboard affect our ability to just lift the menu bar from there to here. Currently the code has the menu bar options which are functional, and Track Hub content and url submit form. The content can be seen in the TrackHubContentPresent.png file attached. As you can see in TrackHubContentNeedsCSS.png, the hamburger menu as well as "BioViz" icon text need a CSS change to non-white colors, but they are present. The elements has also become inline through some of the menu bar CSS so those need to be re-aligned. Topic Branch: https://bitbucket.org/Rweidenh/track-hub-converter-webapp/branch/IGBF-2879 Code changes: https://bitbucket.org/Rweidenh/track-hub-converter-webapp/commits/8c622779e0fdba3037bd6d5870da02d6747ed1b2?at=IGBF-2879
            Hide
            omarne Omkar Marne added a comment - - edited

            The GUI of the trackhub website is ready. I have made some modifications in Rachel's HTML/Bootstrap's code to make it more robust and user friendly. I have included the links and recommendations from bioviz app store.

            Show
            omarne Omkar Marne added a comment - - edited The GUI of the trackhub website is ready. I have made some modifications in Rachel's HTML/Bootstrap's code to make it more robust and user friendly. I have included the links and recommendations from bioviz app store.

              People

              • Assignee:
                omarne Omkar Marne
                Reporter:
                rweidenh Rachel Weidenhammer (Inactive)
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: