Giter VIP home page Giter VIP logo

upscuits's Introduction

In french / en français : readme-fr.md

Upscuits

Short for crispy uptime-biscuits

With Upscuits you have a nice overview of the uptime of your servers, and a page to share with your customers.

Build Status

Tools needed:

  • A webserver capable of serving static files
  • A free account at Uptime Robot
  • A oven or text-editor

Preparations:

You can skip step 1 and 2 if you've already got a monitor at Uptime Robot

  1. Login at Uptime Robot.
  2. Add a new monitor
  3. Go to MySettings ("Monitor-Specific API Keys" at bottom right) and create/write down the API key for the monitor.

Directions:

  1. Clone or copy all files in public to your disk
  2. Copy public/js/config.example.js to public/js/config.js
  3. Paste one ore more API keys as an array in config.js
  4. Upload public to your webserver/ shared hosting, or host on Heroku as explained below:

Deploying on Heroku:

Install the Heroku Toolbelt to start, then follow their 'Getting Started' instructions, including logging in:

$ heroku login
Enter your Heroku credentials.
Email: [email protected]
Password (typing will be hidden): 
Authentication successful.

Make sure you've created a git repository, and that your work is committed.

Next, create a Heroku app:

$ heroku create myapp --buildpack https://github.com/heroku/heroku-buildpack-nodejs.git
Creating myapp... done, stack is cedar
BUILDPACK_URL=https://github.com/heroku/heroku-buildpack-nodejs.git
http://myapp.herokuapp.com/ | [email protected]:myapp.git

Now you're ready to deploy to Heroku:

$ git push heroku yourbranch:master

If you get an permission denied-error, run $ heroku keys:add ~/.ssh/id_rsa.pub to copy your ssh key to Heroku.

If you make any changes to your app, just commit and push them as before:

$ git commit -am "Awesome crazy update"
$ git push heroku yourbranch:master

Your own flavor:

This project uses Grunt. You could edit the files in the public folder, but is advised to use Grunt to build the files in public-folder. Install Grunt with:

$ npm install -g grunt-cli

Next, install the required grunt plugins from packages.json by running:

$ npm install

Now modify the code in the folder source as it pleases you. While editing you can use this to build everytime you save a file:

$ grunt watch

To serve the public-folder on http://localhost:8000 run:

$ grunt connect watch

To only compile the less files, use grunt css, or to concat javascript files use grunt js. To make a new release, run:

grunt

Testing

For testing we use Mocha - the fun, simple, flexible JavaScript test framework. Specs are written in test/spec/test.js

Before runing tests, run bower - A package manager for the web to install Mocha and his friends:

$ cd test
$ bower install

Now you can run the tests with:

$ grunt test

To run the tests in a browser:

$ grunt connect:test:keepalive

To just serve the public folder on localhost:3000

$ node app.js

Ingredients:

License:

This work is licensed under GPL-v3 license

upscuits's People

Contributors

axilleas avatar cvrebert avatar digibart avatar emersion avatar unixfox 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

upscuits's Issues

Wrong URLs

The URLs for the main css (upscuits.css), mustache.js, date.js, config.js, app.js and jquery.min.js contain a random number, so they lead to an invalid file.

Also the URLs for twitter-bootstrap (css and js) and font-awesome are missing the leading 'http:'

set default language

So, there is an option to set the default language with the __language var, but how do I set the langue? i tried several things: 'nl' or "nl" 'lang=nl' or "lang=nl" even as an array: ['nl'] or ["nl"] also: nl-NL, etc etc...
the cookie var states nl so i figured i should work with that :)...

Any hints? (false and null most defintely work ;) )

Incorrect link for IP addres

For IP address monitoring eg. ping you got:


            <div class="row">
                <div class="col-md-4">
                    <h2>
                        serwer ilona - ping
                        <span class="label label-status label-success"><i class="icon-ok"></i></span>
                    </h2>

                    <div class="btn-group">
                        <a data-original-title="Log of last month" href="javascript:void(0)" class="btn btn-default btn-sm log tip" title="" data-i18n="[title]Log of last month"><i class="icon-time"></i></a>
                        <a data-original-title="Open monitored page" href="37.187.198.197" target="_blank" class="btn btn-default btn-sm tip" title="" data-i18n="[title]Open monitored page"><i class="icon-link"></i></a>
                    </div>
                    <div class="log776832550 hide">
                        <ul class="list-unstyled">
                                <li>
                                    <span class="btn btn-xs btn-success"><i class="icon-chevron-up icon-white"></i></span>
                                    &nbsp;15-05-2015 23:09:35
                                </li>
                                <li>
                                    <span class="btn btn-xs btn-default"><i class="icon-play icon-white"></i></span>
                                    &nbsp;15-05-2015 23:09:19
                                </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-8 graphs">
                        <div class="donut">
                            <canvas width="90" height="90" uptime="100"></canvas>
                            <div class="uptime">
                                100%
                            </div>
                        </div>
                        <div class="donut">
                            <canvas width="90" height="90" uptime="100"></canvas>
                            <div class="uptime">
                                100%
                            </div>
                        </div>
                        <div class="donut">
                            <canvas width="90" height="90" uptime="100"></canvas>
                            <div class="uptime">
                                100%
                            </div>
                        </div>
                        <div class="donut">
                            <canvas width="90" height="90" uptime="100"></canvas>
                            <div class="uptime">
                                100%
                            </div>
                        </div>
                        <div class="donut">
                            <canvas width="90" height="90" uptime="100"></canvas>
                            <div class="uptime">
                                100%
                            </div>
                        </div>
                </div>
            </div>

It is incorrect. We should append "http://" before URL.

Update public folder

Hi there! I made some PRs, mostly regarding translations. If and when you merge them can you also update the public folder? I would do it myself but I submitted each PR in a separate branch and that would cause merge conflicts. Thanks!

Do not use buttons as icons in history

When opening the history popover, buttons are displayed instead of icons. This is a little bit confusing, as the user clicks on these buttons and nothing happens since they aren't buttons.

No new language in footer

When I create a new language file based on a sample, and I put it in the appropriate folder of the language does not appear in the footer of the page as possible to choose. The list of available languages is hardcoded in index.html...

SSL Problem

Hello,

I am trying to use your script on a domain with SSL.
It doesnt work.

If I use it without ssl its ok and everything works great.

How can I solve this?

Wrong time

I'm running Upscuits on my server and I'm getting wrong times. All the times in the log of last month are added with 6 hours. My timezone in UptimeRobot settings is correct (GMT -3).

I saw the times in placeServer function are parsed with "GMT+0300", but why?

Response time

Is there a plan to display the response time of the monitored object? API can return such data by set "responseTimes" and "responseTimesAverage" in getMonitors.

Update Bootstrap version

Upscuits is currently using Bootstrap v3.0.0.
The latest version of Bootstrap, with numerous bugfixes and improvements, is currently v3.3.4.

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.