Giter Site home page Giter Site logo

p2pvalue / jetpad Goto Github PK

View Code? Open in Web Editor NEW
56.0 56.0 8.0 5.05 MB

Real-time collaborative text editor built with SwellRT and Angular 2.

Home Page: https://jetpad.net

License: GNU Affero General Public License v3.0

TypeScript 45.83% HTML 11.13% CSS 23.21% JavaScript 19.83%
angular2 editor real-time swellrt

jetpad's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jetpad's Issues

WebKit Mobile Issues

  • (FF Android) on hover a remote user cursor, user's name is inserted in the text, instead of floating over it.

  • (FF Android) on some input events, the whole canvas is selected with a red box and caret moves to first char. So far, problematic inputs are: key enter, space

  • (Safari Ipad) link modal and contextual menu are not placed in the right coordinates. It seems selection coord. calculation doesn't work.

Improve dialogs for new documents

On creation of new documents a dialog must be prompted both for anonymous connections or with logged in users.

The dialog must allow to confirm or discard the creation of the document.

Specific content would be:

  • New document dialog for Anonymous:
    Change the name of the document
    Advise on remind the document URL to access again the document
    Advise user that document will be ALWAYS public

  • New document dialog for logged in users:
    Change the name of the document
    Show document URL to access again the document
    Show public/private document toggle

New editor responsive layout

For the editor view will use same main component supporting both desktop and mobile layouts:

For desktop, there will be two headers:

  • Main header that will span to the full screen width, containing jetpad logo, doc title, participants/share, and user's menu.
  • Toolbar menu, spanning document canvas width.

photo_2016-12-12_16-36-05

The mobile version will hide lateral panels, and top bar, also collapsing tools and options in mobile menus:

photo_2016-12-12_16-36-13

New responsive layout

We will use a more rational separation of content with 3 main views, supported by three main components:

  • Site: for landing and other static content
  • Space: for user's space aka 'my documents'.
  • Editor: for text editor

photo_2016-12-12_16-35-55

Display online participants

On the top bar of the editor, a list of current on line participants must be shown.
Use the service.getProfiles() method to get a reference to the profile manager of SwellRT.
Then register a handler for status changes as follows:

backend: BackendService;

backend.get()
      .then( service => {

           this.profiles = service.profilesManager; // or service.profiles; in old version
           this.profiles.addStatusHandler( {
               
              onUpdate: function(profile) {

               },

               onOffline: function(profileSession) {

              },

             onOnline: function(profileSession) {


             } 
 
            });

        });

Where profile type has following properties:
profile.address, profile.name, profile.shortName, profile.imageUrl
and the methods isCurrentSessionProfile() profile.setName(s) that can be used to display a particular name for anonymous users.

A profile session type has following properties:
sessionId, color, online, profile

The Profile API is beta, so swellrt accept request of changes.

Fix modal position when canvas is moved

When user moves the canvas, every modal is not placed in its correct position. The modal services should be fixed to improve modal position in an absolute way.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.