Uploaded image for project: 'Zeppelin'
  1. Zeppelin
  2. ZEPPELIN-4138

Zeppelin Notebooks + VueJS

    XMLWordPrintableJSON

    Details

    • Type: Improvement
    • Status: In Progress
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: None
    • Labels:

      Description

      Zeppelin Web + Vue JS Prototype

      What is Vue JS?

      What Vue JS is basically a progressive framework rather than an opinionated Framework like angular js or ember js

      It was Originally created by *Evan You* as a way to be a modern js framework Something that you could get up and running quickly and get some real results
      And at the same time maintain a lot of the things that people love about other modern js frameworks.

      Main features of Vue JS

      • Virtual Dom
      • Supports data binding (v-bind)
      • Component-based
      • Computed props
      • Router
      • Directives
      • Watchers
      • Templates (HTML based)
      • Vuex (similar to redux)

      Problems with current Zeppelin Web

      • Extensive use of `ng-show` and `ng-repeat` directives degrading performance.
      • No virtual dom support every HTML manipulation is done on the actual dom.
      • Extensive use of ng-if for hiding and showing elements from UI.
      • AngularJS1 is a relatively outdated framework.
      • Too many watchers causing ace editor typing performance issues.
      • Too many paragraphs with large code and output cause the browser to freeze.
      • The overall feel of the UI is very sluggish contributing to bad User Experience.
      • Lacks a centralized store.

      I have a working prototype of zeppelin-web in vuejs ready with full feature parity

      Design Document: https://docs.google.com/document/d/1FCAVgODwYtpXUxtTdB3JVGrVNEqEzpUA6Dcyi6xvpB4/edit?usp=sharing

        Attachments

        1. zeppelin-studio-ide-3.gif
          1.20 MB
          Malay Majithia
        2. Screenshot 2019-07-11 at 8.18.53 PM.png
          558 kB
          Mukunda Gogoi

          Issue Links

          1.
          Add open/import notebook Sub-task Resolved Malay Majithia  
          2.
          List notebooks Sub-task Resolved Malay Majithia  
          3.
          Export notebook Sub-task Resolved Malay Majithia  
          4.
          Fix md paragraph bugs Sub-task Resolved Mukunda Gogoi  
          5.
          Fix style for dropdown for paragraphs Sub-task Open Mukunda Gogoi  
          6.
          Add instant para add support Sub-task Open Mukunda Gogoi  
          7.
          Add error notifications if para delete fails Sub-task Open Mukunda Gogoi  
          8.
          Add Interpreters page Sub-task Open Malay Majithia  
          9.
          Add interpreters menu entry Sub-task Open Malay Majithia  
          10.
          Interpreters list/create/delete/edit Sub-task Open Malay Majithia  
          11.
          Add interpreter bindings Sub-task Open Mukunda Gogoi  
          12.
          Add table of content Sub-task Resolved Mukunda Gogoi  
          13.
          Rearrange paragraphs Sub-task Open Mukunda Gogoi  
          14.
          Create/List/Delete folders Sub-task Open Malay Majithia  
          15.
          Collab and edit support Sub-task Open Mukunda Gogoi  
          16.
          Interpreter autocomplete Sub-task Open Mukunda Gogoi  
          17.
          Interpreter status Sub-task Open Mukunda Gogoi  
          18.
          Add splitter layout Sub-task Resolved Malay Majithia  
          19.
          UI Testing Automation Framework Sub-task Open Malay Majithia  
          20.
          Context menus Sub-task Open Mukunda Gogoi  
          21.
          Update the design as per the mockups Sub-task Resolved Malay Majithia

          100%

          Original Estimate - Not Specified Original Estimate - Not Specified
          Time Spent - 1h
          22.
          Recycle Bin: Restore, Delete Permanently Sub-task Closed Malay Majithia  
          23.
          Paragraph Controls: Toggle Code / Output / Line Numbers / Title Sub-task In Progress Malay Majithia  
          24.
          Back-end API to create paragraph asynchronously Sub-task Open Unassigned  
          25.
          Filter Notebooks through the search bar Sub-task Open Malay Majithia  
          26.
          Notebook Permalink Support Sub-task In Progress Malay Majithia  
          27.
          Paragraph Permalink Support Sub-task Open Unassigned  
          28.
          Add apache licence header Sub-task Open Malay Majithia  

            Activity

              People

              • Assignee:
                malay Malay Majithia
                Reporter:
                mukundag Mukunda Gogoi
              • Votes:
                9 Vote for this issue
                Watchers:
                10 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0h
                  0h
                  Logged:
                  Time Spent - 11h 10m
                  11h 10m