appverse/appverse-web-html5-core

Appverse Web Client Side core module based on HTML5 and Java Script

appverse-web-html5-core

Appverse Web Client Side core module based on HTML5 and Java Script

More Information

• About this project: http://appverse.github.com/appverse-web
• About licenses & groups: http://appverse.github.com
• About The Appverse Project: http://appverse.org

###Download

GitHub page GitHub boilerplate page or bower install appverse-web-html5-core

##Running (For using Appverse in your Angular app)

####Before you start, tools you will need

• Download and install git
• Download and install nodeJS
• Install bower npm install -g bower

####Inside of your app:

• Run bower install appverse-web-html5-core -S
• Add the following to your index.html

<!-- build:js scripts/scripts.js -->
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-touch/angular-touch.min.js"></script>   

    <!-- uibootstrap -->
    <script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/transition.js"></script>
    <script src="bower_components/bootstrap-sass-official/vendor/assets/javascripts/bootstrap/collapse.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

    <!-- modules -->
    <script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
    <script src="bower_components/angular-cache/dist/angular-cache.min.js"></script>
    <script src="bower_components/ng-grid/build/ng-grid.debug.js"></script>

    <!-- UI components -->
    <script src="bower_components/venturocket-angular-slider/build/angular-slider.min.js"></script>
    <script src="bower_components/qrcode/lib/qrcode.min.js"></script>
    <script src="bower_components/angular-qr/angular-qr.min.js"></script>
    <script src="bower_components/angular-xeditable/dist/js/xeditable.js"></script>
  <!-- ########## API modules ########## -->

    <!-- Cache module -->
    <script src="bower_components/angular-cache/dist/angular-cache.min.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-cache.js"></script>

    <script src="bower_components/appverse-web-html5-core/src/modules/api-configuration.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-detection.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-logging.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-main.js"></script>

    <!-- REST module -->
    <script src="bower_components/lodash/lodash.min.js"></script>
    <script src="bower_components/restangular/dist/restangular.min.js"></script>
    <script src="bower_components/appverse-web-html5-core/dist/appverse-rest/appverse-rest.min.js"></script>

    <!-- Ionic module -->
    <script src="bower_components/ionic/release/ionic.min.js"></script>
    <script src="bower_components/ionic/release/ionic-angular.min.js"></script>
    <script src="bower_components/appverse-web-html5-core/dist/appverse-ionic/appverse-ionic.min.js"></script>

    <!-- Server Push module -->
    <script src="bower_components/sockjs-client/dist/sockjs.js"></script>
    <script src="bower_components/stomp-websocket/lib/stomp.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-serverpush.js"></script>

    <!-- Translate module -->
    <script src="bower_components/appverse-web-html5-core/src/modules/api-translate.js"></script>
    <script src="bower_components/angular-translate/angular-translate.min.js"></script>
    <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script>
    <script src="bower_components/angular-dynamic-locale/src/tmhDynamicLocale.js"></script>

    <script src="bower_components/appverse-web-html5-core/src/modules/api-utils.js"></script>

    <!-- Directives should be included after the modules -->
    <script src="bower_components/appverse-web-html5-core/src/directives/cache-directives.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/directives/rest-directives.js"></script>
    <script src="bower_components/appverse-web-html5-core/src/modules/api-performance.js"></script>


    <!-- your scripts here-->

    <!-- endbuild -->

• Add the appverse-web-html5-core module to your Angular module list (e.g. in a main app.js file: angular.module('yourMainModule',['COMMONAPI']))

• On your main.scss file add the following line on the begining of the dile

@import '../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';

License

Copyright (c) 2012 GFT Appverse, S.L., Sociedad Unipersonal.

 This Source  Code Form  is subject to the  terms of  the Appverse Public License
 Version 2.0  ("APL v2.0").  If a copy of  the APL  was not  distributed with this
 file, You can obtain one at <http://appverse.org/legal/appverse-license/>.

 Redistribution and use in  source and binary forms, with or without modification,
 are permitted provided that the  conditions  of the  AppVerse Public License v2.0
 are met.

 THIS SOFTWARE IS PROVIDED BY THE  COPYRIGHT HOLDERS  AND CONTRIBUTORS "AS IS" AND
 ANY EXPRESS  OR IMPLIED WARRANTIES, INCLUDING, BUT  NOT LIMITED TO,   THE IMPLIED
 WARRANTIES   OF  MERCHANTABILITY   AND   FITNESS   FOR A PARTICULAR  PURPOSE  ARE
 DISCLAIMED. EXCEPT IN CASE OF WILLFUL MISCONDUCT OR GROSS NEGLIGENCE, IN NO EVENT
 SHALL THE  COPYRIGHT OWNER  OR  CONTRIBUTORS  BE LIABLE FOR ANY DIRECT, INDIRECT,
 INCIDENTAL,  SPECIAL,   EXEMPLARY,  OR CONSEQUENTIAL DAMAGES  (INCLUDING, BUT NOT
 LIMITED TO,  PROCUREMENT OF SUBSTITUTE  GOODS OR SERVICES;  LOSS OF USE, DATA, OR
 PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT(INCLUDING NEGLIGENCE OR OTHERWISE)
 ARISING  IN  ANY WAY OUT  OF THE USE  OF THIS  SOFTWARE,  EVEN  IF ADVISED OF THE
 POSSIBILITY OF SUCH DAMAGE.

appverse-web-html5-core's Issues

Conflict with angular-translate and appverse-translate

Hello,

We've been using Appverse as bootstrap solution in a client's HTML5 and SPA architecture, and we received internal issues regarding the performance of the translation module (appverse-translation).

The developers tried to upgrade angular-translate by themselves but reported conflicts with the appverse-translate module:

function decorateTranslateDirective($delegate, translateFilter) {

        // Get the original directive and its linking function
        var directive = $delegate[0];
        var originalLinkFunction = directive.link;

In the latest versions of angular-translate handles the directive.link internally in the compile function of itself, so originalLinkFunction becomes undefined.

How this could be fixed so we can upgrade properly the angular-translate module of our applications without conflict with your library?

Thank you,
Arnau.

[Question] How can we improve the Appverse?

Hey guys, I just started using Appverse here in GFT and I got some stuff that probably could be improved.

I know that maybe you already had a kind of roadmap of improvements, but I´m using for few weeks and some stuff that I saw we can improve step by step.

Possible improvements

• Even though we're using Bootstrap, I´m not sure if the way we're using it's correct. Maybe we could create a based styleguide with few components that we can share and import only the necessary things of Bootstrap instead all components.
• Another thing that maybe could be a great is to define a based folder structure to styles and components following directives like SMACSS, BEM, OOCSS or even few pieces of each one. This way we can really improve the project along the time and maybe in the future even use more components made by ourselves then bootstrap stuff.
• Replace Grunt by Gulp. I know that Grunt is an amazing task runner, but by migrating to Gulp we can use convention instead of configuration and also improve our tasks and build process. Webpack is an option as well, but I personally prefer Gulp instead.
• Remove Ionic from the web version. Why are we loading Ionic dependencies if the project is to the web? I totally support PWA, but I don't think that load unnecessary stuff that probably isn't used in all projects is a good approach. Let's try to keep things simple.
• Define useful modules/services that could help us during the development process or even use some opensource solution.

Nice to Have

• Add ES6 support with Babel and Browserify (With polyfills, and even ES7 support like async/await that it's in stage-3 now).
• Change JSHint to ESLint and start using Airbnb code standard.
• Do we really need Lodash?

PS: Have you ever heard about FountainJS?

That's it, let the discussion begin. 🏇 💨