MiniMap – jQuery Plugin

MiniMap – jQuery Plugin

It will help you to visualize content you want to highlight in your long page or a panel on a MiniMap

MiniMap jQuery Plugin

MiniMap jQuery Plugin

Requires :

jquery-1.7.2.min.js (older versions should also work)
simpleMinimap.jquery.js (5KB)
jquery.scrollTo-1.4.2-min.jquery.js (2KB)
vtip.js (1KB) – Optional, to show content of marker line in tooltip
simpleMinimap.css (few bytes)

Javascript :

<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
        var minimap = $("#logPanel").simpleMiniMap({
            afterBuildMap : function(elem, map)
            {
                vtip(map); //Only if vtip is added and you want to show tooltip on markers
            }
        });
        minimap.buildMap(); //This builds markers and shows, every time when you update content of the element and want to reload markers, call this method.
    });
// ]]></script>

Options :

$.simpleMiniMap.defaultOptions = {
    filterElem : ".highlight", //Can be filtered by any possible jquery selector
    showScrollButtons : true, //To show/hide scroll to top/bottom buttons
    noTitleOnMarker : false, //No title/tooltip for markers
    titleBuilder : false, //If you want to customize title of marker, this is function, function(marker)
    beforeBuildMap : false, //method to call before building maf, function(mainElement, miniMapWrapper)
    afterBuildMap : false, //method to call after building maf, function(mainElement, miniMapWrapper)
    markerCSSClass : "marker", //CSS class for marker on minimap
    highlightBGColor : "#574E4E", //After scrolling to marker reference it highlights the parent item of it, this color will be used to highlight(as background color)
    highlightItemDuration : 1000 //0 will disable highlighting, duration of animation
};

Live Demo :

http://www.labs.urvatechlabs.com/miniMap/

Download :

http://www.labs.urvatechlabs.com/miniMap/demo.zip

Disclaimer :  This is the first, untested version, it requires specific ordered/styled HTML to generate map properly and has very minimal options right now. I may improvise this code as I get time, but it is usable if followed same HTML/CSS as this page. You can send me your queries or issues at vipul[dot]limbachiya[at] gmail (format to valid email address).

Licence : You can use it as you own it! (Licence for other libraries stays as they have defined.)

facebooktwittergoogle_plusredditpinterestlinkedinmailfacebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Smart Floating Clock – Android App from Urva TechLabs

Smart Floating Clock

Smart Floating Clock is now available on Google Play Store :

https://play.google.com/store/apps/details?id=com.UrvaTechLabs.SmartFloatingClock

It’s Smart because the Clock stays on top, still you can click through it!

Features :

– A text only clock stays always on top, floating
– When its set to not moveable, you can click through it.
– Text size, color and position can be customized
– You can select to show AM/PM
– You can select 24 Hrs or 12Hrs format
– Date can be visible or hidden
– Date color and format can be changed, we have many date format options available
– Automagically manages its position in landscape and portrait modes.
– You can open settings, toggle clock mode to make it moveable or not or close the clock directly from notification
– Ongoing notification is must to keep the clock alive, if you disable it, clock will be closed anytime.
– If you messed up the position of the clock or want to reset your changes, just click on reset all settings!

Screenshots :

 

facebooktwittergoogle_plusredditpinterestlinkedinmailfacebooktwittergoogle_plusredditpinterestlinkedinmailby feather

Smart Expense Tracker – First Android app from Urva TechLabs

Hi All,

Here we are launching our first android application, its live on Google Play Store :

https://play.google.com/store/apps/details?id=com.UTL.smartExpenseTracker

What it does :

– Almost every Indian bank and credit card services send transaction details to customers phone as an SMS, so we tried to help you to track expense through parsing those messages.

– However its not limited to track expenses only through SMS, you can add expenses as much as you can.

– So dont get confused at the end of the month calculating which thing covered most of your budget, just use “Smart Expense Tracker” without paying anything.

Dashboard

– Dashboard helps you to manage everything on single page, you can add expense, manage categories, manage SMS parsing and see history of your expenses.

– On Dashboard, Expense quick view panel displays expenses per categories, you can select period of days to see expenses only for that period.

