Add widget/controls within gmail Ui like boomerang/streak - javascript

I'm thinking of an idea to develop a widget lives within Gmail and do action on demand.
Like selecting a line of text clicking my button should create a task on a list (say asana.com)
I'm currently looking into https://developers.google.com/google-apps/gmail/contextual_gadgets
but wondering I'm heading right direction?
Check this one - http://www.streak.com/ they even have custom UI (in main view of gmail).
It would be really helpful if you share good resources and point the direction.
eg:

Gmail Contextual Gadgets (which work only in Google Apps Gmail, and not in "regular" #gmail.com Gmail) may not modify the Gmail UI - they are restricted to appearing in a rectangular area beneath a received message.
See www.wishery.com for an example.
To do the UI modification you illustrate, you must produce a browser extension - there are no native Google APIs to Gmail that'll help you (sadly!).

Also there are Sidebar Gadgets (for complex applications), like "Pipelines" of your screenshot.
Here you can find more info.
https://developers.google.com/google-apps/gmail/gadgets_overview

Related

How to Embed React/Angular application in a widget popup style

So this is more a design/tooling question (no code to show)
The Idea:
I have an idea for a web app that I'd like to implement using either React/Angular depending on the outcome of this discussion really. The idea is that I want to be able to bundle up my web application and embed it in any website with as little code as possible. The end result for the website it's embedded on would be a new 'widget style' button hovering in the corner which when clicked opened up my new React/Angular application in a pop up or layover modal style window.
To be clear, I want to, if possible provide the clients host website with as little code as possible such as:
<script src="https://myappurl.js"><script>
<some-new-element-in-html-body?> </some-new-element-in-html-body?>
This would then leave them with a widget style button that when clicked opened my app as a layover
The How:
Now I know there are probably a few ways of implementing this. I come from an Angular development background as a full stack dev so embedding apps within websites would be a new concept to me. I guess the outcome I want is similar to that of a chat widget application on a website.I'm struggling to find online the best solution or toolset for the job.
Web components seem to have popped up quite a lot. This would result in me having to provide the website with the tag and the new html element but could this then add a widget style button which triggered the application popup. I've also read that React/Angular bundle sizes may be too much for web components, even in smaller apps, so something like preact may be preferred? Again the same question above stands. This youtube video explains preact/react web components and wonder if its the best option - https://www.youtube.com/watch?v=PUGDzA1uP-Y&t=545s
iFrames are definitely an option if I wanted to simply mount my application with any other website. That said its not really what I'm after, as although I want the contained app, I also want to be able to add this custom widget style button to the host website, without having to edit the website directly.
UMD Libraries - again something else I've come accross but this is the most unclear, and how they differ or would benefit my specific scenario compared to web-components.Now I may be barking up the wrong tree completely, and if so could you kind people please point me in the right direction of what I should be looking at.
I may also need to consider 2 apps, one for rendering a button that loaded quickly annd then facilitated the popup / modal type layover, and then one which loaded up my application with one of the 3 methods mentioned above?
THANKYOU IN ADVANCE! :)

Hiding Link In SharePoint Quicklaunch Based On Permissions

I am trying to figure out a way to hide a specific link from the Quicklaunch navigation bar on one of my sites in SharePoint 2013 and am having some trouble. Basically I am trying to make it so that a link is only visible to users within a specific group and any other users that are not part of this group will not see the Quicklaunch link. I have been reading up on how to implement this via css and javascript within the default master page but do not seem to be having any luck. I was using SPServices to get the group membership for the currently logged in user and based on there membership either hiding or showing the specific Quicklaunch item. I implemented this code into the master page and I though I had it working, however upon navigating to a different page, list, or library within the site the given link reappears. I do not know if I am doing something wrong but as a last resort I have come here for answers. If anyone could point me in the right direction I would greatly appreciate it.
Bellow is a screenshot to get a better understanding of what it is I am trying to do...
Security trimming should be automatic for the quick launch. Users not being able to see the list, should not see the quicklaunch entry. One thing i experienced in the past is that the security trimming does not work if your quick launch URL looks like this
https://url/sites/sc/Lists/internallistname
but will work if you include the aspx-page
https://url/sites/sc/Lists/internallistname/AllItems.aspx
Don't know about foundation but it's worth a try...

How should I render a widget with many links inside a blog so google don't penalize the blog?

We run a service (will not mention the URL, as this is not a pitch) and need advice on Google-viewing-links matters.
The service is for bloggers and allows them to create a "linkup" inside their blog post.
The linkup is like a mini pinterest inside their own blog where other users can add images/links/blogposts.
The widget that creates this linkup is a javascript snippet that does a remote call to our server. The response of the server is rendered inside the user's blog.
Now, the widget contains quite a few links. And we have set all links as nofollow so they don't look spammy in the eyes of google.
Going to google webmaster tools, I can see that the crawler can easily render the links even if they come from javascript.
So my question is: Is it better to
completely hide the widget from google
just leave it as it is, renderable with nofollow on the links
remove the links and create them only when someone clicks on them?
any other suggestion is appreciated!
Hiding of content including links can be considered as cloaking. If links are present on page there is no need to hide them.

Get dropdown menu in google extensions popup

I try create extension to google chrome - this extension must create button, that will show popup when pressed. That popup will contain input form, i think, and when i start inputting request string that will show dropdown menu with 'fast results' of search. So.. i can't find way to do it. I have one idea - i create and and connect them. With help of JS i add s of received data from google. But, this is do not work if packed as google extension (see proof: https://code.google.com/p/chromium/issues/detail?id=161302 ). Have you any idea?
P.S. Sorry me for two points: my bad english (not my native language) and, maybe, bad question - i just trying to start work with JS and google extensions. Thx for all.
You see in that bug that it is marked as fixed in June. This means it's fixed in whatever was the development version then. It will take some time until it reaches Stable.

block web parts in sharepoint from certain users

I'm looking to see if it's possible to block certain data in web parts from loading or showing for certain users?
I have a SharePoint page that was written in asp.net and JavaScript. What i have is a page that runs several queries and displays them as separate web parts. I would like to be able to block certain web parts that show financial information to only show for the managers group.
I am able to just hide the web part from showing at all but that isn't necessarily helpful.
any help at all would be greatly appreciated.
thank you!
I would create a hidden div that contains the users access level (or I guess you could use an array to hold / define unique users who should or shouldnt be able to to 'see' the parts)... then just write a function that reads the hidden field and based on the user who is viewing the page, show or hide the content based on the id of the web content element / part.
I would probably try to do this on the server side though before the content in question is sent to the dom.
good luck
A possible solution could be is to hide the webparts using audiences. Edit the page, edit the webpart, navigate to the properties, in the Advanced section you'll find something called "Target Audiences". Either use an existing audience (which you can create in the user profile service application) or enter a SharePoint group name (like the site members, of something alike 'managers'). Members of that group/audience will see the webpart then. Other users will not see the webpart.
Notice that this is not a security measurement. E.g. it's just preventing the rendering of the webpart, it's not preventing users from accessing the data if they know where it comes from.
Read more here: http://office.microsoft.com/en-us/sharepoint-server-help/target-content-to-specific-audiences-HA010169053.aspx

Categories

Resources