Skip to content

Commit

Permalink
added loader gif
Browse files Browse the repository at this point in the history
  • Loading branch information
iatek committed Aug 9, 2012
1 parent 1f90d31 commit c30de78
Show file tree
Hide file tree
Showing 4 changed files with 12 additions and 10 deletions.
1 change: 1 addition & 0 deletions .c9revisions/README.md.c9save
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,4 @@
{"contributors":[],"silentsave":false,"ts":1343936398942,"patch":[[{"diffs":[[0,"ocialist"],[1," - A jQuery social plugin for creating streams from social networks and feeds"],[0,"\n======="]],"start1":8,"start2":8,"length1":16,"length2":94},{"diffs":[[0,"lexible "],[1,"jQuery "],[0,"social m"]],"start1":209,"start2":209,"length1":16,"length2":23},{"diffs":[[0,"s a "],[-1,"easy-to-use "],[0,"plug"]],"start1":263,"start2":263,"length1":20,"length2":8},{"diffs":[[0,"ial "],[-1,"\""],[0,"wall"],[-1,"\""],[0," fro"]],"start1":317,"start2":317,"length1":14,"length2":12},{"diffs":[[0,"e place."],[1,"\nUse it to pull content from Facebook pages, Twitter, LinkedIn, YouTube and others..."],[0,"\n\nFeatur"]],"start1":361,"start2":361,"length1":16,"length2":101},{"diffs":[[0,"===\n"],[1,"\n"],[0," - "],[-1,"View"],[1,"Display"],[0," upd"]],"start1":478,"start2":478,"length1":18,"length2":22},{"diffs":[[0,"in a"],[-1,"ppealing"],[1,"ttractive visual"],[0," lay"]],"start1":535,"start2":535,"length1":16,"length2":24},{"diffs":[[0,"inkedIn,"],[1," YouTube,"],[0," Tumblr,"]],"start1":599,"start2":599,"length1":16,"length2":25},{"diffs":[[0,"S Feeds,"],[1," Craigslist,"],[0," Google+"]],"start1":638,"start2":638,"length1":16,"length2":28},{"diffs":[[0," more..\n"],[1," - Multiple themes\n - Easy to implement with just a few lines of code\n\n\n![Plugin Screenshot](http://plugins.in1.com/images/socialist/ss1.png)\n\n\nExamples\n================\n\n[Display Instagram photos in Pinterest-style layouts][1]\n\n[Combine and display Facebook, Twitter and LinkedIn updates][1] \n\n[Show YouTube video thumbnails][1] \n\n[Display Craiglist postings for an area and category][1] \n\n[Visualize any RSS feed as a responsive social wall][1] \n\n[Click Here for More Demos][2]\n[1]: http://plugins.in1.com/socialist/demo\n[2]: http://plugins.in1.com/socialist/"],[0,"\n\nUsage\n"]],"start1":670,"start2":670,"length1":16,"length2":583},{"diffs":[[0," 2) "],[-1,"Initiat"],[1,"Us"],[0,"e jQ"]],"start1":1472,"start2":1472,"length1":15,"length2":10},{"diffs":[[0,"cialist "],[-1,"t"],[0,"o"],[1,"n"],[0," any <DI"]],"start1":1489,"start2":1489,"length1":18,"length2":18},{"diffs":[[0,"ment"],[-1," within your javascript code"],[0,":\n\n "]],"start1":1513,"start2":1513,"length1":36,"length2":8},{"diffs":[[0,"age'"],[-1,",'followers','likes']\n });\n"],[1,"]\n });\n\nOptions\n================\n (TODO: Documentation)"],[0,"\n\nDe"]],"start1":2218,"start2":2218,"length1":38,"length2":69},{"diffs":[[0,"cialist)"],[-1," are"],[0,":\n\n -"]],"start1":2361,"start2":2361,"length1":20,"length2":16},{"diffs":[[0,"y/\n \n"],[-1," \n "]],"start1":2587,"start2":2587,"length1":17,"length2":8}]],"length":2595,"saved":false}
{"contributors":[],"silentsave":false,"ts":1344196148739,"patch":[[{"diffs":[[1,"jquery-socialist - A jQuery social plugin for creating streams from social networks and feeds\n================\n\nEven if you hate <a href='http://en.wikipedia.org/wiki/Socialism'>socialism</a>, you'll love this flexible jQuery social media plugin.\njQuery Socialist is a plugin that lets you create a social stream or social wall from multiple social networks in one place.\nUse it to pull content from Facebook pages, Twitter, LinkedIn, YouTube and others...\n\nFeatures\n================\n\n - Display updates from multiple social networks in attractive visual layouts\n - Supports Facebook, Twitter, LinkedIn, YouTube, Tumblr, Flickr, Pinterest, RSS Feeds, Craigslist, Google+ and more..\n - Multiple themes\n - Easy to implement with just a few lines of code\n\n\n![Plugin Screenshot](http://plugins.in1.com/images/socialist/ss1.png)\n\n\nExamples\n================\n\n[Display Flickr photos in Pinterest-style layouts][1]\n\n[Combine and display Facebook, Twitter and LinkedIn updates][1] \n\n[Show YouTube video thumbnails][1] \n\n[Display Craiglist postings for an area and category][1] \n\n[Visualize any RSS feed as a responsive social wall][1] \n\n[Click Here for More Demos][2]\n[1]: http://plugins.in1.com/socialist/demo\n[2]: http://plugins.in1.com/socialist/\n\nUsage\n================\n \n 1) Include the .js and .css files in your HTML document <HEAD> section:\n \n <link href=\"../jquery.socialist.css\" rel=\"stylesheet\" />\n <script src='../jquery.socialist.js'></script>\n\n 2) Use jQuery Socialist on any <DIV> element:\n\n $('#content').socialist({\n networks: [\n {name:'linkedin',id:'buddy-media'},\n {name:'facebook',id:'in1dotcom'},\n {name:'pinterest',id:'potterybarn'},\n {name:'twitter',id:'in1dotcom'},\n {name:'googleplus',id:'105588557807820541973/posts'},\n {name:'rss',id:' http://feeds.feedburner.com/good/lbvp'},\n {name:'rss',id:'http://www.makebetterwebsites.com/feed/'},\n {name:'craigslist',id:'boo',areaName:'southcoast'},\n {name:'rss',id:'http://www.houzz.com/getGalleries/featured/out-rss'}\n ],\n isotope:false,\n random:false,\n fields:['source','heading','text','date','image']\n });\n\nOptions\n================\n **networks**\n An array of network definition objects\n **network definitions**\n A javascript object containing the name of the network, id and other network specific parameters.\n Most networks require only the id. Some networks such as Craiglist and Flickr require additional options.\n \n {name:'linkedin',id:'linkedin-companyname'},\n {name:'facebook',id:'(facebook-pagename)'},\n {name:'tumblr',id:'(tumblr-blogname)'},\n {name:'pinterest',id:'(pinterest-username/pinboard-name)'},\n {name:'flickr',id:'54772265@N04',apiKey:'(your-flick-api-key here)'},\n {name:'youtube',id:'potterybarn'},\n {name:'twitter',id:'in1dotcom'},\n {name:'googleplus',id:'105588557807820541973/posts'},\n {name:'rss',id:'http://www.makebetterwebsites.com/feed/'},\n {name:'craigslist',id:'boo',areaName:'southcoast'}\n \n **random**\n true or false; default value is: true\n **isotope**\n true or false; default value is: true\n **headingLength**\n An integer value that indicates the max number of characters to display in the 'heading' field of each result\n **textLength**\n An integer value that indicates the max number of characters to display in the 'text' description field\n **maxResults**\n An integer value that indicates the max number of results to show\n **theme**\n (none) or 'clean'; default value is: (none)\n **size**\n (none) or 'small' or 'large'; default value is:(none)\n **fields**\n An array of strings that indicate which field values to display. Any of the following: 'source','heading','text','date','image','share'\n\nDependencies\n================\n\n The dependencies (included with jQuery Socialist):\n\n - jQuery Isotope Plugin v1.5.19: An exquisite jQuery plugin for magical layouts (http://isotope.metafizzy.co)\n - jQuery Cross Domain Ajax: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/\n \n"]],"start1":0,"start2":0,"length1":0,"length2":4217}]],"length":4217,"saved":false}
{"contributors":[],"silentsave":false,"ts":1344196150921,"patch":[[{"diffs":[[0," others."],[-1,".."],[0,"\n\nFeatur"]],"start1":447,"start2":447,"length1":18,"length2":16}]],"length":4215,"saved":false}
{"contributors":[],"silentsave":false,"ts":1344425858719,"patch":[[{"diffs":[[0,"\n## "],[-1,"Clojure\n\n### Light table\ncurl -s -O http://temp2.kodowa.com/playground/light && chmod +x light && ./light table\n\n## Develop\n\n### Project\n\n#### Create\ncd <project>\ngit init\ngit remote add origin <repo>\ngit add --all\ngit commit -m 'First commit.'\n\n### Express\nnpm install -g less\n\n## Deploy\n\n### Heroku\n\n#### Install\nhttps://toolbelt.heroku.com/\nheroku update\nheroku version\nheroku login\n\n#### Deploy to production environment\n`heroku apps:create yobistore --remote production`\n\nif it already exists: `git remote add heroku [email protected]:yobistore.git`\n\n#### Deploy to staging environment\n`heroku apps:create yobistore-staging --remote staging`\n\nif it already exists: `git remote add heroku [email protected]:yobistore-staging.git`\n\n#### App\n# run this before any command to specify app\ngit config heroku.remote staging\n# or run for every command\n<cmd> --remote <environment>\n\nheroku addons:add heroku-postgresql:dev\nheroku addons:docs heroku-postgresql:dev\n\n## Domains\n(heroku domains:clear)\nheroku domains:add yobistore.com\nheroku domains:add www.yobistore.com\n\n## Deploy hooks\nheroku addons:add deployhooks:irc \\\n server=irc.freenode.net \\\n room=yobistore \\\n nick=yobi \\\n password=secret \\\n message=\"{{user}} deployed app\"\n\n## Logging\nheroku logs\nheroku logs -n 10000 -s app -p web\nheroku logs -t\n\n## Addons\nheroku addons:add pusher:sandbox\nheroku addons:add cloudinary:test\n\n## Error\nheroku config:add \\\n ERROR_PAGE_URL=http://s3.amazonaws.com/your_bucket/your_error_page.html \\\n MAINTENANCE_PAGE_URL=http://s3.amazonaws.com/your_bucket/your_maintenance_page.html\n\n# port = process.env.PORT or 3000 // in app.ls\n\ngit add --all\ngit commit -m <message>\ngit push <staging|production> master\nheroku ps:scale web=1 --remote <environment>\nheroku ps\nheroku config:add NODE_ENV=production\nheroku run lein repl\nheroku run lein run -m <namespace>\nheroku logs\nheroku info\nheroku config\nheroku open\nheroku run node\nheroku run bash\n\n\n## Maintenance\nheroku maintenance:on\nheroku open\n\n## Datomic\n\n`mvn install:install-file -DgroupId=com.datomic -DartifactId=datomic -Dfile=datomic-DATOMIC-VERSION.jar -DpomFile=pom.xml`\n\nAdd dependency in project.clj: [com.datomic/datomic \"DATOMIC_VERSION\"]\n\n\n## Google closure compiler\nClosure compiler advanced mode incompatible libraries:\n\n- Use code in external code (libraries). Can be compiled with advanced mode in the same compilation set as your app code. Gives dead code elimination as well.\n\nClosure compiler advanced mode compatible libraries:\n\n- Compiled within your compilation set\n- Two scenarios:\n 1. Need to be outside your compilation set. Specify externs (include them as externs) to prohibit the compiler to rename the function calls. This does not provide dead code elimination. The libraries are not compiled since, only scanned to see what declarations are used so the compiler won't rename those function calls calling these declarations.\n 2. Declare code for external code call. Export the declarations using ^:export\n\n\n## Architecture\n\n### Backend\n- API: 3Scale\n- Server: NodeJS/ExpressJS\n- Database: Neo4j\n- Hosting: Heroku\n\n### Frontend\n- App: Trigger.io/AngularJS\n- Login: Janrain\n- Design: Bootstrap/Illustrator\n- Charts: FusionCharts\n- Support: Olark\n- Statistics: Google Analytics\n\n### Development\n- SCV: GitHub/Git\n- IDE: Cloud9ide\n\n\n## Tools\n\n### Frontend\n- App: Trigger.io/AngularJS\n- Login: Janrain\n- Design: Bootstrap\n- Charts: FusionCharts\n- Support: Olark\n- Statistics: Google Analytics\n\n### Backend\n- API/Server/Database/Hosting: Kinvey\n- NodeJS/ExpressJS\n\n### Development\n- SCV: Git/GitHub\n- IDE: Cloud9ide\n\n\n## Properties\n- If unit is used it has to be a number\n- If question mark is used it has to be a boolean\n- If plural is used it has to be an array\n- If no unit, question mark or plural is used it has to be a string"],[1,"Technologies\n\n### Frontend\n- App: AngularJS/jQuery/jQueryUI\n- Design: Bootstrap\n- Mobile: Trigger.io\n- Charts: FusionCharts\n\n### Backend\n- API/Auth/Server/CDN/Database/Hosting/Analytics: UserGrid\n\n### Development\n- SCV: Git/GitHub\n- IDE: Cloud9ide\n- Snippets: Plunker"]],"start1":20,"start2":20,"length1":3870,"length2":300}]],"length":320,"saved":false}
Binary file added images/ajax-loader.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions jquery.socialist.css
Original file line number Diff line number Diff line change
Expand Up @@ -252,3 +252,7 @@
.socialist-clean .foot a {
color:#333;
}

.socialist-loader {
background-image:url('images/ajax-loader.gif');
}
17 changes: 7 additions & 10 deletions jquery.socialist.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
* jQuery.socialist - social media plugin
* ---
* @author Carol Skelly (http://iatek.com)
* @version 0.1
* @version 1.0
* ---
*/

Expand All @@ -25,9 +25,8 @@
visible = $element.is(":visible"),
element = this;

if (visible) {
$element.hide();
}
// display loader
$element.addClass('socialist-loader');

// loop each network
networks.forEach(function(item) {
Expand Down Expand Up @@ -58,18 +57,16 @@
$element.isotope ({
animationEngine: 'jquery'
});
if (visible && settings.autoShow) {
$element.show();
}

$element.removeClass('socialist-loader');

if (settings.random){
$element.isotope( 'shuffle', function(){} );
}
});
}
else {
if (visible) {
$element.show();
}
$element.removeClass('socialist-loader');
}

},function(){
Expand Down

0 comments on commit c30de78

Please sign in to comment.