Coder Social home page Coder Social logo

codexa / firetext Goto Github PK

View Code? Open in Web Editor NEW
38.0 11.0 28.0 7.71 MB

[NOT MAINTAINED] Word Processing App ๐Ÿ“ ๐Ÿ“–

Home Page: https://marketplace.firefox.com/app/firetext

HTML 5.56% JavaScript 62.94% CSS 26.67% Java 4.58% Batchfile 0.02% Shell 0.23%
firefox css javascript word word-processing office productivity editor rich-text-editor firefox-os

firetext's Issues

[Dialog] Prevent regions from moving

The expected behavior of a dialog is to overlay a region. Currently, the regions move out of focus.

This should be done in css if possible, if not, in js.

New program flow

With the implementation of the sidebar, the welcome screen is not needed anymore, and is rather unintuitive.

I think that we should open the edit region on program startup and load the last opened file. If there is none, we should show the document browser (#25).

What are your thoughts?

Styling

Will the HTML and ODML documents use CSS for styling?

Remove Scripts from Documents

As most of our documents will be stored and shown in a HTML based format, it would be a major security vulnerability to allow scripts in documents.

It also might prevent the app from being approved.

Drawer not formatted properly

The drawer isn't formatted correctly and doesn't look like how it should be(https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Drawer)
with the special gray UI, we are also missing the settings icon(very important) and maybe ad button(for opening/new files).

Some helpful links:
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Drawer
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Patterns/Drawer/Coding
http://buildingfirefoxos.com/building-blocks/drawer/

Problems with hash.replace

I am not very experienced with this hashchange method as I am activating the drawer to which I add an click Event Listener that includes a # and the hash.change is interfering with my function (returns empty string > as replaces /#/ with ' ')

Welcome to Codexa!

"Codexa" is our new company/organization from which we are going to create further apps and other products such as firetext. So all the main coding will go on here.
And at later stages, we can register the Codexa.org domain for company recognition.
We as a team are the company and need to collaborate!
Only add experienced and committed coders to the organisation.

Line breaks in .txt

Line breaks don't work in .txt files (the editor uses <br/> instead of \n).

Need feedback for direction of project.

Hello, I have been thinking that implementing odml/html is getting a little buggy and is slowing down the progress of the project.

@Logi0, @HRanDEV, what do you think about making FireText (the first version at least) only support plain text. We could add it later once we have basic functions (open, save, etc..) implemented.

Google api required info

Hey,
I need some info for creating google api(for application):

Open URL (Required)

This URL is used when the user opens an existing Google Drive item with your application.

New URL (Required)

This URL is used when the user selects your application from the "New" menu in Google Drive.

Document Browser

This is very similar to the open dialog, and will be easy to implement.

This region will list all files in the documents folder. The only major difference from the open dialog is that it will allow file deletion/renaming and eventually sharing.

This will replace the welcome screen.

Red header

As our logo mostly contains red and "fire" is red, what about changing the headers to a red color?

Official website

I need access to the official website for the app for google api setup and other stuff

Add way to open files.

This bug covers two different things:
1. The open dialog must show the contents of the sdcard (storage) "Documents" Folder as you cannot view that with a file input.
2. FireText should handle opening a file (editor.innerHTML = document contents;, titleElement = filename;, etc...)

Note: Problem number two has moved to bug #3

Comply with CSP

Some devices will not allow FireText to run unless it complies with the CSP.

This includes:

  1. Removing all inline code.
  2. Creating a function to read events and execute the associated function (stored in data-click, data-down, etc...)

Implement Edit Mode

Edit mode will be a very handy tool. It will allow the user to rename and delete files from their documents folder.

Edit mode will be located on the welcome region, and is activated by, you guessed it, the edit mode icon!

New Tab UI

Now that we have a base, I think we should add the tab UI for multi-file editing (idea continued from request of removing "editing...") of open documents, the filename in text (no extension for now - casual consumer oriented). I think that this would make the app a lot more useful and collaborative. What do you think?(maybe for v2?)
// Basic Preview: https://www.dropbox.com/s/n784pn9tmo1m9az/tabUI.png

Finals:
Design mode: https://www.dropbox.com/s/00e7xnm23gthict/tabUI-design_mode.png
Edit mode: https://www.dropbox.com/s/vu0rl8uj2engvin/tabUI-edit_mode.png

Collaborative editing

Yes, the title says it all! This issue is to track the progress of implementing a collaborative editing environment.

Settings!

This region will be accessed from the welcome region and sidebar.

It will contain preferences like the user's dropbox id.

Note: This feature is for 0.2+, please develop it in that branch.

Error: Permission denied to access property 'document' & Error: frame is null

I can't type anything into the document.

Error: Permission denied to access property is from editor.contentWindow.document.designMode = "on"; (even if I comment this line out I still get the second bug)

and Error: frame is null is from

frame.wrappedJSObject.getVisible().onsuccess = function gv_success(evt) {
  if (!evt.target.result) {
    request.cancel();
    return;
  }

  self.delegatePrompt(request);
};

UI elements

hey where did you guys get the UI elements from?

Creating a document

Hey when will you add the ability to create a new .odml, .txt or .html?(from the interface)

Unique word processor

We need Firetext to be unique and stand out from all the other ordinary/boring text edit apps, so share your ideas!
Well, I have a great idea: what if the more than 1 person could collaborate on one text file? And comment on changes as well as have a history of changes. These changes logs could be stored in local in .txt

It is a bit like github but mobile, compact and instant for text. This could be really useful for example if someone is writing a book and wants his friend to collaborate and help, so then this would be great.

Also we need more word processing we need table, font, picture, +more and for coding we need syntax highlighting for .html.

.rtf Support

This issue tracks the progress of RTF support.

navBack() Function Breaks

Steps to reproduce:

  • Open a file.
  • Click the menu.
  • Click "Open a file..."
  • On the dialog, click the back button.
  • Go to the menu again and click "Create a new file."
  • Click the back button.

Result:
document.getElementById is null.

This is probably a result of my dumb implementation...

ODML Support

This issue tracks the progress of ODML support.

Editing in the editor

We have agreed that this is a general consumer "word processor", so why show raw HTML as barely anyone in the public knows HTML. And what is the point of allowing italic, bold and underline format when it is going to be saved in plain text?

What if we have a design mode (editing through UI for normal consumers) and then have a edit mode where all the design(formatting) is being written in HTML (design mode is just parsed HTML and people who know HTML can edit it if they want(switch through toolbar). And the .txt is just gonna be plain text without any format.

The editing tools for designing(bold, italic, underline, list, position) will probably be in the sidebar

Designs of screens:
Design mode: https://www.dropbox.com/s/00e7xnm23gthict/tabUI-design_mode.png
Edit mode: https://www.dropbox.com/s/vu0rl8uj2engvin/tabUI-edit_mode.png

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.