Giter Club home page Giter Club logo

intel / rib Goto Github PK

View Code? Open in Web Editor NEW
147.0 147.0 75.0 6.35 MB

Rapid Interface Builder (RIB) is a browser-based design tool for quickly prototyping and creating the user interface for web applications. Layout your UI by dropping widgets onto a canvas. Run the UI in an interactive "Preview mode". Export the generated HTML and Javascript. It's that simple!

Home Page: https://01.org/rib

License: Apache License 2.0

JavaScript 81.78% Shell 0.05% CSS 17.69% HTML 0.48%

rib's Introduction

Prerequisites:
==============
1) RIB supports running only in a Chromium/Chrome browser at this time. It
   Does not work on Firefox.
2) Should work on Linux, Windows, and Mac. Primarily tested on Ubuntu 11.04,
   Windows 7, and Windows XP, with some testing on other Ubuntu versions and
   Mac.

To install Chromium on an Ubuntu 11.04 system:
$ sudo apt-get install chromium-browser

Running:
========
To run RIB, you have two options:

1) Start your Chromium browser with the "--allow-file-access-from-files"
   and "--enable-file-cookies" options and point it to
   file:///path/to/rib/index.html

For example:
$ chromium-browser --allow-file-access-from-files --enable-file-cookies index.html

2) Point a locally running webserver to the directory you've cloned the
   builder project to (may be just a symlink, depending on your web server
   options)

For example, something like:
$ sudo apt-get install thttpd
$ sudo ln -s <path-to-git-tree>/builder /var/www/builder
$ chromium-browser http://localhost/builder

You may need to configure thttpd to start up.

Legal Stuff:
============
Copyright (c) 2011-2012, Intel Corporation.

Unless otherwise noted below, all code is Licensed under the Apache Public
License version 2.0 (LICENSE-APLv2.txt).  For a complete list of files and
their source, license and copyright, look in the "FILES" file.

The following files were copied into this project from upstream and are
necessary for the runtime use of this application:

File:					License:	Copyright Holder:
-----					--------	-----------------
lib/jquery-1.6.4.js			MIT & GPLv2	The jQuery Project
lib/jquery-1.6.4.min.js			MIT & GPLv2	The jQuery Project
lib/jquery-ui-1.8.16.custom.js		MIT & GPLv2	The jQuery Project
lib/jquery-ui-1.8.16.custom.min.js	MIT & GPLv2	The jQuery Project
lib/jquery.mobile-1.0.js		MIT & GPLv2	The jQuery Project
lib/jquery.mobile-1.0.min.js		MIT & GPLv2	The jQuery Project
src/css/jquery.mobile-1.0.css		MIT & GPLv2	The jQuery Project
src/css/jquery.mobile-1.0.min.css	MIT & GPLv2	The jQuery Project
lib/js-beautify/beautify-html.js	MIT		Einar Lielmanis[4]
lib/js-beautify/beautify.js		MIT		Einar Lielmanis[4]
lib/web-ui-fw.js			MIT             Intel
lib/web-ui-fw-libs.js			MIT             Intel
src/css/web-ui-fw-theme.css		MIT             Intel
src/css/web-ui-fw-widgets.css		MIT             Intel
lib/jszip.js				MIT or GPLv3	Stuart Knightley[5]
lib/zipfile.js				Modified BSD    Arnaud Renervier[6]
lib/deflate.js				MIT/X11         Arnaud Renervier[6]
lib/CodeMirror-2.21/LICENSE		BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/lib/codemirror.css	BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/lib/codemirror.js	BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/mode/css/css.js	BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/mode/htmlmixed/htmlmixed.js
					BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/mode/javascript/javascript.js
					BSD-like	Marijn Haverbeke
lib/CodeMirror-2.21/mode/xml/xml.js	BSD-like	Marijn Haverbeke

The following files were copied into this project from upstream and are
only included as development tools (build, debugging, reporting).  They
are not to be included in any releases or packages for this project:

File:					License:	Copyright Holder:
-----					--------	-----------------
build/jslint.js				BSD-like	Douglas Crockford[2,3]
					(w/ conditions)
build/crxmake.sh			BSD		Google[7]