Add Expense

Adding expense to “Smart Expense Tracker” is really easy :

– Add your amount
– Add optional notes for your expense (we recommend you add, as it will help you to recollect why the expense was made)
– You can change date and time for the expense, default time will be current time of device
– Select a category for your expense
– And save!

Expense History

– The History page will help you to scrutinize your expenses
– By default you see expenses made “Today”, you can change the period of expenses, using custom mode you can see maximum 60 days expenses on this page
– You can group expenses by category or date
– We have beautiful graphs to visualize your expenses, each category will have their own color code
– By tapping on any expense entry, you can see more details of that expense, you can edit and remove expense from the same details panel.
– If the expense entry was made with SMS parsing, you can see the SMS content from details panel too.

SMS Parsing

– SMS Parsing simplified : You can restrict the app from parsing every SMS you receive, you can use either SMS Templates or more smarter Hot Words. So it will ask you to add expense only the SMS content matches the template and/or hotwords.

– You can enable or disable all or particular hotwords or templates parsing at any point of time.

Hot Words :

– When SMS is received and it contains any of the Hot Words added to the application, it will try parsing the content, and if any amount is found in text, it will ask you to save this to “Smart Expense Tracker”

Templates :

– Templates are very helpful to parse messages perfectly, we will not guess the amount from SMS, but it will have exact amount, so you just have to press “Save” when “Smart Expense Tracker” asks you to save expense.

If your XYZ bank sends you transaction message in this format :

Your a/c 00000000 is debited Rs 10000 on 2014-02-04 A/c balance is Rs 100000.00 Info: Payment Through Online Gateway

Just replace the amount with “@@” and its ready to go :

Your a/c 00000000 is debited Rs
@@ on 2014-02-04 A/c balance is Rs 100000.00 Info: Payment Through Online Gateway

So when you receive next message from bank :

Your a/c 00000000 is debited Rs 1234.56 on 2014-02-04 A/c balance is Rs 98765.44 Info: Payment Through Online Gateway

“Smart Expense Tracker” will ask you to save expense like :

SMS Popup

SMS Popup

Categories

– Its not much smart if you can not categorize your expenses, just storing expenses might be not much helpful, so we have easy to manage categories.
– You can add as many categories as you want, color code them to easily identify
– You can change category name and color at any time and it will be reflected everywhere
– We have smart category removal
– Inactive categories will no longer be shown while adding or editing an expense

Backup & Restore

– We change devices, just to upgrade or its necessary sometimes, so we have smart Backup & Restore facility to help you never lose your old entries in “Smart Expense Tracker”
– You can Export everything from your “Smart Expense Tracker” and Import it to another device
– While importing you can select to “Merge with Current Data” or “Delete Current Data”, Merging is smart feature, you will not end up with duplicate entries
– You can keep backing up your data and transfer it to safe location so you never lose any records. In future we will provide server sync

Other Features

– You can select currency from our limited list for now : INR, USD, EUR, GBP, RM, AUD, CAD We will add more currency support in next release
– You can use beautiful widget on your homescreen, so you can quickly review your expenses and easily add expense directly from your homescreen!
– No ads, no annoying advertising popups and no suspicious permissions!! We require only these permissions :

 

Permissions

Permissions

Privacy and Terms Of Use

– “Smart Expense Tracker” is free to use, you don’t need to pay anyone anything to use this application.
– We never send your usage, SMS or any other information to anywhere, everything you store using this application stays on your device, unless you intentionally send backup file to someone or any service, but
“Smart Expense Tracker” never does that with or without your knowledge.
– “Smart Expense Tracker” is available with as-is basis, we are not responsible for any data, information loss, or anything which can harm you or your device by using this application in any way

 

Credits

Beautiful Graphs

https://bitbucket.org/danielnadeau/holographlibrary/

Color Picker

https://github.com/attenzione/android-ColorPickerPreference/

Typography

https://github.com/Bearded-Hen/Android-Bootstrap/wiki/Font-Awesome-Text/

facebooktwittergoogle_plusredditpinterestlinkedinmailfacebooktwittergoogle_plusredditpinterestlinkedinmailby feather