Notes:
[2] [email protected]
[3] Portions of the file (jslint.js) are copyright Intel Corporation, 2011-2012
[4] [email protected]
[5] [email protected]
[6] [email protected]
[7] Copyright 2011 Google (http://code.google.com/chrome/extensions/crx.html)

rib's People

Contributors

cwong1 avatar donnawudongxia avatar grgustaf avatar juntian avatar maxyu avatar mikemaxfr avatar sbryan avatar xuzhang avatar zeroooing avatar zhizhangchen avatar

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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

rib's Issues

Add Edit Device feature to preview tab

The preview tab should include an "edit device" button that allows user custom device settings created with "add device" to be edited.

Somehow they should be able to delete as well, maybe this could just be a button on the Edit Device dialog.

Update the JQuery lib

Hello! Could you please upgrade JQuery to 1.8.0 or 1.7.2, 1.6.4 is outdated and doesnt support some features (and events) we'd like to see in our applications.

Thanks.

while opening the RIB in a iframe drag and drop is not working.

w.draggable.filter palette.js:105
elem.(anonymous function) jquery-workarounds.js:79
c.extend.plugin.call jquery-ui-1.8.16.custom.min.js:17
d.widget._trigger jquery-ui-1.8.16.custom.min.js:101
d.widget._mouseStart jquery-ui-1.8.16.custom.min.js:85
b.widget._mouseMove jquery-ui-1.8.16.custom.min.js:49
_mouseMoveDelegate jquery-ui-1.8.16.custom.min.js:48
f.event.handle jquery-1.6.4.min.js:3
i.handle.k

The export problem

Hi,

can somebody helps me to solve the export issue. I've tried the Preview-1 and Preview-2 versions but with both of them I can't export my project. The chrome was lunched with the --enable-file-cookies --allow-file-access-from-files attributes but unfortunately nothing changes. I'm running the RIB on my windows 8.1 OS and localhost based on apache. Even the online version doesn't export. Is it comes from my computer settings or it is some global issue?

Layout can't show!

When I click preview.Then click layout.!
It can't show! amazing!!!
But when I refresh page It show now.!!

can't put widget in new page.

when I create new page.I can't put from rightSide widgets to content area .why ???
Thanks !quickly to help this issue.

Button target doesn't set

I can't set targets on buttons on Chrome browser. On Safari browser it's working right, what can be the problem.
Thanks in advance!

Maintain a short list of recently used devices on preview

The preview mode has a dropdown for recently used devices. This should include say the 5 most recently used devices. (Make this consant number easily configurable in code.)

Presumably it's overkill to save the most recently used devices per project? So I would expect this to be system-wide, although perhaps saving the single most recently used per project would make sense at least.

Export feature breaking for old projects

OS X 10.8.3
Chrome 27.0.1453.47 beta

The export feature works for new projects
Once a project has been exported a few times it stops working. No error reported.

export as zip produced an error

Hallo,
i use the rib under Linux (Ubuntu 12.04). When i export my project as zip, than i can't open this zip-archive with default archive-program.
This error massage would show:

7-Zip 9.20 Copyright (c) 1999-2010 Igor Pavlov 2010-11-18
p7zip Version 9.20 (locale=de_DE.UTF-8,Utf16=on,HugeFiles=on,4 CPUs)

Error: /home/director/Downloads/Stockkarte Mobile.zip: Can not open file as archive

Errors: 1

And the file-size from the zip-archive is 19 Bytes. i think that is to small for a project. What is wrong or is this a bug?

List Divider

Hi all,

i can´t set a List Divider on a blank page. If I try to drag a List Divider on the page the page is going gray.

How can i set the List Divider on my page?

Thanks for help.

produce different Header-Code in Export

as far as i understand, the integration of libs is done in src/js/widgets.js by setting the property "designOnly" in the sections libs+css.

While the Preview AND the Export is controlled by this it would be helpful to export different souces (eg. loading jquery[mobile].js from a CDN or include newer libs).

Cannot find the latest release

Greetings and first, thank you for sharing RIB.

I see on site it says "Last Updated January 22, 2014" but I cannot find such updates?

Can you share where one ole man could find them:)

Thank you!

Setting footer-element as "fixed" breaks layout on chrome 19

Fixed footer-element breaks layout on chrome 19.

Set the footer as "fixed" and the footer tries to catch the actual end of the browser window, and not the end of the canvas as it should.
Thus the footer disappears and trying to scroll the canvas ends up growing the height endlessly.

The bug doesn't appear on current chromium stable.

bug about Chinese character

import the project which created with a few of Chinese character by RIB,the Chinese character will be messy code,such as the the button's Text. i hope it would be ok. thanks!!!

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.