├── .gitignore ├── CONTRIBUTING.md ├── README.md ├── pom.xml └── src └── main ├── java └── com │ └── google │ └── glassware │ ├── AttachmentProxyServlet.java │ ├── AuthFilter.java │ ├── AuthServlet.java │ ├── AuthUtil.java │ ├── ListableMemoryCredentialStore.java │ ├── MainServlet.java │ ├── MirrorClient.java │ ├── NewUserBootstrapper.java │ ├── NotifyServlet.java │ ├── ReauthFilter.java │ └── WebUtil.java ├── resources └── oauth.properties └── webapp ├── WEB-INF └── web.xml ├── index.jsp └── static ├── bootstrap ├── css │ ├── bootstrap-responsive.css │ ├── bootstrap-responsive.min.css │ ├── bootstrap.css │ └── bootstrap.min.css ├── img │ ├── glyphicons-halflings-white.png │ └── glyphicons-halflings.png └── js │ ├── bootstrap.js │ └── bootstrap.min.js ├── images ├── chipotle-tube-640x360.jpg ├── drill.png ├── keys.png ├── saturn-eclipse.jpg └── send_to_glass_64x64.png └── main.css /.gitignore: -------------------------------------------------------------------------------- 1 | *.class 2 | 3 | # Package Files # 4 | *.war 5 | *.ear 6 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # How to become a contributor and submit your own code 2 | 3 | ## Contributor License Agreements 4 | 5 | We'd love to accept your sample apps and patches! Before we can take them, we 6 | have to jump a couple of legal hurdles. 7 | 8 | Please fill out either the individual or corporate Contributor License Agreement 9 | (CLA). 10 | 11 | * If you are an individual writing original source code and you're sure you 12 | own the intellectual property, then you'll need to sign an [individual CLA] 13 | (http://code.google.com/legal/individual-cla-v1.0.html). 14 | * If you work for a company that wants to allow you to contribute your work, 15 | then you'll need to sign a [corporate CLA] 16 | (http://code.google.com/legal/corporate-cla-v1.0.html). 17 | 18 | Follow either of the two links above to access the appropriate CLA and 19 | instructions for how to sign and return it. Once we receive it, we'll be able to 20 | accept your pull requests. 21 | 22 | ## Contributing a Patch 23 | 24 | 1. Sign a Contributor License Agreement, if you have not yet done so (see 25 | details above). 26 | 1. Create your change to the repo in question. 27 | * Fork the desired repo, develop and test your code changes. 28 | * Ensure that your code is clear and comprehensible. 29 | * Ensure that your code has an appropriate set of unit tests which all pass. 30 | 1. Submit a pull request. 31 | 1. The repo owner will review your request. If it is approved, the change will 32 | be merged. If it needs additional work, the repo owner will respond with 33 | useful comments. 34 | 35 | ## Contributing a New Sample App 36 | 37 | 1. Sign a Contributor License Agreement, if you have not yet done so (see 38 | details above). 39 | 1. Create your own repo for your app following this naming convention: 40 | * mirror-{app-name}-{language or plaform} 41 | * apps: quickstart, photohunt-server, photohunt-client 42 | * example: mirror-quickstart-android 43 | * For multi-language apps, concatenate the primary languages like this: 44 | mirror-photohunt-server-java-python. 45 | 46 | 1. Create your sample app in this repo. 47 | * Be sure to clone the README.md, CONTRIBUTING.md and LICENSE files from the 48 | googleglass repo. 49 | * Ensure that your code is clear and comprehensible. 50 | * Ensure that your code has an appropriate set of unit tests which all pass. 51 | * Instructional value is the top priority when evaluating new app proposals for 52 | this collection of repos. 53 | 1. Submit a request to fork your repo in googleglass organization. 54 | 1. The repo owner will review your request. If it is approved, the sample will 55 | be merged. If it needs additional work, the repo owner will respond with 56 | useful comments. 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Google Mirror API's Quickstart for Java 2 | ======================== 3 | 4 | The documentation for this quickstart is maintained on developers.google.com. 5 | Please see here for more information: 6 | https://developers.google.com/glass/quickstart/java 7 | 8 | ## License 9 | Code for this project is licensed under [APL 2.0](http://www.apache.org/licenses/LICENSE-2.0.html) 10 | and content is licensed under the 11 | [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/). 12 | -------------------------------------------------------------------------------- /pom.xml: -------------------------------------------------------------------------------- 1 | 3 | 18 | 19 | 4.0.0 20 | com.google 21 | glass-java-starter 22 | 0.1-SNAPSHOT 23 | 24 | UTF-8 25 | 26 | 27 | 28 | 29 | 30 | com.google.apis 31 | google-api-services-mirror 32 | v1-rev26-1.17.0-rc 33 | 34 | 35 | com.google.http-client 36 | google-http-client-jackson2 37 | 1.17.0-rc 38 | 39 | 40 | 41 | 42 | org.mortbay.jetty 43 | jetty 44 | 6.1.14 45 | 46 | 47 | org.mortbay.jetty 48 | jetty-util 49 | 6.1.14 50 | 51 | 52 | org.mortbay.jetty 53 | jetty-plus 54 | 6.1.14 55 | 56 | 57 | org.mortbay.jetty 58 | jsp-2.1 59 | 6.1.14 60 | 61 | 62 | org.mortbay.jetty 63 | jsp-api-2.1 64 | 6.1.14 65 | 66 | 67 | 68 | 69 | org.apache.commons 70 | commons-lang3 71 | 3.1 72 | 73 | 74 | org.codehaus.jackson 75 | jackson-core-asl 76 | 1.9.11 77 | 78 | 79 | org.codehaus.jackson 80 | jackson-mapper-asl 81 | 1.9.11 82 | 83 | 84 | javax.servlet 85 | servlet-api 86 | 2.5 87 | 88 | 89 | commons-logging 90 | commons-logging 91 | 1.1.2 92 | 93 | 94 | commons-codec 95 | commons-codec 96 | 1.7 97 | 98 | 99 | com.google.guava 100 | guava 101 | 14.0.1 102 | 103 | 104 | 105 | 106 | 107 | 108 | org.mortbay.jetty 109 | maven-jetty-plugin 110 | 6.1.26 111 | 112 | / 113 | 114 | 115 | 116 | org.apache.maven.plugins 117 | maven-compiler-plugin 118 | 3.1 119 | 120 | 1.6 121 | 1.6 122 | 123 | 124 | 125 | 126 | 127 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/AttachmentProxyServlet.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.common.io.ByteStreams; 20 | 21 | import java.io.IOException; 22 | import java.io.InputStream; 23 | import java.util.logging.Logger; 24 | 25 | import javax.servlet.ServletException; 26 | import javax.servlet.http.HttpServlet; 27 | import javax.servlet.http.HttpServletRequest; 28 | import javax.servlet.http.HttpServletResponse; 29 | 30 | /** 31 | * Allows logged in users to view their timeline item attachments by proxying 32 | * their app engine session to their OAuth session. 33 | * 34 | * @author Jenny Murphy - http://google.com/+JennyMurphy 35 | */ 36 | public class AttachmentProxyServlet extends HttpServlet { 37 | private static final Logger LOG = Logger.getLogger(AttachmentProxyServlet.class.getSimpleName()); 38 | 39 | @Override 40 | protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, 41 | IOException { 42 | String attachmentId = req.getParameter("attachment"); 43 | String timelineItemId = req.getParameter("timelineItem"); 44 | if (attachmentId == null || timelineItemId == null) { 45 | LOG.warning("attempted to load image attachment with missing IDs"); 46 | resp.sendError(400); 47 | } 48 | // identify the viewing user 49 | Credential credential = AuthUtil.getCredential(req); 50 | 51 | // Get the content type 52 | String contentType = 53 | MirrorClient.getAttachmentContentType(credential, timelineItemId, attachmentId); 54 | 55 | // Get the attachment bytes 56 | InputStream attachmentInputStream = 57 | MirrorClient.getAttachmentInputStream(credential, timelineItemId, attachmentId); 58 | 59 | // Write it out 60 | resp.setContentType(contentType); 61 | ByteStreams.copy(attachmentInputStream, resp.getOutputStream()); 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/AuthFilter.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import java.io.IOException; 19 | import java.util.logging.Logger; 20 | 21 | import javax.servlet.Filter; 22 | import javax.servlet.FilterChain; 23 | import javax.servlet.FilterConfig; 24 | import javax.servlet.ServletException; 25 | import javax.servlet.ServletRequest; 26 | import javax.servlet.ServletResponse; 27 | import javax.servlet.http.HttpServletRequest; 28 | import javax.servlet.http.HttpServletResponse; 29 | 30 | /** 31 | * A filter which ensures that prevents unauthenticated users from accessing the 32 | * web app 33 | * 34 | * @author Jenny Murphy - http://google.com/+JennyMurphy 35 | */ 36 | public class AuthFilter implements Filter { 37 | private static final Logger LOG = Logger.getLogger(AuthFilter.class.getSimpleName()); 38 | 39 | public void doFilter(ServletRequest request, ServletResponse response, FilterChain filterChain) 40 | throws IOException, ServletException { 41 | if (response instanceof HttpServletResponse && request instanceof HttpServletRequest) { 42 | HttpServletRequest httpRequest = (HttpServletRequest) request; 43 | HttpServletResponse httpResponse = (HttpServletResponse) response; 44 | 45 | // skip auth for static content, middle of auth flow, notify servlet 46 | if (httpRequest.getRequestURI().startsWith("/static") || 47 | httpRequest.getRequestURI().equals("/oauth2callback") || 48 | httpRequest.getRequestURI().equals("/notify")) { 49 | LOG.info("Skipping auth check during auth flow"); 50 | filterChain.doFilter(request, response); 51 | return; 52 | } 53 | 54 | LOG.fine("Checking to see if anyone is logged in"); 55 | if (AuthUtil.getUserId(httpRequest) == null 56 | || AuthUtil.getCredential(AuthUtil.getUserId(httpRequest)) == null 57 | || AuthUtil.getCredential(AuthUtil.getUserId(httpRequest)).getAccessToken() == null) { 58 | // redirect to auth flow 59 | httpResponse.sendRedirect(WebUtil.buildUrl(httpRequest, "/oauth2callback")); 60 | return; 61 | } 62 | 63 | // Things checked out OK :) 64 | filterChain.doFilter(request, response); 65 | } else { 66 | LOG.warning("Unexpected non HTTP servlet response. Proceeding anyway."); 67 | filterChain.doFilter(request, response); 68 | } 69 | } 70 | 71 | @Override 72 | public void init(FilterConfig filterConfig) throws ServletException { 73 | } 74 | 75 | @Override 76 | public void destroy() { 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/AuthServlet.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.AuthorizationCodeFlow; 19 | import com.google.api.client.auth.oauth2.TokenResponse; 20 | import com.google.api.client.googleapis.auth.oauth2.GoogleTokenResponse; 21 | import com.google.api.client.http.GenericUrl; 22 | 23 | import java.io.IOException; 24 | import java.util.logging.Logger; 25 | 26 | import javax.servlet.http.HttpServlet; 27 | import javax.servlet.http.HttpServletRequest; 28 | import javax.servlet.http.HttpServletResponse; 29 | 30 | /** 31 | * This servlet manages the OAuth 2.0 dance 32 | * 33 | * @author Jenny Murphy - http://google.com/+JennyMurphy 34 | */ 35 | public class AuthServlet extends HttpServlet { 36 | private static final Logger LOG = Logger.getLogger(AuthServlet.class.getSimpleName()); 37 | 38 | @Override 39 | protected void doGet(HttpServletRequest req, HttpServletResponse res) throws IOException { 40 | // If something went wrong, log the error message. 41 | if (req.getParameter("error") != null) { 42 | LOG.severe("Something went wrong during auth: " + req.getParameter("error")); 43 | res.setContentType("text/plain"); 44 | res.getWriter().write("Something went wrong during auth. Please check your log for details"); 45 | return; 46 | } 47 | 48 | // If we have a code, finish the OAuth 2.0 dance 49 | if (req.getParameter("code") != null) { 50 | LOG.info("Got a code. Attempting to exchange for access token."); 51 | 52 | AuthorizationCodeFlow flow = AuthUtil.newAuthorizationCodeFlow(); 53 | TokenResponse tokenResponse = 54 | flow.newTokenRequest(req.getParameter("code")) 55 | .setRedirectUri(WebUtil.buildUrl(req, "/oauth2callback")).execute(); 56 | 57 | // Extract the Google User ID from the ID token in the auth response 58 | String userId = ((GoogleTokenResponse) tokenResponse).parseIdToken().getPayload().getUserId(); 59 | 60 | LOG.info("Code exchange worked. User " + userId + " logged in."); 61 | 62 | // Set it into the session 63 | AuthUtil.setUserId(req, userId); 64 | flow.createAndStoreCredential(tokenResponse, userId); 65 | 66 | // The dance is done. Do our bootstrapping stuff for this user 67 | NewUserBootstrapper.bootstrapNewUser(req, userId); 68 | 69 | // Redirect back to index 70 | res.sendRedirect(WebUtil.buildUrl(req, "/")); 71 | return; 72 | } 73 | 74 | // Else, we have a new flow. Initiate a new flow. 75 | LOG.info("No auth context found. Kicking off a new auth flow."); 76 | 77 | AuthorizationCodeFlow flow = AuthUtil.newAuthorizationCodeFlow(); 78 | GenericUrl url = 79 | flow.newAuthorizationUrl().setRedirectUri(WebUtil.buildUrl(req, "/oauth2callback")); 80 | url.set("approval_prompt", "force"); 81 | res.sendRedirect(url.build()); 82 | } 83 | 84 | } 85 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/AuthUtil.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.AuthorizationCodeFlow; 19 | import com.google.api.client.auth.oauth2.Credential; 20 | import com.google.api.client.googleapis.auth.oauth2.GoogleAuthorizationCodeFlow; 21 | import com.google.api.client.http.javanet.NetHttpTransport; 22 | 23 | import com.google.api.client.json.jackson2.JacksonFactory; 24 | 25 | import java.io.File; 26 | import java.io.FileInputStream; 27 | import java.io.IOException; 28 | import java.net.URISyntaxException; 29 | import java.net.URL; 30 | import java.util.Collections; 31 | import java.util.List; 32 | import java.util.Properties; 33 | import java.util.logging.Logger; 34 | 35 | import javax.servlet.http.HttpServletRequest; 36 | import javax.servlet.http.HttpSession; 37 | 38 | /** 39 | * A collection of utility functions that simplify common authentication and 40 | * user identity tasks 41 | * 42 | * @author Jenny Murphy - http://google.com/+JennyMurphy 43 | */ 44 | public class AuthUtil { 45 | public static ListableMemoryCredentialStore store = new ListableMemoryCredentialStore(); 46 | public static final String GLASS_SCOPE = "https://www.googleapis.com/auth/glass.timeline " 47 | + "https://www.googleapis.com/auth/glass.location " 48 | + "https://www.googleapis.com/auth/userinfo.profile"; 49 | private static final Logger LOG = Logger.getLogger(AuthUtil.class.getSimpleName()); 50 | 51 | /** 52 | * Creates and returns a new {@link AuthorizationCodeFlow} for this app. 53 | */ 54 | public static AuthorizationCodeFlow newAuthorizationCodeFlow() throws IOException { 55 | URL resource = AuthUtil.class.getResource("/oauth.properties"); 56 | File propertiesFile = new File("./src/main/resources/oauth.properties"); 57 | try { 58 | propertiesFile = new File(resource.toURI()); 59 | //LOG.info("Able to find oauth properties from file."); 60 | } catch (URISyntaxException e) { 61 | LOG.info(e.toString()); 62 | LOG.info("Using default source path."); 63 | } 64 | FileInputStream authPropertiesStream = new FileInputStream(propertiesFile); 65 | Properties authProperties = new Properties(); 66 | authProperties.load(authPropertiesStream); 67 | 68 | String clientId = authProperties.getProperty("client_id"); 69 | String clientSecret = authProperties.getProperty("client_secret"); 70 | 71 | return new GoogleAuthorizationCodeFlow.Builder(new NetHttpTransport(), new JacksonFactory(), 72 | clientId, clientSecret, Collections.singleton(GLASS_SCOPE)).setAccessType("offline") 73 | .setCredentialStore(store).build(); 74 | } 75 | 76 | /** 77 | * Get the current user's ID from the session 78 | * 79 | * @return string user id or null if no one is logged in 80 | */ 81 | public static String getUserId(HttpServletRequest request) { 82 | HttpSession session = request.getSession(); 83 | return (String) session.getAttribute("userId"); 84 | } 85 | 86 | public static void setUserId(HttpServletRequest request, String userId) { 87 | HttpSession session = request.getSession(); 88 | session.setAttribute("userId", userId); 89 | } 90 | 91 | public static void clearUserId(HttpServletRequest request) throws IOException { 92 | // Delete the credential in the credential store 93 | String userId = getUserId(request); 94 | store.delete(userId, getCredential(userId)); 95 | 96 | // Remove their ID from the local session 97 | request.getSession().removeAttribute("userId"); 98 | } 99 | 100 | public static Credential getCredential(String userId) throws IOException { 101 | if (userId == null) { 102 | return null; 103 | } else { 104 | return AuthUtil.newAuthorizationCodeFlow().loadCredential(userId); 105 | } 106 | } 107 | 108 | public static Credential getCredential(HttpServletRequest req) throws IOException { 109 | return AuthUtil.newAuthorizationCodeFlow().loadCredential(getUserId(req)); 110 | } 111 | 112 | public static List getAllUserIds() { 113 | return store.listAllUsers(); 114 | } 115 | } 116 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/ListableMemoryCredentialStore.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.api.client.auth.oauth2.CredentialStore; 20 | 21 | 22 | import java.util.*; 23 | import java.util.concurrent.locks.Lock; 24 | import java.util.concurrent.locks.ReentrantLock; 25 | 26 | /** 27 | * A new credential store. It's exactly the same as 28 | * com.google.api.client.auth.oauth2.MemoryCredentialStore except it 29 | * has the added ability to list all of the users. 30 | * 31 | * @author Jenny Murphy - http://google.com/+JennyMurphy 32 | */ 33 | public class ListableMemoryCredentialStore implements CredentialStore { 34 | 35 | /** 36 | * Lock on access to the store. 37 | */ 38 | private final Lock lock = new ReentrantLock(); 39 | 40 | /** 41 | * Store of memory persisted credentials, indexed by userId. 42 | */ 43 | private final Map store = 44 | new HashMap(); 45 | 46 | public void store(String userId, Credential credential) { 47 | lock.lock(); 48 | try { 49 | MemoryPersistedCredential item = store.get(userId); 50 | if (item == null) { 51 | item = new MemoryPersistedCredential(); 52 | store.put(userId, item); 53 | } 54 | item.store(credential); 55 | } finally { 56 | lock.unlock(); 57 | } 58 | } 59 | 60 | public void delete(String userId, Credential credential) { 61 | lock.lock(); 62 | try { 63 | store.remove(userId); 64 | } finally { 65 | lock.unlock(); 66 | } 67 | } 68 | 69 | public boolean load(String userId, Credential credential) { 70 | lock.lock(); 71 | try { 72 | MemoryPersistedCredential item = store.get(userId); 73 | if (item != null) { 74 | item.load(credential); 75 | } 76 | return item != null; 77 | } finally { 78 | lock.unlock(); 79 | } 80 | } 81 | 82 | public List listAllUsers() { 83 | List allUsers = new ArrayList(); 84 | // Is that a 47 character long generic for one line of behavior? Yes, yes it is. 85 | for (Iterator> iterator = store.entrySet() 86 | .iterator(); 87 | iterator.hasNext(); ) { 88 | allUsers.add(iterator.next().getKey()); 89 | } 90 | return allUsers; 91 | } 92 | 93 | class MemoryPersistedCredential { 94 | 95 | /** 96 | * Access token or {@code null} for none. 97 | */ 98 | private String accessToken; 99 | 100 | /** 101 | * Refresh token {@code null} for none. 102 | */ 103 | private String refreshToken; 104 | 105 | /** 106 | * Expiration time in milliseconds {@code null} for none. 107 | */ 108 | private Long expirationTimeMillis; 109 | 110 | /** 111 | * Store information from the credential. 112 | * 113 | * @param credential credential whose {@link Credential#getAccessToken access token}, 114 | * {@link Credential#getRefreshToken refresh token}, and 115 | * {@link Credential#getExpirationTimeMilliseconds expiration time} need to be stored 116 | */ 117 | void store(Credential credential) { 118 | accessToken = credential.getAccessToken(); 119 | refreshToken = credential.getRefreshToken(); 120 | expirationTimeMillis = credential.getExpirationTimeMilliseconds(); 121 | } 122 | 123 | /** 124 | * Load information into the credential. 125 | * 126 | * @param credential credential whose {@link Credential#setAccessToken access token}, 127 | * {@link Credential#setRefreshToken refresh token}, and 128 | * {@link Credential#setExpirationTimeMilliseconds expiration time} need to be set if the 129 | * credential already exists in storage 130 | */ 131 | void load(Credential credential) { 132 | credential.setAccessToken(accessToken); 133 | credential.setRefreshToken(refreshToken); 134 | credential.setExpirationTimeMilliseconds(expirationTimeMillis); 135 | } 136 | } 137 | } -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/MainServlet.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.api.client.googleapis.batch.BatchRequest; 20 | import com.google.api.client.googleapis.batch.json.JsonBatchCallback; 21 | import com.google.api.client.googleapis.json.GoogleJsonError; 22 | import com.google.api.client.googleapis.json.GoogleJsonResponseException; 23 | import com.google.api.client.http.HttpHeaders; 24 | import com.google.api.services.mirror.model.Command; 25 | import com.google.api.services.mirror.model.Contact; 26 | import com.google.api.services.mirror.model.MenuItem; 27 | import com.google.api.services.mirror.model.MenuValue; 28 | import com.google.api.services.mirror.model.NotificationConfig; 29 | import com.google.api.services.mirror.model.TimelineItem; 30 | import com.google.common.collect.Lists; 31 | 32 | import java.io.IOException; 33 | import java.net.URL; 34 | import java.util.ArrayList; 35 | import java.util.List; 36 | import java.util.logging.Logger; 37 | 38 | import javax.servlet.http.HttpServlet; 39 | import javax.servlet.http.HttpServletRequest; 40 | import javax.servlet.http.HttpServletResponse; 41 | 42 | /** 43 | * Handles POST requests from index.jsp 44 | * 45 | * @author Jenny Murphy - http://google.com/+JennyMurphy 46 | */ 47 | public class MainServlet extends HttpServlet { 48 | 49 | /** 50 | * Private class to process batch request results. 51 | *

52 | * For more information, see 53 | * https://code.google.com/p/google-api-java-client/wiki/Batch. 54 | */ 55 | private final class BatchCallback extends JsonBatchCallback { 56 | private int success = 0; 57 | private int failure = 0; 58 | 59 | @Override 60 | public void onSuccess(TimelineItem item, HttpHeaders headers) throws IOException { 61 | ++success; 62 | } 63 | 64 | @Override 65 | public void onFailure(GoogleJsonError error, HttpHeaders headers) throws IOException { 66 | ++failure; 67 | LOG.info("Failed to insert item: " + error.getMessage()); 68 | } 69 | } 70 | 71 | private static final Logger LOG = Logger.getLogger(MainServlet.class.getSimpleName()); 72 | public static final String CONTACT_ID = "com.google.glassware.contact.java-quick-start"; 73 | public static final String CONTACT_NAME = "Java Quick Start"; 74 | 75 | private static final String PAGINATED_HTML = 76 | "

" 77 | + "

Did you know...?

" 78 | + "

Cats are solar-powered. The time they spend napping in " 79 | + "direct sunlight is necessary to regenerate their internal batteries. Cats that do not " 80 | + "receive sufficient charge may exhibit the following symptoms: lethargy, " 81 | + "irritability, and disdainful glares. Cats will reactivate on their own automatically " 82 | + "after a complete charge cycle; it is recommended that they be left undisturbed during " 83 | + "this process to maximize your enjoyment of your cat.


" 84 | + "For more cat maintenance tips, tap to view the website!

" 85 | + "
"; 86 | 87 | /** 88 | * Do stuff when buttons on index.jsp are clicked 89 | */ 90 | @Override 91 | protected void doPost(HttpServletRequest req, HttpServletResponse res) throws IOException { 92 | 93 | String userId = AuthUtil.getUserId(req); 94 | Credential credential = AuthUtil.newAuthorizationCodeFlow().loadCredential(userId); 95 | String message = ""; 96 | 97 | if (req.getParameter("operation").equals("insertSubscription")) { 98 | 99 | // subscribe (only works deployed to production) 100 | try { 101 | MirrorClient.insertSubscription(credential, WebUtil.buildUrl(req, "/notify"), userId, 102 | req.getParameter("collection")); 103 | message = "Application is now subscribed to updates."; 104 | } catch (GoogleJsonResponseException e) { 105 | LOG.warning("Could not subscribe " + WebUtil.buildUrl(req, "/notify") + " because " 106 | + e.getDetails().toPrettyString()); 107 | message = "Failed to subscribe. Check your log for details"; 108 | } 109 | 110 | } else if (req.getParameter("operation").equals("deleteSubscription")) { 111 | 112 | // subscribe (only works deployed to production) 113 | MirrorClient.deleteSubscription(credential, req.getParameter("subscriptionId")); 114 | 115 | message = "Application has been unsubscribed."; 116 | 117 | } else if (req.getParameter("operation").equals("insertItem")) { 118 | LOG.fine("Inserting Timeline Item"); 119 | TimelineItem timelineItem = new TimelineItem(); 120 | 121 | if (req.getParameter("message") != null) { 122 | timelineItem.setText(req.getParameter("message")); 123 | } 124 | 125 | // Triggers an audible tone when the timeline item is received 126 | timelineItem.setNotification(new NotificationConfig().setLevel("DEFAULT")); 127 | 128 | if (req.getParameter("imageUrl") != null) { 129 | // Attach an image, if we have one 130 | URL url = new URL(req.getParameter("imageUrl")); 131 | String contentType = req.getParameter("contentType"); 132 | MirrorClient.insertTimelineItem(credential, timelineItem, contentType, url.openStream()); 133 | } else { 134 | MirrorClient.insertTimelineItem(credential, timelineItem); 135 | } 136 | 137 | message = "A timeline item has been inserted."; 138 | 139 | } else if (req.getParameter("operation").equals("insertPaginatedItem")) { 140 | LOG.fine("Inserting Timeline Item"); 141 | TimelineItem timelineItem = new TimelineItem(); 142 | timelineItem.setHtml(PAGINATED_HTML); 143 | 144 | List menuItemList = new ArrayList(); 145 | menuItemList.add(new MenuItem().setAction("OPEN_URI").setPayload( 146 | "https://www.google.com/search?q=cat+maintenance+tips")); 147 | timelineItem.setMenuItems(menuItemList); 148 | 149 | // Triggers an audible tone when the timeline item is received 150 | timelineItem.setNotification(new NotificationConfig().setLevel("DEFAULT")); 151 | 152 | MirrorClient.insertTimelineItem(credential, timelineItem); 153 | 154 | message = "A timeline item has been inserted."; 155 | 156 | } else if (req.getParameter("operation").equals("insertItemWithAction")) { 157 | LOG.fine("Inserting Timeline Item"); 158 | TimelineItem timelineItem = new TimelineItem(); 159 | timelineItem.setText("Tell me what you had for lunch :)"); 160 | 161 | List menuItemList = new ArrayList(); 162 | // Built in actions 163 | menuItemList.add(new MenuItem().setAction("REPLY")); 164 | menuItemList.add(new MenuItem().setAction("READ_ALOUD")); 165 | 166 | // And custom actions 167 | List menuValues = new ArrayList(); 168 | menuValues.add(new MenuValue().setIconUrl(WebUtil.buildUrl(req, "/static/images/drill.png")) 169 | .setDisplayName("Drill In")); 170 | menuItemList.add(new MenuItem().setValues(menuValues).setId("drill").setAction("CUSTOM")); 171 | 172 | timelineItem.setMenuItems(menuItemList); 173 | timelineItem.setNotification(new NotificationConfig().setLevel("DEFAULT")); 174 | 175 | MirrorClient.insertTimelineItem(credential, timelineItem); 176 | 177 | message = "A timeline item with actions has been inserted."; 178 | 179 | } else if (req.getParameter("operation").equals("insertContact")) { 180 | if (req.getParameter("iconUrl") == null || req.getParameter("name") == null) { 181 | message = "Must specify iconUrl and name to insert contact"; 182 | } else { 183 | // Insert a contact 184 | LOG.fine("Inserting contact Item"); 185 | Contact contact = new Contact(); 186 | contact.setId(req.getParameter("id")); 187 | contact.setDisplayName(req.getParameter("name")); 188 | contact.setImageUrls(Lists.newArrayList(req.getParameter("iconUrl"))); 189 | contact.setAcceptCommands(Lists.newArrayList(new Command().setType("TAKE_A_NOTE"))); 190 | MirrorClient.insertContact(credential, contact); 191 | 192 | message = "Inserted contact: " + req.getParameter("name"); 193 | } 194 | 195 | } else if (req.getParameter("operation").equals("deleteContact")) { 196 | 197 | // Insert a contact 198 | LOG.fine("Deleting contact Item"); 199 | MirrorClient.deleteContact(credential, req.getParameter("id")); 200 | 201 | message = "Contact has been deleted."; 202 | 203 | } else if (req.getParameter("operation").equals("insertItemAllUsers")) { 204 | if (req.getServerName().contains("glass-java-starter-demo.appspot.com")) { 205 | message = "This function is disabled on the demo instance."; 206 | } 207 | 208 | // Insert a contact 209 | List users = AuthUtil.getAllUserIds(); 210 | LOG.info("found " + users.size() + " users"); 211 | if (users.size() > 10) { 212 | // We wouldn't want you to run out of quota on your first day! 213 | message = 214 | "Total user count is " + users.size() + ". Aborting broadcast " + "to save your quota."; 215 | } else { 216 | TimelineItem allUsersItem = new TimelineItem(); 217 | allUsersItem.setText("Hello Everyone!"); 218 | 219 | BatchRequest batch = MirrorClient.getMirror(null).batch(); 220 | BatchCallback callback = new BatchCallback(); 221 | 222 | // TODO: add a picture of a cat 223 | for (String user : users) { 224 | Credential userCredential = AuthUtil.getCredential(user); 225 | MirrorClient.getMirror(userCredential).timeline().insert(allUsersItem) 226 | .queue(batch, callback); 227 | } 228 | 229 | batch.execute(); 230 | message = 231 | "Successfully sent cards to " + callback.success + " users (" + callback.failure 232 | + " failed)."; 233 | } 234 | 235 | 236 | } else if (req.getParameter("operation").equals("deleteTimelineItem")) { 237 | 238 | // Delete a timeline item 239 | LOG.fine("Deleting Timeline Item"); 240 | MirrorClient.deleteTimelineItem(credential, req.getParameter("itemId")); 241 | 242 | message = "Timeline Item has been deleted."; 243 | 244 | } else { 245 | String operation = req.getParameter("operation"); 246 | LOG.warning("Unknown operation specified " + operation); 247 | message = "I don't know how to do that"; 248 | } 249 | WebUtil.setFlash(req, message); 250 | res.sendRedirect(WebUtil.buildUrl(req, "/")); 251 | } 252 | } 253 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/MirrorClient.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.api.client.googleapis.json.GoogleJsonResponseException; 20 | import com.google.api.client.http.ByteArrayContent; 21 | import com.google.api.client.http.GenericUrl; 22 | import com.google.api.client.http.HttpResponse; 23 | import com.google.api.client.http.javanet.NetHttpTransport; 24 | import com.google.api.client.json.jackson2.JacksonFactory; 25 | import com.google.api.services.mirror.Mirror; 26 | import com.google.api.services.mirror.model.Attachment; 27 | import com.google.api.services.mirror.model.Contact; 28 | import com.google.api.services.mirror.model.ContactsListResponse; 29 | import com.google.api.services.mirror.model.Subscription; 30 | import com.google.api.services.mirror.model.SubscriptionsListResponse; 31 | import com.google.api.services.mirror.model.TimelineItem; 32 | import com.google.api.services.mirror.model.TimelineListResponse; 33 | import com.google.common.io.ByteStreams; 34 | 35 | import java.io.IOException; 36 | import java.io.InputStream; 37 | import java.util.logging.Logger; 38 | 39 | /** 40 | * A facade for easier access to basic API operations 41 | * 42 | * @author Jenny Murphy - http://google.com/+JennyMurphy 43 | */ 44 | public class MirrorClient { 45 | private static final Logger LOG = Logger.getLogger(MirrorClient.class.getSimpleName()); 46 | 47 | public static Mirror getMirror(Credential credential) { 48 | return new Mirror.Builder(new NetHttpTransport(), new JacksonFactory(), credential) 49 | .setApplicationName("PG Java Starter").build(); 50 | } 51 | 52 | public static Contact insertContact(Credential credential, Contact contact) throws IOException { 53 | Mirror.Contacts contacts = getMirror(credential).contacts(); 54 | return contacts.insert(contact).execute(); 55 | } 56 | 57 | public static void deleteContact(Credential credential, String contactId) throws IOException { 58 | Mirror.Contacts contacts = getMirror(credential).contacts(); 59 | contacts.delete(contactId).execute(); 60 | } 61 | 62 | public static ContactsListResponse listContacts(Credential credential) throws IOException { 63 | Mirror.Contacts contacts = getMirror(credential).contacts(); 64 | return contacts.list().execute(); 65 | } 66 | 67 | public static Contact getContact(Credential credential, String id) throws IOException { 68 | try { 69 | Mirror.Contacts contacts = getMirror(credential).contacts(); 70 | return contacts.get(id).execute(); 71 | } catch (GoogleJsonResponseException e) { 72 | LOG.warning("Could not find contact with ID " + id); 73 | return null; 74 | } 75 | } 76 | 77 | 78 | public static TimelineListResponse listItems(Credential credential, long count) 79 | throws IOException { 80 | Mirror.Timeline timelineItems = getMirror(credential).timeline(); 81 | Mirror.Timeline.List list = timelineItems.list(); 82 | list.setMaxResults(count); 83 | return list.execute(); 84 | } 85 | 86 | 87 | /** 88 | * Subscribes to notifications on the user's timeline. 89 | */ 90 | public static Subscription insertSubscription(Credential credential, String callbackUrl, 91 | String userId, String collection) throws IOException { 92 | LOG.info("Attempting to subscribe verify_token " + userId + " with callback " + callbackUrl); 93 | 94 | // Rewrite "appspot.com" to "Appspot.com" as a workaround for 95 | // http://b/6909300. 96 | callbackUrl = callbackUrl.replace("appspot.com", "Appspot.com"); 97 | 98 | Subscription subscription = new Subscription(); 99 | // Alternatively, subscribe to "locations" 100 | subscription.setCollection(collection); 101 | subscription.setCallbackUrl(callbackUrl); 102 | subscription.setUserToken(userId); 103 | 104 | return getMirror(credential).subscriptions().insert(subscription).execute(); 105 | } 106 | 107 | /** 108 | * Subscribes to notifications on the user's timeline. 109 | */ 110 | public static void deleteSubscription(Credential credential, String id) throws IOException { 111 | getMirror(credential).subscriptions().delete(id).execute(); 112 | } 113 | 114 | public static SubscriptionsListResponse listSubscriptions(Credential credential) 115 | throws IOException { 116 | Mirror.Subscriptions subscriptions = getMirror(credential).subscriptions(); 117 | return subscriptions.list().execute(); 118 | } 119 | 120 | /** 121 | * Inserts a simple timeline item. 122 | * 123 | * @param credential the user's credential 124 | * @param item the item to insert 125 | */ 126 | public static TimelineItem insertTimelineItem(Credential credential, TimelineItem item) 127 | throws IOException { 128 | return getMirror(credential).timeline().insert(item).execute(); 129 | } 130 | 131 | /** 132 | * Inserts an item with an attachment provided as a byte array. 133 | * 134 | * @param credential the user's credential 135 | * @param item the item to insert 136 | * @param attachmentContentType the MIME type of the attachment (or null if 137 | * none) 138 | * @param attachmentData data for the attachment (or null if none) 139 | */ 140 | public static void insertTimelineItem(Credential credential, TimelineItem item, 141 | String attachmentContentType, byte[] attachmentData) throws IOException { 142 | Mirror.Timeline timeline = getMirror(credential).timeline(); 143 | timeline.insert(item, new ByteArrayContent(attachmentContentType, attachmentData)).execute(); 144 | 145 | } 146 | 147 | /** 148 | * Inserts an item with an attachment provided as an input stream. 149 | * 150 | * @param credential the user's credential 151 | * @param item the item to insert 152 | * @param attachmentContentType the MIME type of the attachment (or null if 153 | * none) 154 | * @param attachmentInputStream input stream for the attachment (or null if 155 | * none) 156 | */ 157 | public static void insertTimelineItem(Credential credential, TimelineItem item, 158 | String attachmentContentType, InputStream attachmentInputStream) throws IOException { 159 | insertTimelineItem(credential, item, attachmentContentType, 160 | ByteStreams.toByteArray(attachmentInputStream)); 161 | } 162 | 163 | public static InputStream getAttachmentInputStream(Credential credential, String timelineItemId, 164 | String attachmentId) throws IOException { 165 | Mirror mirrorService = getMirror(credential); 166 | Mirror.Timeline.Attachments attachments = mirrorService.timeline().attachments(); 167 | Attachment attachmentMetadata = attachments.get(timelineItemId, attachmentId).execute(); 168 | HttpResponse resp = 169 | mirrorService.getRequestFactory() 170 | .buildGetRequest(new GenericUrl(attachmentMetadata.getContentUrl())).execute(); 171 | return resp.getContent(); 172 | } 173 | 174 | public static String getAttachmentContentType(Credential credential, String timelineItemId, 175 | String attachmentId) throws IOException { 176 | Mirror.Timeline.Attachments attachments = getMirror(credential).timeline().attachments(); 177 | Attachment attachmentMetadata = attachments.get(timelineItemId, attachmentId).execute(); 178 | return attachmentMetadata.getContentType(); 179 | } 180 | 181 | public static void deleteTimelineItem(Credential credential, String timelineItemId) throws IOException { 182 | getMirror(credential).timeline().delete(timelineItemId).execute(); 183 | } 184 | } 185 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/NewUserBootstrapper.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.api.client.googleapis.json.GoogleJsonResponseException; 20 | import com.google.api.services.mirror.model.Command; 21 | import com.google.api.services.mirror.model.Contact; 22 | import com.google.api.services.mirror.model.NotificationConfig; 23 | import com.google.api.services.mirror.model.Subscription; 24 | import com.google.api.services.mirror.model.TimelineItem; 25 | import com.google.common.collect.Lists; 26 | 27 | import java.io.IOException; 28 | import java.util.logging.Logger; 29 | 30 | import javax.servlet.http.HttpServletRequest; 31 | 32 | /** 33 | * Utility functions used when users first authenticate with this service 34 | * 35 | * @author Jenny Murphy - http://google.com/+JennyMurphy 36 | */ 37 | public class NewUserBootstrapper { 38 | private static final Logger LOG = Logger.getLogger(NewUserBootstrapper.class.getSimpleName()); 39 | 40 | /** 41 | * Bootstrap a new user. Do all of the typical actions for a new user: 42 | *
    43 | *
  • Creating a timeline subscription
  • 44 | *
  • Inserting a contact
  • 45 | *
  • Sending the user a welcome message
  • 46 | *
47 | */ 48 | public static void bootstrapNewUser(HttpServletRequest req, String userId) throws IOException { 49 | Credential credential = AuthUtil.newAuthorizationCodeFlow().loadCredential(userId); 50 | 51 | // Create contact 52 | Contact starterProjectContact = new Contact(); 53 | starterProjectContact.setId(MainServlet.CONTACT_ID); 54 | starterProjectContact.setDisplayName(MainServlet.CONTACT_NAME); 55 | starterProjectContact.setImageUrls(Lists.newArrayList(WebUtil.buildUrl(req, 56 | "/static/images/chipotle-tube-640x360.jpg"))); 57 | starterProjectContact.setAcceptCommands(Lists.newArrayList( 58 | new Command().setType("TAKE_A_NOTE"))); 59 | Contact insertedContact = MirrorClient.insertContact(credential, starterProjectContact); 60 | LOG.info("Bootstrapper inserted contact " + insertedContact.getId() + " for user " + userId); 61 | 62 | try { 63 | // Subscribe to timeline updates 64 | Subscription subscription = 65 | MirrorClient.insertSubscription(credential, WebUtil.buildUrl(req, "/notify"), userId, 66 | "timeline"); 67 | LOG.info("Bootstrapper inserted subscription " + subscription 68 | .getId() + " for user " + userId); 69 | } catch (GoogleJsonResponseException e) { 70 | LOG.warning("Failed to create timeline subscription. Might be running on " 71 | + "localhost. Details:" + e.getDetails().toPrettyString()); 72 | } 73 | 74 | // Send welcome timeline item 75 | TimelineItem timelineItem = new TimelineItem(); 76 | timelineItem.setText("Welcome to the Glass Java Quick Start"); 77 | timelineItem.setNotification(new NotificationConfig().setLevel("DEFAULT")); 78 | TimelineItem insertedItem = MirrorClient.insertTimelineItem(credential, timelineItem); 79 | LOG.info("Bootstrapper inserted welcome message " + insertedItem.getId() + " for user " 80 | + userId); 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/NotifyServlet.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.Credential; 19 | import com.google.api.client.json.JsonFactory; 20 | import com.google.api.client.json.jackson2.JacksonFactory; 21 | import com.google.api.services.mirror.Mirror; 22 | import com.google.api.services.mirror.model.Location; 23 | import com.google.api.services.mirror.model.MenuItem; 24 | import com.google.api.services.mirror.model.Notification; 25 | import com.google.api.services.mirror.model.NotificationConfig; 26 | import com.google.api.services.mirror.model.TimelineItem; 27 | import com.google.api.services.mirror.model.UserAction; 28 | import com.google.common.collect.Lists; 29 | 30 | import java.io.BufferedReader; 31 | import java.io.IOException; 32 | import java.io.InputStream; 33 | import java.io.InputStreamReader; 34 | import java.io.Writer; 35 | import java.util.logging.Logger; 36 | import java.util.Random; 37 | 38 | import javax.servlet.ServletException; 39 | import javax.servlet.http.HttpServlet; 40 | import javax.servlet.http.HttpServletRequest; 41 | import javax.servlet.http.HttpServletResponse; 42 | 43 | /** 44 | * Handles the notifications sent back from subscriptions 45 | * 46 | * @author Jenny Murphy - http://google.com/+JennyMurphy 47 | */ 48 | public class NotifyServlet extends HttpServlet { 49 | private static final Logger LOG = Logger.getLogger(NotifyServlet.class.getSimpleName()); 50 | 51 | private static final String[] CAT_UTTERANCES = { 52 | "Purr...", 53 | "Hisss... scratch...", 54 | "Meow..." 55 | }; 56 | 57 | @Override 58 | protected void doPost(HttpServletRequest request, HttpServletResponse response) 59 | throws ServletException, IOException { 60 | // Respond with OK and status 200 in a timely fashion to prevent redelivery 61 | response.setContentType("text/html"); 62 | Writer writer = response.getWriter(); 63 | writer.append("OK"); 64 | writer.close(); 65 | 66 | // Get the notification object from the request body (into a string so we 67 | // can log it) 68 | BufferedReader notificationReader = 69 | new BufferedReader(new InputStreamReader(request.getInputStream())); 70 | String notificationString = ""; 71 | 72 | // Count the lines as a very basic way to prevent Denial of Service attacks 73 | int lines = 0; 74 | String line; 75 | while ((line = notificationReader.readLine()) != null) { 76 | notificationString += line; 77 | lines++; 78 | 79 | // No notification would ever be this long. Something is very wrong. 80 | if (lines > 1000) { 81 | throw new IOException("Attempted to parse notification payload that was unexpectedly long."); 82 | } 83 | } 84 | notificationReader.close(); 85 | 86 | LOG.info("got raw notification " + notificationString); 87 | 88 | JsonFactory jsonFactory = new JacksonFactory(); 89 | 90 | // If logging the payload is not as important, use 91 | // jacksonFactory.fromInputStream instead. 92 | Notification notification = jsonFactory.fromString(notificationString, Notification.class); 93 | 94 | LOG.info("Got a notification with ID: " + notification.getItemId()); 95 | 96 | // Figure out the impacted user and get their credentials for API calls 97 | String userId = notification.getUserToken(); 98 | Credential credential = AuthUtil.getCredential(userId); 99 | Mirror mirrorClient = MirrorClient.getMirror(credential); 100 | 101 | 102 | if (notification.getCollection().equals("locations")) { 103 | LOG.info("Notification of updated location"); 104 | Mirror glass = MirrorClient.getMirror(credential); 105 | // item id is usually 'latest' 106 | Location location = glass.locations().get(notification.getItemId()).execute(); 107 | 108 | LOG.info("New location is " + location.getLatitude() + ", " + location.getLongitude()); 109 | MirrorClient.insertTimelineItem( 110 | credential, 111 | new TimelineItem() 112 | .setText("Java Quick Start says you are now at " + location.getLatitude() 113 | + " by " + location.getLongitude()) 114 | .setNotification(new NotificationConfig().setLevel("DEFAULT")).setLocation(location) 115 | .setMenuItems(Lists.newArrayList(new MenuItem().setAction("NAVIGATE")))); 116 | 117 | // This is a location notification. Ping the device with a timeline item 118 | // telling them where they are. 119 | } else if (notification.getCollection().equals("timeline")) { 120 | // Get the impacted timeline item 121 | TimelineItem timelineItem = mirrorClient.timeline().get(notification.getItemId()).execute(); 122 | LOG.info("Notification impacted timeline item with ID: " + timelineItem.getId()); 123 | 124 | // If it was a share, and contains a photo, update the photo's caption to 125 | // acknowledge that we got it. 126 | if (notification.getUserActions().contains(new UserAction().setType("SHARE")) 127 | && timelineItem.getAttachments() != null && timelineItem.getAttachments().size() > 0) { 128 | LOG.info("It was a share of a photo. Updating the caption on the photo."); 129 | 130 | String caption = timelineItem.getText(); 131 | if (caption == null) { 132 | caption = ""; 133 | } 134 | 135 | // Create a new item with just the values that we want to patch. 136 | TimelineItem itemPatch = new TimelineItem(); 137 | itemPatch.setText("Java Quick Start got your photo! " + caption); 138 | 139 | // Patch the item. Notice that since we retrieved the entire item above 140 | // in order to access the caption, we could have just changed the text 141 | // in place and used the update method, but we wanted to illustrate the 142 | // patch method here. 143 | mirrorClient.timeline().patch(notification.getItemId(), itemPatch).execute(); 144 | } else if (notification.getUserActions().contains(new UserAction().setType("LAUNCH"))) { 145 | LOG.info("It was a note taken with the 'take a note' voice command. Processing it."); 146 | 147 | // Grab the spoken text from the timeline card and update the card with 148 | // an HTML response (deleting the text as well). 149 | String noteText = timelineItem.getText(); 150 | String utterance = CAT_UTTERANCES[new Random().nextInt(CAT_UTTERANCES.length)]; 151 | 152 | timelineItem.setText(null); 153 | timelineItem.setHtml(makeHtmlForCard("

" 154 | + "Oh, did you say " + noteText + "? " + utterance + "

")); 155 | timelineItem.setMenuItems(Lists.newArrayList( 156 | new MenuItem().setAction("DELETE"))); 157 | 158 | mirrorClient.timeline().update(timelineItem.getId(), timelineItem).execute(); 159 | } else { 160 | LOG.warning("I don't know what to do with this notification, so I'm ignoring it."); 161 | } 162 | } 163 | } 164 | 165 | /** 166 | * Wraps some HTML content in article/section tags and adds a footer 167 | * identifying the card as originating from the Java Quick Start. 168 | * 169 | * @param content the HTML content to wrap 170 | * @return the wrapped HTML content 171 | */ 172 | private static String makeHtmlForCard(String content) { 173 | return "
" + content 174 | + "

Java Quick Start

"; 175 | } 176 | } 177 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/ReauthFilter.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.auth.oauth2.TokenResponseException; 19 | 20 | import java.io.IOException; 21 | import java.util.logging.Logger; 22 | 23 | import javax.servlet.Filter; 24 | import javax.servlet.FilterChain; 25 | import javax.servlet.FilterConfig; 26 | import javax.servlet.ServletException; 27 | import javax.servlet.ServletRequest; 28 | import javax.servlet.ServletResponse; 29 | import javax.servlet.http.HttpServletRequest; 30 | import javax.servlet.http.HttpServletResponse; 31 | 32 | /** 33 | * A filter which reacts to invalid grant_auth exceptions, typically caused when a user toggles a 34 | * Glassware 'off' on MyGlass. It redirects to the login flow when this happens. 35 | * 36 | * @author Jenny Murphy - http://google.com/+JennyMurphy 37 | */ 38 | public class ReauthFilter implements Filter { 39 | private static final Logger LOG = Logger.getLogger(ReauthFilter.class.getSimpleName()); 40 | 41 | @Override 42 | public void doFilter(ServletRequest request, ServletResponse response, 43 | FilterChain filterChain) throws IOException, ServletException { 44 | 45 | // Skip this filter if somehow we have a request that's not HTTP 46 | if (response instanceof HttpServletResponse && request instanceof HttpServletRequest) { 47 | HttpServletRequest httpRequest = (HttpServletRequest) request; 48 | HttpServletResponse httpResponse = (HttpServletResponse) response; 49 | 50 | // Attempt to re-auth if we have an invalid grant exception. 51 | // This will only work if the request has not yet been committed. 52 | try { 53 | filterChain.doFilter(request, response); 54 | } catch (TokenResponseException e) { 55 | if (e.getDetails().getError().contains("invalid_grant")) { 56 | LOG.warning("User disabled Glassware. Attempting to re-authenticate"); 57 | httpResponse.sendRedirect(WebUtil.buildUrl(httpRequest, "/oauth2callback")); 58 | } 59 | } 60 | } 61 | } 62 | 63 | @Override 64 | public void init(FilterConfig filterConfig) throws ServletException { 65 | } 66 | 67 | @Override 68 | public void destroy() { 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /src/main/java/com/google/glassware/WebUtil.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (C) 2013 Google Inc. 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 | * use this file except in compliance with the License. You may obtain a copy of 6 | * the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 | * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 | * License for the specific language governing permissions and limitations under 14 | * the License. 15 | */ 16 | package com.google.glassware; 17 | 18 | import com.google.api.client.http.GenericUrl; 19 | 20 | import javax.servlet.http.HttpServletRequest; 21 | import javax.servlet.http.HttpSession; 22 | 23 | /** 24 | * @author Jenny Murphy - http://google.com/+JennyMurphy 25 | */ 26 | public class WebUtil { 27 | /** 28 | * Builds a URL relative to this app's root. 29 | */ 30 | public static String buildUrl(HttpServletRequest req, String relativePath) { 31 | GenericUrl url = new GenericUrl(req.getRequestURL().toString()); 32 | url.setRawPath(relativePath); 33 | return url.build(); 34 | } 35 | 36 | /** 37 | * A simple flash implementation for text messages across requests 38 | * 39 | * @param request 40 | * @return 41 | */ 42 | public static String getClearFlash(HttpServletRequest request) { 43 | HttpSession session = request.getSession(); 44 | String flash = (String) session.getAttribute("flash"); 45 | session.removeAttribute("flash"); 46 | return flash; 47 | } 48 | 49 | public static void setFlash(HttpServletRequest request, String flash) { 50 | HttpSession session = request.getSession(); 51 | session.setAttribute("flash", flash); 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /src/main/resources/oauth.properties: -------------------------------------------------------------------------------- 1 | # Replace these with values for your project from the Google API Console: 2 | # https://developers.google.com/console 3 | 4 | client_id=YOUR_CLIENT_ID 5 | client_secret=YOUR_CLIENT_SECRET 6 | -------------------------------------------------------------------------------- /src/main/webapp/WEB-INF/web.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 22 | 23 | 24 | 25 | authFilter 26 | com.google.glassware.AuthFilter 27 | 28 | 29 | authFilter 30 | * 31 | 32 | 33 | 34 | reauthFilter 35 | com.google.glassware.ReauthFilter 36 | 37 | 38 | reauthFilter 39 | * 40 | 41 | 42 | 43 | 44 | 45 | main 46 | com.google.glassware.MainServlet 47 | 48 | 49 | main 50 | /main 51 | 52 | 53 | 54 | oauth2callback 55 | com.google.glassware.AuthServlet 56 | 57 | 58 | oauth2callback 59 | /oauth2callback 60 | 61 | 62 | 63 | notify 64 | com.google.glassware.NotifyServlet 65 | 66 | 67 | notify 68 | /notify 69 | 70 | 71 | 72 | attachmentproxy 73 | com.google.glassware.AttachmentProxyServlet 74 | 75 | 76 | attachmentproxy 77 | /attachmentproxy 78 | 79 | 80 | 81 | index.jsp 82 | 83 | 84 | -------------------------------------------------------------------------------- /src/main/webapp/index.jsp: -------------------------------------------------------------------------------- 1 | 16 | <%@ page import="com.google.api.client.auth.oauth2.Credential" %> 17 | <%@ page import="com.google.api.services.mirror.model.Contact" %> 18 | <%@ page import="com.google.glassware.MirrorClient" %> 19 | <%@ page import="com.google.glassware.WebUtil" %> 20 | <%@ page import="java.util.List" %> 21 | <%@ page import="com.google.api.services.mirror.model.TimelineItem" %> 22 | <%@ page import="com.google.api.services.mirror.model.Subscription" %> 23 | <%@ page import="com.google.api.services.mirror.model.Attachment" %> 24 | <%@ page import="com.google.glassware.MainServlet" %> 25 | <%@ page import="org.apache.commons.lang3.StringEscapeUtils" %> 26 | 27 | <%@ page contentType="text/html;charset=UTF-8" language="java" %> 28 | 29 | 30 | <% 31 | String userId = com.google.glassware.AuthUtil.getUserId(request); 32 | String appBaseUrl = WebUtil.buildUrl(request, "/"); 33 | 34 | Credential credential = com.google.glassware.AuthUtil.getCredential(userId); 35 | 36 | Contact contact = MirrorClient.getContact(credential, MainServlet.CONTACT_ID); 37 | 38 | List timelineItems = MirrorClient.listItems(credential, 3L).getItems(); 39 | 40 | 41 | List subscriptions = MirrorClient.listSubscriptions(credential).getItems(); 42 | boolean timelineSubscriptionExists = false; 43 | boolean locationSubscriptionExists = false; 44 | 45 | 46 | if (subscriptions != null) { 47 | for (Subscription subscription : subscriptions) { 48 | if (subscription.getId().equals("timeline")) { 49 | timelineSubscriptionExists = true; 50 | } 51 | if (subscription.getId().equals("locations")) { 52 | locationSubscriptionExists = true; 53 | } 54 | } 55 | } 56 | 57 | %> 58 | 59 | 60 | 61 | Glassware Starter Project 62 | 64 | 66 | 67 | 68 | 69 | 76 | 77 |
78 | 79 | <% String flash = WebUtil.getClearFlash(request); 80 | if (flash != null) { %> 81 |
<%= StringEscapeUtils.escapeHtml4(flash) %>
82 | <% } %> 83 | 84 |

Your Recent Timeline

85 |
86 | 87 |
88 | 89 | <% if (timelineItems != null && !timelineItems.isEmpty()) { 90 | for (TimelineItem timelineItem : timelineItems) { %> 91 |
92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 128 | 129 | 130 | 142 | 143 | 144 |
ID<%= timelineItem.getId() %>
Text<%= StringEscapeUtils.escapeHtml4(timelineItem.getText()) %>
HTML<%= StringEscapeUtils.escapeHtml4(timelineItem.getHtml()) %>
Attachments 109 | <% 110 | if (timelineItem.getAttachments() != null) { 111 | for (Attachment attachment : timelineItem.getAttachments()) { 112 | if (MirrorClient.getAttachmentContentType(credential, timelineItem.getId(), attachment.getId()).startsWith("image")) { %> 113 | 115 | 117 | 118 | <% } else { %> 119 | 121 | Download 122 | <% } 123 | } 124 | } else { %> 125 | None 126 | <% } %> 127 |
131 |
" 133 | method="post"> 134 | 136 | 138 | 140 |
141 |
145 |
146 | <% } 147 | } else { %> 148 |
149 |
150 | You haven't added any items to your timeline yet. Use the controls 151 | below to add something! 152 |
153 |
154 | <% } %> 155 |
156 |
157 |
158 | 159 |
160 | 161 |
162 |
163 |

Timeline

164 | 165 |

When you first sign in, this Glassware inserts a welcome message. Use 166 | these controls to insert more items into your timeline. Learn more 167 | about the timeline APIs 168 | here.

169 | 170 | 171 |
" method="post"> 172 | 173 |
174 | 177 |
178 | 179 |
" method="post"> 180 | 181 | 182 | "> 184 | 185 | 186 | 190 |
191 |
" method="post"> 192 | 193 | 195 |
196 |
" method="post"> 197 | 198 | 200 |
201 |
202 |
" method="post"> 203 | 204 | 206 |
207 |
208 | 209 |
210 |

Contacts

211 | 212 |

By default, this project inserts a single contact that accepts 213 | all content types. Learn more about contacts 214 | here.

215 | 216 | <% if (contact == null) { %> 217 |
" method="post"> 218 | 219 | "> 221 | 223 | 225 | 228 |
229 | <% } else { %> 230 |
" method="post"> 231 | 232 | 233 | 236 |
237 | <% } %> 238 | 239 |

Voice Commands

240 |

The "Java Quick Start" contact also accepts the take a 241 | note command. Take a note with the "Java Quick Start" contact 242 | and the cat in the server will record your note and reply with one of 243 | a few cat utterances.

244 |
245 | 246 |
247 |

Subscriptions

248 | 249 |

By default a subscription is inserted for changes to the 250 | timeline collection. Learn more about subscriptions 251 | here. 252 |

253 | 254 |

Note: Subscriptions require SSL. They will 255 | not work on localhost.

256 | 257 | <% if (timelineSubscriptionExists) { %> 258 |
" 259 | method="post"> 260 | 261 | 262 | 265 |
266 | <% } else { %> 267 |
" method="post"> 268 | 269 | 270 | 273 |
274 | <% } %> 275 | 276 | <% if (locationSubscriptionExists) { %> 277 |
" 278 | method="post"> 279 | 280 | 281 | 284 |
285 | <% } else { %> 286 |
" method="post"> 287 | 288 | 289 | 292 |
293 | <% } %> 294 |
295 |
296 |
297 | 298 | 300 | 301 | 302 | 303 | -------------------------------------------------------------------------------- /src/main/webapp/static/bootstrap/css/bootstrap-responsive.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.1 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | .clearfix { 12 | *zoom: 1; 13 | } 14 | 15 | .clearfix:before, 16 | .clearfix:after { 17 | display: table; 18 | line-height: 0; 19 | content: ""; 20 | } 21 | 22 | .clearfix:after { 23 | clear: both; 24 | } 25 | 26 | .hide-text { 27 | font: 0/0 a; 28 | color: transparent; 29 | text-shadow: none; 30 | background-color: transparent; 31 | border: 0; 32 | } 33 | 34 | .input-block-level { 35 | display: block; 36 | width: 100%; 37 | min-height: 30px; 38 | -webkit-box-sizing: border-box; 39 | -moz-box-sizing: border-box; 40 | box-sizing: border-box; 41 | } 42 | 43 | @-ms-viewport { 44 | width: device-width; 45 | } 46 | 47 | .hidden { 48 | display: none; 49 | visibility: hidden; 50 | } 51 | 52 | .visible-phone { 53 | display: none !important; 54 | } 55 | 56 | .visible-tablet { 57 | display: none !important; 58 | } 59 | 60 | .hidden-desktop { 61 | display: none !important; 62 | } 63 | 64 | .visible-desktop { 65 | display: inherit !important; 66 | } 67 | 68 | @media (min-width: 768px) and (max-width: 979px) { 69 | .hidden-desktop { 70 | display: inherit !important; 71 | } 72 | .visible-desktop { 73 | display: none !important ; 74 | } 75 | .visible-tablet { 76 | display: inherit !important; 77 | } 78 | .hidden-tablet { 79 | display: none !important; 80 | } 81 | } 82 | 83 | @media (max-width: 767px) { 84 | .hidden-desktop { 85 | display: inherit !important; 86 | } 87 | .visible-desktop { 88 | display: none !important; 89 | } 90 | .visible-phone { 91 | display: inherit !important; 92 | } 93 | .hidden-phone { 94 | display: none !important; 95 | } 96 | } 97 | 98 | .visible-print { 99 | display: none !important; 100 | } 101 | 102 | @media print { 103 | .visible-print { 104 | display: inherit !important; 105 | } 106 | .hidden-print { 107 | display: none !important; 108 | } 109 | } 110 | 111 | @media (min-width: 1200px) { 112 | .row { 113 | margin-left: -30px; 114 | *zoom: 1; 115 | } 116 | .row:before, 117 | .row:after { 118 | display: table; 119 | line-height: 0; 120 | content: ""; 121 | } 122 | .row:after { 123 | clear: both; 124 | } 125 | [class*="span"] { 126 | float: left; 127 | min-height: 1px; 128 | margin-left: 30px; 129 | } 130 | .container, 131 | .navbar-static-top .container, 132 | .navbar-fixed-top .container, 133 | .navbar-fixed-bottom .container { 134 | width: 1170px; 135 | } 136 | .span12 { 137 | width: 1170px; 138 | } 139 | .span11 { 140 | width: 1070px; 141 | } 142 | .span10 { 143 | width: 970px; 144 | } 145 | .span9 { 146 | width: 870px; 147 | } 148 | .span8 { 149 | width: 770px; 150 | } 151 | .span7 { 152 | width: 670px; 153 | } 154 | .span6 { 155 | width: 570px; 156 | } 157 | .span5 { 158 | width: 470px; 159 | } 160 | .span4 { 161 | width: 370px; 162 | } 163 | .span3 { 164 | width: 270px; 165 | } 166 | .span2 { 167 | width: 170px; 168 | } 169 | .span1 { 170 | width: 70px; 171 | } 172 | .offset12 { 173 | margin-left: 1230px; 174 | } 175 | .offset11 { 176 | margin-left: 1130px; 177 | } 178 | .offset10 { 179 | margin-left: 1030px; 180 | } 181 | .offset9 { 182 | margin-left: 930px; 183 | } 184 | .offset8 { 185 | margin-left: 830px; 186 | } 187 | .offset7 { 188 | margin-left: 730px; 189 | } 190 | .offset6 { 191 | margin-left: 630px; 192 | } 193 | .offset5 { 194 | margin-left: 530px; 195 | } 196 | .offset4 { 197 | margin-left: 430px; 198 | } 199 | .offset3 { 200 | margin-left: 330px; 201 | } 202 | .offset2 { 203 | margin-left: 230px; 204 | } 205 | .offset1 { 206 | margin-left: 130px; 207 | } 208 | .row-fluid { 209 | width: 100%; 210 | *zoom: 1; 211 | } 212 | .row-fluid:before, 213 | .row-fluid:after { 214 | display: table; 215 | line-height: 0; 216 | content: ""; 217 | } 218 | .row-fluid:after { 219 | clear: both; 220 | } 221 | .row-fluid [class*="span"] { 222 | display: block; 223 | float: left; 224 | width: 100%; 225 | min-height: 30px; 226 | margin-left: 2.564102564102564%; 227 | *margin-left: 2.5109110747408616%; 228 | -webkit-box-sizing: border-box; 229 | -moz-box-sizing: border-box; 230 | box-sizing: border-box; 231 | } 232 | .row-fluid [class*="span"]:first-child { 233 | margin-left: 0; 234 | } 235 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 236 | margin-left: 2.564102564102564%; 237 | } 238 | .row-fluid .span12 { 239 | width: 100%; 240 | *width: 99.94680851063829%; 241 | } 242 | .row-fluid .span11 { 243 | width: 91.45299145299145%; 244 | *width: 91.39979996362975%; 245 | } 246 | .row-fluid .span10 { 247 | width: 82.90598290598291%; 248 | *width: 82.8527914166212%; 249 | } 250 | .row-fluid .span9 { 251 | width: 74.35897435897436%; 252 | *width: 74.30578286961266%; 253 | } 254 | .row-fluid .span8 { 255 | width: 65.81196581196582%; 256 | *width: 65.75877432260411%; 257 | } 258 | .row-fluid .span7 { 259 | width: 57.26495726495726%; 260 | *width: 57.21176577559556%; 261 | } 262 | .row-fluid .span6 { 263 | width: 48.717948717948715%; 264 | *width: 48.664757228587014%; 265 | } 266 | .row-fluid .span5 { 267 | width: 40.17094017094017%; 268 | *width: 40.11774868157847%; 269 | } 270 | .row-fluid .span4 { 271 | width: 31.623931623931625%; 272 | *width: 31.570740134569924%; 273 | } 274 | .row-fluid .span3 { 275 | width: 23.076923076923077%; 276 | *width: 23.023731587561375%; 277 | } 278 | .row-fluid .span2 { 279 | width: 14.52991452991453%; 280 | *width: 14.476723040552828%; 281 | } 282 | .row-fluid .span1 { 283 | width: 5.982905982905983%; 284 | *width: 5.929714493544281%; 285 | } 286 | .row-fluid .offset12 { 287 | margin-left: 105.12820512820512%; 288 | *margin-left: 105.02182214948171%; 289 | } 290 | .row-fluid .offset12:first-child { 291 | margin-left: 102.56410256410257%; 292 | *margin-left: 102.45771958537915%; 293 | } 294 | .row-fluid .offset11 { 295 | margin-left: 96.58119658119658%; 296 | *margin-left: 96.47481360247316%; 297 | } 298 | .row-fluid .offset11:first-child { 299 | margin-left: 94.01709401709402%; 300 | *margin-left: 93.91071103837061%; 301 | } 302 | .row-fluid .offset10 { 303 | margin-left: 88.03418803418803%; 304 | *margin-left: 87.92780505546462%; 305 | } 306 | .row-fluid .offset10:first-child { 307 | margin-left: 85.47008547008548%; 308 | *margin-left: 85.36370249136206%; 309 | } 310 | .row-fluid .offset9 { 311 | margin-left: 79.48717948717949%; 312 | *margin-left: 79.38079650845607%; 313 | } 314 | .row-fluid .offset9:first-child { 315 | margin-left: 76.92307692307693%; 316 | *margin-left: 76.81669394435352%; 317 | } 318 | .row-fluid .offset8 { 319 | margin-left: 70.94017094017094%; 320 | *margin-left: 70.83378796144753%; 321 | } 322 | .row-fluid .offset8:first-child { 323 | margin-left: 68.37606837606839%; 324 | *margin-left: 68.26968539734497%; 325 | } 326 | .row-fluid .offset7 { 327 | margin-left: 62.393162393162385%; 328 | *margin-left: 62.28677941443899%; 329 | } 330 | .row-fluid .offset7:first-child { 331 | margin-left: 59.82905982905982%; 332 | *margin-left: 59.72267685033642%; 333 | } 334 | .row-fluid .offset6 { 335 | margin-left: 53.84615384615384%; 336 | *margin-left: 53.739770867430444%; 337 | } 338 | .row-fluid .offset6:first-child { 339 | margin-left: 51.28205128205128%; 340 | *margin-left: 51.175668303327875%; 341 | } 342 | .row-fluid .offset5 { 343 | margin-left: 45.299145299145295%; 344 | *margin-left: 45.1927623204219%; 345 | } 346 | .row-fluid .offset5:first-child { 347 | margin-left: 42.73504273504273%; 348 | *margin-left: 42.62865975631933%; 349 | } 350 | .row-fluid .offset4 { 351 | margin-left: 36.75213675213675%; 352 | *margin-left: 36.645753773413354%; 353 | } 354 | .row-fluid .offset4:first-child { 355 | margin-left: 34.18803418803419%; 356 | *margin-left: 34.081651209310785%; 357 | } 358 | .row-fluid .offset3 { 359 | margin-left: 28.205128205128204%; 360 | *margin-left: 28.0987452264048%; 361 | } 362 | .row-fluid .offset3:first-child { 363 | margin-left: 25.641025641025642%; 364 | *margin-left: 25.53464266230224%; 365 | } 366 | .row-fluid .offset2 { 367 | margin-left: 19.65811965811966%; 368 | *margin-left: 19.551736679396257%; 369 | } 370 | .row-fluid .offset2:first-child { 371 | margin-left: 17.094017094017094%; 372 | *margin-left: 16.98763411529369%; 373 | } 374 | .row-fluid .offset1 { 375 | margin-left: 11.11111111111111%; 376 | *margin-left: 11.004728132387708%; 377 | } 378 | .row-fluid .offset1:first-child { 379 | margin-left: 8.547008547008547%; 380 | *margin-left: 8.440625568285142%; 381 | } 382 | input, 383 | textarea, 384 | .uneditable-input { 385 | margin-left: 0; 386 | } 387 | .controls-row [class*="span"] + [class*="span"] { 388 | margin-left: 30px; 389 | } 390 | input.span12, 391 | textarea.span12, 392 | .uneditable-input.span12 { 393 | width: 1156px; 394 | } 395 | input.span11, 396 | textarea.span11, 397 | .uneditable-input.span11 { 398 | width: 1056px; 399 | } 400 | input.span10, 401 | textarea.span10, 402 | .uneditable-input.span10 { 403 | width: 956px; 404 | } 405 | input.span9, 406 | textarea.span9, 407 | .uneditable-input.span9 { 408 | width: 856px; 409 | } 410 | input.span8, 411 | textarea.span8, 412 | .uneditable-input.span8 { 413 | width: 756px; 414 | } 415 | input.span7, 416 | textarea.span7, 417 | .uneditable-input.span7 { 418 | width: 656px; 419 | } 420 | input.span6, 421 | textarea.span6, 422 | .uneditable-input.span6 { 423 | width: 556px; 424 | } 425 | input.span5, 426 | textarea.span5, 427 | .uneditable-input.span5 { 428 | width: 456px; 429 | } 430 | input.span4, 431 | textarea.span4, 432 | .uneditable-input.span4 { 433 | width: 356px; 434 | } 435 | input.span3, 436 | textarea.span3, 437 | .uneditable-input.span3 { 438 | width: 256px; 439 | } 440 | input.span2, 441 | textarea.span2, 442 | .uneditable-input.span2 { 443 | width: 156px; 444 | } 445 | input.span1, 446 | textarea.span1, 447 | .uneditable-input.span1 { 448 | width: 56px; 449 | } 450 | .thumbnails { 451 | margin-left: -30px; 452 | } 453 | .thumbnails > li { 454 | margin-left: 30px; 455 | } 456 | .row-fluid .thumbnails { 457 | margin-left: 0; 458 | } 459 | } 460 | 461 | @media (min-width: 768px) and (max-width: 979px) { 462 | .row { 463 | margin-left: -20px; 464 | *zoom: 1; 465 | } 466 | .row:before, 467 | .row:after { 468 | display: table; 469 | line-height: 0; 470 | content: ""; 471 | } 472 | .row:after { 473 | clear: both; 474 | } 475 | [class*="span"] { 476 | float: left; 477 | min-height: 1px; 478 | margin-left: 20px; 479 | } 480 | .container, 481 | .navbar-static-top .container, 482 | .navbar-fixed-top .container, 483 | .navbar-fixed-bottom .container { 484 | width: 724px; 485 | } 486 | .span12 { 487 | width: 724px; 488 | } 489 | .span11 { 490 | width: 662px; 491 | } 492 | .span10 { 493 | width: 600px; 494 | } 495 | .span9 { 496 | width: 538px; 497 | } 498 | .span8 { 499 | width: 476px; 500 | } 501 | .span7 { 502 | width: 414px; 503 | } 504 | .span6 { 505 | width: 352px; 506 | } 507 | .span5 { 508 | width: 290px; 509 | } 510 | .span4 { 511 | width: 228px; 512 | } 513 | .span3 { 514 | width: 166px; 515 | } 516 | .span2 { 517 | width: 104px; 518 | } 519 | .span1 { 520 | width: 42px; 521 | } 522 | .offset12 { 523 | margin-left: 764px; 524 | } 525 | .offset11 { 526 | margin-left: 702px; 527 | } 528 | .offset10 { 529 | margin-left: 640px; 530 | } 531 | .offset9 { 532 | margin-left: 578px; 533 | } 534 | .offset8 { 535 | margin-left: 516px; 536 | } 537 | .offset7 { 538 | margin-left: 454px; 539 | } 540 | .offset6 { 541 | margin-left: 392px; 542 | } 543 | .offset5 { 544 | margin-left: 330px; 545 | } 546 | .offset4 { 547 | margin-left: 268px; 548 | } 549 | .offset3 { 550 | margin-left: 206px; 551 | } 552 | .offset2 { 553 | margin-left: 144px; 554 | } 555 | .offset1 { 556 | margin-left: 82px; 557 | } 558 | .row-fluid { 559 | width: 100%; 560 | *zoom: 1; 561 | } 562 | .row-fluid:before, 563 | .row-fluid:after { 564 | display: table; 565 | line-height: 0; 566 | content: ""; 567 | } 568 | .row-fluid:after { 569 | clear: both; 570 | } 571 | .row-fluid [class*="span"] { 572 | display: block; 573 | float: left; 574 | width: 100%; 575 | min-height: 30px; 576 | margin-left: 2.7624309392265194%; 577 | *margin-left: 2.709239449864817%; 578 | -webkit-box-sizing: border-box; 579 | -moz-box-sizing: border-box; 580 | box-sizing: border-box; 581 | } 582 | .row-fluid [class*="span"]:first-child { 583 | margin-left: 0; 584 | } 585 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 586 | margin-left: 2.7624309392265194%; 587 | } 588 | .row-fluid .span12 { 589 | width: 100%; 590 | *width: 99.94680851063829%; 591 | } 592 | .row-fluid .span11 { 593 | width: 91.43646408839778%; 594 | *width: 91.38327259903608%; 595 | } 596 | .row-fluid .span10 { 597 | width: 82.87292817679558%; 598 | *width: 82.81973668743387%; 599 | } 600 | .row-fluid .span9 { 601 | width: 74.30939226519337%; 602 | *width: 74.25620077583166%; 603 | } 604 | .row-fluid .span8 { 605 | width: 65.74585635359117%; 606 | *width: 65.69266486422946%; 607 | } 608 | .row-fluid .span7 { 609 | width: 57.18232044198895%; 610 | *width: 57.12912895262725%; 611 | } 612 | .row-fluid .span6 { 613 | width: 48.61878453038674%; 614 | *width: 48.56559304102504%; 615 | } 616 | .row-fluid .span5 { 617 | width: 40.05524861878453%; 618 | *width: 40.00205712942283%; 619 | } 620 | .row-fluid .span4 { 621 | width: 31.491712707182323%; 622 | *width: 31.43852121782062%; 623 | } 624 | .row-fluid .span3 { 625 | width: 22.92817679558011%; 626 | *width: 22.87498530621841%; 627 | } 628 | .row-fluid .span2 { 629 | width: 14.3646408839779%; 630 | *width: 14.311449394616199%; 631 | } 632 | .row-fluid .span1 { 633 | width: 5.801104972375691%; 634 | *width: 5.747913483013988%; 635 | } 636 | .row-fluid .offset12 { 637 | margin-left: 105.52486187845304%; 638 | *margin-left: 105.41847889972962%; 639 | } 640 | .row-fluid .offset12:first-child { 641 | margin-left: 102.76243093922652%; 642 | *margin-left: 102.6560479605031%; 643 | } 644 | .row-fluid .offset11 { 645 | margin-left: 96.96132596685082%; 646 | *margin-left: 96.8549429881274%; 647 | } 648 | .row-fluid .offset11:first-child { 649 | margin-left: 94.1988950276243%; 650 | *margin-left: 94.09251204890089%; 651 | } 652 | .row-fluid .offset10 { 653 | margin-left: 88.39779005524862%; 654 | *margin-left: 88.2914070765252%; 655 | } 656 | .row-fluid .offset10:first-child { 657 | margin-left: 85.6353591160221%; 658 | *margin-left: 85.52897613729868%; 659 | } 660 | .row-fluid .offset9 { 661 | margin-left: 79.8342541436464%; 662 | *margin-left: 79.72787116492299%; 663 | } 664 | .row-fluid .offset9:first-child { 665 | margin-left: 77.07182320441989%; 666 | *margin-left: 76.96544022569647%; 667 | } 668 | .row-fluid .offset8 { 669 | margin-left: 71.2707182320442%; 670 | *margin-left: 71.16433525332079%; 671 | } 672 | .row-fluid .offset8:first-child { 673 | margin-left: 68.50828729281768%; 674 | *margin-left: 68.40190431409427%; 675 | } 676 | .row-fluid .offset7 { 677 | margin-left: 62.70718232044199%; 678 | *margin-left: 62.600799341718584%; 679 | } 680 | .row-fluid .offset7:first-child { 681 | margin-left: 59.94475138121547%; 682 | *margin-left: 59.838368402492065%; 683 | } 684 | .row-fluid .offset6 { 685 | margin-left: 54.14364640883978%; 686 | *margin-left: 54.037263430116376%; 687 | } 688 | .row-fluid .offset6:first-child { 689 | margin-left: 51.38121546961326%; 690 | *margin-left: 51.27483249088986%; 691 | } 692 | .row-fluid .offset5 { 693 | margin-left: 45.58011049723757%; 694 | *margin-left: 45.47372751851417%; 695 | } 696 | .row-fluid .offset5:first-child { 697 | margin-left: 42.81767955801105%; 698 | *margin-left: 42.71129657928765%; 699 | } 700 | .row-fluid .offset4 { 701 | margin-left: 37.01657458563536%; 702 | *margin-left: 36.91019160691196%; 703 | } 704 | .row-fluid .offset4:first-child { 705 | margin-left: 34.25414364640884%; 706 | *margin-left: 34.14776066768544%; 707 | } 708 | .row-fluid .offset3 { 709 | margin-left: 28.45303867403315%; 710 | *margin-left: 28.346655695309746%; 711 | } 712 | .row-fluid .offset3:first-child { 713 | margin-left: 25.69060773480663%; 714 | *margin-left: 25.584224756083227%; 715 | } 716 | .row-fluid .offset2 { 717 | margin-left: 19.88950276243094%; 718 | *margin-left: 19.783119783707537%; 719 | } 720 | .row-fluid .offset2:first-child { 721 | margin-left: 17.12707182320442%; 722 | *margin-left: 17.02068884448102%; 723 | } 724 | .row-fluid .offset1 { 725 | margin-left: 11.32596685082873%; 726 | *margin-left: 11.219583872105325%; 727 | } 728 | .row-fluid .offset1:first-child { 729 | margin-left: 8.56353591160221%; 730 | *margin-left: 8.457152932878806%; 731 | } 732 | input, 733 | textarea, 734 | .uneditable-input { 735 | margin-left: 0; 736 | } 737 | .controls-row [class*="span"] + [class*="span"] { 738 | margin-left: 20px; 739 | } 740 | input.span12, 741 | textarea.span12, 742 | .uneditable-input.span12 { 743 | width: 710px; 744 | } 745 | input.span11, 746 | textarea.span11, 747 | .uneditable-input.span11 { 748 | width: 648px; 749 | } 750 | input.span10, 751 | textarea.span10, 752 | .uneditable-input.span10 { 753 | width: 586px; 754 | } 755 | input.span9, 756 | textarea.span9, 757 | .uneditable-input.span9 { 758 | width: 524px; 759 | } 760 | input.span8, 761 | textarea.span8, 762 | .uneditable-input.span8 { 763 | width: 462px; 764 | } 765 | input.span7, 766 | textarea.span7, 767 | .uneditable-input.span7 { 768 | width: 400px; 769 | } 770 | input.span6, 771 | textarea.span6, 772 | .uneditable-input.span6 { 773 | width: 338px; 774 | } 775 | input.span5, 776 | textarea.span5, 777 | .uneditable-input.span5 { 778 | width: 276px; 779 | } 780 | input.span4, 781 | textarea.span4, 782 | .uneditable-input.span4 { 783 | width: 214px; 784 | } 785 | input.span3, 786 | textarea.span3, 787 | .uneditable-input.span3 { 788 | width: 152px; 789 | } 790 | input.span2, 791 | textarea.span2, 792 | .uneditable-input.span2 { 793 | width: 90px; 794 | } 795 | input.span1, 796 | textarea.span1, 797 | .uneditable-input.span1 { 798 | width: 28px; 799 | } 800 | } 801 | 802 | @media (max-width: 767px) { 803 | body { 804 | padding-right: 20px; 805 | padding-left: 20px; 806 | } 807 | .navbar-fixed-top, 808 | .navbar-fixed-bottom, 809 | .navbar-static-top { 810 | margin-right: -20px; 811 | margin-left: -20px; 812 | } 813 | .container-fluid { 814 | padding: 0; 815 | } 816 | .dl-horizontal dt { 817 | float: none; 818 | width: auto; 819 | clear: none; 820 | text-align: left; 821 | } 822 | .dl-horizontal dd { 823 | margin-left: 0; 824 | } 825 | .container { 826 | width: auto; 827 | } 828 | .row-fluid { 829 | width: 100%; 830 | } 831 | .row, 832 | .thumbnails { 833 | margin-left: 0; 834 | } 835 | .thumbnails > li { 836 | float: none; 837 | margin-left: 0; 838 | } 839 | [class*="span"], 840 | .uneditable-input[class*="span"], 841 | .row-fluid [class*="span"] { 842 | display: block; 843 | float: none; 844 | width: 100%; 845 | margin-left: 0; 846 | -webkit-box-sizing: border-box; 847 | -moz-box-sizing: border-box; 848 | box-sizing: border-box; 849 | } 850 | .span12, 851 | .row-fluid .span12 { 852 | width: 100%; 853 | -webkit-box-sizing: border-box; 854 | -moz-box-sizing: border-box; 855 | box-sizing: border-box; 856 | } 857 | .row-fluid [class*="offset"]:first-child { 858 | margin-left: 0; 859 | } 860 | .input-large, 861 | .input-xlarge, 862 | .input-xxlarge, 863 | input[class*="span"], 864 | select[class*="span"], 865 | textarea[class*="span"], 866 | .uneditable-input { 867 | display: block; 868 | width: 100%; 869 | min-height: 30px; 870 | -webkit-box-sizing: border-box; 871 | -moz-box-sizing: border-box; 872 | box-sizing: border-box; 873 | } 874 | .input-prepend input, 875 | .input-append input, 876 | .input-prepend input[class*="span"], 877 | .input-append input[class*="span"] { 878 | display: inline-block; 879 | width: auto; 880 | } 881 | .controls-row [class*="span"] + [class*="span"] { 882 | margin-left: 0; 883 | } 884 | .modal { 885 | position: fixed; 886 | top: 20px; 887 | right: 20px; 888 | left: 20px; 889 | width: auto; 890 | margin: 0; 891 | } 892 | .modal.fade { 893 | top: -100px; 894 | } 895 | .modal.fade.in { 896 | top: 20px; 897 | } 898 | } 899 | 900 | @media (max-width: 480px) { 901 | .nav-collapse { 902 | -webkit-transform: translate3d(0, 0, 0); 903 | } 904 | .page-header h1 small { 905 | display: block; 906 | line-height: 20px; 907 | } 908 | input[type="checkbox"], 909 | input[type="radio"] { 910 | border: 1px solid #ccc; 911 | } 912 | .form-horizontal .control-label { 913 | float: none; 914 | width: auto; 915 | padding-top: 0; 916 | text-align: left; 917 | } 918 | .form-horizontal .controls { 919 | margin-left: 0; 920 | } 921 | .form-horizontal .control-list { 922 | padding-top: 0; 923 | } 924 | .form-horizontal .form-actions { 925 | padding-right: 10px; 926 | padding-left: 10px; 927 | } 928 | .media .pull-left, 929 | .media .pull-right { 930 | display: block; 931 | float: none; 932 | margin-bottom: 10px; 933 | } 934 | .media-object { 935 | margin-right: 0; 936 | margin-left: 0; 937 | } 938 | .modal { 939 | top: 10px; 940 | right: 10px; 941 | left: 10px; 942 | } 943 | .modal-header .close { 944 | padding: 10px; 945 | margin: -10px; 946 | } 947 | .carousel-caption { 948 | position: static; 949 | } 950 | } 951 | 952 | @media (max-width: 979px) { 953 | body { 954 | padding-top: 0; 955 | } 956 | .navbar-fixed-top, 957 | .navbar-fixed-bottom { 958 | position: static; 959 | } 960 | .navbar-fixed-top { 961 | margin-bottom: 20px; 962 | } 963 | .navbar-fixed-bottom { 964 | margin-top: 20px; 965 | } 966 | .navbar-fixed-top .navbar-inner, 967 | .navbar-fixed-bottom .navbar-inner { 968 | padding: 5px; 969 | } 970 | .navbar .container { 971 | width: auto; 972 | padding: 0; 973 | } 974 | .navbar .brand { 975 | padding-right: 10px; 976 | padding-left: 10px; 977 | margin: 0 0 0 -5px; 978 | } 979 | .nav-collapse { 980 | clear: both; 981 | } 982 | .nav-collapse .nav { 983 | float: none; 984 | margin: 0 0 10px; 985 | } 986 | .nav-collapse .nav > li { 987 | float: none; 988 | } 989 | .nav-collapse .nav > li > a { 990 | margin-bottom: 2px; 991 | } 992 | .nav-collapse .nav > .divider-vertical { 993 | display: none; 994 | } 995 | .nav-collapse .nav .nav-header { 996 | color: #777777; 997 | text-shadow: none; 998 | } 999 | .nav-collapse .nav > li > a, 1000 | .nav-collapse .dropdown-menu a { 1001 | padding: 9px 15px; 1002 | font-weight: bold; 1003 | color: #777777; 1004 | -webkit-border-radius: 3px; 1005 | -moz-border-radius: 3px; 1006 | border-radius: 3px; 1007 | } 1008 | .nav-collapse .btn { 1009 | padding: 4px 10px 4px; 1010 | font-weight: normal; 1011 | -webkit-border-radius: 4px; 1012 | -moz-border-radius: 4px; 1013 | border-radius: 4px; 1014 | } 1015 | .nav-collapse .dropdown-menu li + li a { 1016 | margin-bottom: 2px; 1017 | } 1018 | .nav-collapse .nav > li > a:hover, 1019 | .nav-collapse .nav > li > a:focus, 1020 | .nav-collapse .dropdown-menu a:hover, 1021 | .nav-collapse .dropdown-menu a:focus { 1022 | background-color: #f2f2f2; 1023 | } 1024 | .navbar-inverse .nav-collapse .nav > li > a, 1025 | .navbar-inverse .nav-collapse .dropdown-menu a { 1026 | color: #999999; 1027 | } 1028 | .navbar-inverse .nav-collapse .nav > li > a:hover, 1029 | .navbar-inverse .nav-collapse .nav > li > a:focus, 1030 | .navbar-inverse .nav-collapse .dropdown-menu a:hover, 1031 | .navbar-inverse .nav-collapse .dropdown-menu a:focus { 1032 | background-color: #111111; 1033 | } 1034 | .nav-collapse.in .btn-group { 1035 | padding: 0; 1036 | margin-top: 5px; 1037 | } 1038 | .nav-collapse .dropdown-menu { 1039 | position: static; 1040 | top: auto; 1041 | left: auto; 1042 | display: none; 1043 | float: none; 1044 | max-width: none; 1045 | padding: 0; 1046 | margin: 0 15px; 1047 | background-color: transparent; 1048 | border: none; 1049 | -webkit-border-radius: 0; 1050 | -moz-border-radius: 0; 1051 | border-radius: 0; 1052 | -webkit-box-shadow: none; 1053 | -moz-box-shadow: none; 1054 | box-shadow: none; 1055 | } 1056 | .nav-collapse .open > .dropdown-menu { 1057 | display: block; 1058 | } 1059 | .nav-collapse .dropdown-menu:before, 1060 | .nav-collapse .dropdown-menu:after { 1061 | display: none; 1062 | } 1063 | .nav-collapse .dropdown-menu .divider { 1064 | display: none; 1065 | } 1066 | .nav-collapse .nav > li > .dropdown-menu:before, 1067 | .nav-collapse .nav > li > .dropdown-menu:after { 1068 | display: none; 1069 | } 1070 | .nav-collapse .navbar-form, 1071 | .nav-collapse .navbar-search { 1072 | float: none; 1073 | padding: 10px 15px; 1074 | margin: 10px 0; 1075 | border-top: 1px solid #f2f2f2; 1076 | border-bottom: 1px solid #f2f2f2; 1077 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1078 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1079 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1080 | } 1081 | .navbar-inverse .nav-collapse .navbar-form, 1082 | .navbar-inverse .nav-collapse .navbar-search { 1083 | border-top-color: #111111; 1084 | border-bottom-color: #111111; 1085 | } 1086 | .navbar .nav-collapse .nav.pull-right { 1087 | float: none; 1088 | margin-left: 0; 1089 | } 1090 | .nav-collapse, 1091 | .nav-collapse.collapse { 1092 | height: 0; 1093 | overflow: hidden; 1094 | } 1095 | .navbar .btn-navbar { 1096 | display: block; 1097 | } 1098 | .navbar-static .navbar-inner { 1099 | padding-right: 10px; 1100 | padding-left: 10px; 1101 | } 1102 | } 1103 | 1104 | @media (min-width: 980px) { 1105 | .nav-collapse.collapse { 1106 | height: auto !important; 1107 | overflow: visible !important; 1108 | } 1109 | } 1110 | -------------------------------------------------------------------------------- /src/main/webapp/static/bootstrap/css/bootstrap-responsive.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.1 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:inherit!important}.hidden-print{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}} 10 | -------------------------------------------------------------------------------- /src/main/webapp/static/bootstrap/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/googleglass/mirror-quickstart-java/fcdd3e48dfca4f4c3fcbe5e368683ca32b3e9720/src/main/webapp/static/bootstrap/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /src/main/webapp/static/bootstrap/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/googleglass/mirror-quickstart-java/fcdd3e48dfca4f4c3fcbe5e368683ca32b3e9720/src/main/webapp/static/bootstrap/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /src/main/webapp/static/bootstrap/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | /* =================================================== 2 | * bootstrap-transition.js v2.3.1 3 | * http://twitter.github.com/bootstrap/javascript.html#transitions 4 | * =================================================== 5 | * Copyright 2012 Twitter, Inc. 6 | * 7 | * Licensed under the Apache License, Version 2.0 (the "License"); 8 | * you may not use this file except in compliance with the License. 9 | * You may obtain a copy of the License at 10 | * 11 | * http://www.apache.org/licenses/LICENSE-2.0 12 | * 13 | * Unless required by applicable law or agreed to in writing, software 14 | * distributed under the License is distributed on an "AS IS" BASIS, 15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 16 | * See the License for the specific language governing permissions and 17 | * limitations under the License. 18 | * ========================================================== */ 19 | 20 | 21 | !function ($) { 22 | 23 | "use strict"; // jshint ;_; 24 | 25 | 26 | /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) 27 | * ======================================================= */ 28 | 29 | $(function () { 30 | 31 | $.support.transition = (function () { 32 | 33 | var transitionEnd = (function () { 34 | 35 | var el = document.createElement('bootstrap') 36 | , transEndEventNames = { 37 | 'WebkitTransition' : 'webkitTransitionEnd' 38 | , 'MozTransition' : 'transitionend' 39 | , 'OTransition' : 'oTransitionEnd otransitionend' 40 | , 'transition' : 'transitionend' 41 | } 42 | , name 43 | 44 | for (name in transEndEventNames){ 45 | if (el.style[name] !== undefined) { 46 | return transEndEventNames[name] 47 | } 48 | } 49 | 50 | }()) 51 | 52 | return transitionEnd && { 53 | end: transitionEnd 54 | } 55 | 56 | })() 57 | 58 | }) 59 | 60 | }(window.jQuery);/* ========================================================== 61 | * bootstrap-alert.js v2.3.1 62 | * http://twitter.github.com/bootstrap/javascript.html#alerts 63 | * ========================================================== 64 | * Copyright 2012 Twitter, Inc. 65 | * 66 | * Licensed under the Apache License, Version 2.0 (the "License"); 67 | * you may not use this file except in compliance with the License. 68 | * You may obtain a copy of the License at 69 | * 70 | * http://www.apache.org/licenses/LICENSE-2.0 71 | * 72 | * Unless required by applicable law or agreed to in writing, software 73 | * distributed under the License is distributed on an "AS IS" BASIS, 74 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 75 | * See the License for the specific language governing permissions and 76 | * limitations under the License. 77 | * ========================================================== */ 78 | 79 | 80 | !function ($) { 81 | 82 | "use strict"; // jshint ;_; 83 | 84 | 85 | /* ALERT CLASS DEFINITION 86 | * ====================== */ 87 | 88 | var dismiss = '[data-dismiss="alert"]' 89 | , Alert = function (el) { 90 | $(el).on('click', dismiss, this.close) 91 | } 92 | 93 | Alert.prototype.close = function (e) { 94 | var $this = $(this) 95 | , selector = $this.attr('data-target') 96 | , $parent 97 | 98 | if (!selector) { 99 | selector = $this.attr('href') 100 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 101 | } 102 | 103 | $parent = $(selector) 104 | 105 | e && e.preventDefault() 106 | 107 | $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) 108 | 109 | $parent.trigger(e = $.Event('close')) 110 | 111 | if (e.isDefaultPrevented()) return 112 | 113 | $parent.removeClass('in') 114 | 115 | function removeElement() { 116 | $parent 117 | .trigger('closed') 118 | .remove() 119 | } 120 | 121 | $.support.transition && $parent.hasClass('fade') ? 122 | $parent.on($.support.transition.end, removeElement) : 123 | removeElement() 124 | } 125 | 126 | 127 | /* ALERT PLUGIN DEFINITION 128 | * ======================= */ 129 | 130 | var old = $.fn.alert 131 | 132 | $.fn.alert = function (option) { 133 | return this.each(function () { 134 | var $this = $(this) 135 | , data = $this.data('alert') 136 | if (!data) $this.data('alert', (data = new Alert(this))) 137 | if (typeof option == 'string') data[option].call($this) 138 | }) 139 | } 140 | 141 | $.fn.alert.Constructor = Alert 142 | 143 | 144 | /* ALERT NO CONFLICT 145 | * ================= */ 146 | 147 | $.fn.alert.noConflict = function () { 148 | $.fn.alert = old 149 | return this 150 | } 151 | 152 | 153 | /* ALERT DATA-API 154 | * ============== */ 155 | 156 | $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) 157 | 158 | }(window.jQuery);/* ============================================================ 159 | * bootstrap-button.js v2.3.1 160 | * http://twitter.github.com/bootstrap/javascript.html#buttons 161 | * ============================================================ 162 | * Copyright 2012 Twitter, Inc. 163 | * 164 | * Licensed under the Apache License, Version 2.0 (the "License"); 165 | * you may not use this file except in compliance with the License. 166 | * You may obtain a copy of the License at 167 | * 168 | * http://www.apache.org/licenses/LICENSE-2.0 169 | * 170 | * Unless required by applicable law or agreed to in writing, software 171 | * distributed under the License is distributed on an "AS IS" BASIS, 172 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 173 | * See the License for the specific language governing permissions and 174 | * limitations under the License. 175 | * ============================================================ */ 176 | 177 | 178 | !function ($) { 179 | 180 | "use strict"; // jshint ;_; 181 | 182 | 183 | /* BUTTON PUBLIC CLASS DEFINITION 184 | * ============================== */ 185 | 186 | var Button = function (element, options) { 187 | this.$element = $(element) 188 | this.options = $.extend({}, $.fn.button.defaults, options) 189 | } 190 | 191 | Button.prototype.setState = function (state) { 192 | var d = 'disabled' 193 | , $el = this.$element 194 | , data = $el.data() 195 | , val = $el.is('input') ? 'val' : 'html' 196 | 197 | state = state + 'Text' 198 | data.resetText || $el.data('resetText', $el[val]()) 199 | 200 | $el[val](data[state] || this.options[state]) 201 | 202 | // push to event loop to allow forms to submit 203 | setTimeout(function () { 204 | state == 'loadingText' ? 205 | $el.addClass(d).attr(d, d) : 206 | $el.removeClass(d).removeAttr(d) 207 | }, 0) 208 | } 209 | 210 | Button.prototype.toggle = function () { 211 | var $parent = this.$element.closest('[data-toggle="buttons-radio"]') 212 | 213 | $parent && $parent 214 | .find('.active') 215 | .removeClass('active') 216 | 217 | this.$element.toggleClass('active') 218 | } 219 | 220 | 221 | /* BUTTON PLUGIN DEFINITION 222 | * ======================== */ 223 | 224 | var old = $.fn.button 225 | 226 | $.fn.button = function (option) { 227 | return this.each(function () { 228 | var $this = $(this) 229 | , data = $this.data('button') 230 | , options = typeof option == 'object' && option 231 | if (!data) $this.data('button', (data = new Button(this, options))) 232 | if (option == 'toggle') data.toggle() 233 | else if (option) data.setState(option) 234 | }) 235 | } 236 | 237 | $.fn.button.defaults = { 238 | loadingText: 'loading...' 239 | } 240 | 241 | $.fn.button.Constructor = Button 242 | 243 | 244 | /* BUTTON NO CONFLICT 245 | * ================== */ 246 | 247 | $.fn.button.noConflict = function () { 248 | $.fn.button = old 249 | return this 250 | } 251 | 252 | 253 | /* BUTTON DATA-API 254 | * =============== */ 255 | 256 | $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { 257 | var $btn = $(e.target) 258 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') 259 | $btn.button('toggle') 260 | }) 261 | 262 | }(window.jQuery);/* ========================================================== 263 | * bootstrap-carousel.js v2.3.1 264 | * http://twitter.github.com/bootstrap/javascript.html#carousel 265 | * ========================================================== 266 | * Copyright 2012 Twitter, Inc. 267 | * 268 | * Licensed under the Apache License, Version 2.0 (the "License"); 269 | * you may not use this file except in compliance with the License. 270 | * You may obtain a copy of the License at 271 | * 272 | * http://www.apache.org/licenses/LICENSE-2.0 273 | * 274 | * Unless required by applicable law or agreed to in writing, software 275 | * distributed under the License is distributed on an "AS IS" BASIS, 276 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 277 | * See the License for the specific language governing permissions and 278 | * limitations under the License. 279 | * ========================================================== */ 280 | 281 | 282 | !function ($) { 283 | 284 | "use strict"; // jshint ;_; 285 | 286 | 287 | /* CAROUSEL CLASS DEFINITION 288 | * ========================= */ 289 | 290 | var Carousel = function (element, options) { 291 | this.$element = $(element) 292 | this.$indicators = this.$element.find('.carousel-indicators') 293 | this.options = options 294 | this.options.pause == 'hover' && this.$element 295 | .on('mouseenter', $.proxy(this.pause, this)) 296 | .on('mouseleave', $.proxy(this.cycle, this)) 297 | } 298 | 299 | Carousel.prototype = { 300 | 301 | cycle: function (e) { 302 | if (!e) this.paused = false 303 | if (this.interval) clearInterval(this.interval); 304 | this.options.interval 305 | && !this.paused 306 | && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) 307 | return this 308 | } 309 | 310 | , getActiveIndex: function () { 311 | this.$active = this.$element.find('.item.active') 312 | this.$items = this.$active.parent().children() 313 | return this.$items.index(this.$active) 314 | } 315 | 316 | , to: function (pos) { 317 | var activeIndex = this.getActiveIndex() 318 | , that = this 319 | 320 | if (pos > (this.$items.length - 1) || pos < 0) return 321 | 322 | if (this.sliding) { 323 | return this.$element.one('slid', function () { 324 | that.to(pos) 325 | }) 326 | } 327 | 328 | if (activeIndex == pos) { 329 | return this.pause().cycle() 330 | } 331 | 332 | return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) 333 | } 334 | 335 | , pause: function (e) { 336 | if (!e) this.paused = true 337 | if (this.$element.find('.next, .prev').length && $.support.transition.end) { 338 | this.$element.trigger($.support.transition.end) 339 | this.cycle(true) 340 | } 341 | clearInterval(this.interval) 342 | this.interval = null 343 | return this 344 | } 345 | 346 | , next: function () { 347 | if (this.sliding) return 348 | return this.slide('next') 349 | } 350 | 351 | , prev: function () { 352 | if (this.sliding) return 353 | return this.slide('prev') 354 | } 355 | 356 | , slide: function (type, next) { 357 | var $active = this.$element.find('.item.active') 358 | , $next = next || $active[type]() 359 | , isCycling = this.interval 360 | , direction = type == 'next' ? 'left' : 'right' 361 | , fallback = type == 'next' ? 'first' : 'last' 362 | , that = this 363 | , e 364 | 365 | this.sliding = true 366 | 367 | isCycling && this.pause() 368 | 369 | $next = $next.length ? $next : this.$element.find('.item')[fallback]() 370 | 371 | e = $.Event('slide', { 372 | relatedTarget: $next[0] 373 | , direction: direction 374 | }) 375 | 376 | if ($next.hasClass('active')) return 377 | 378 | if (this.$indicators.length) { 379 | this.$indicators.find('.active').removeClass('active') 380 | this.$element.one('slid', function () { 381 | var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) 382 | $nextIndicator && $nextIndicator.addClass('active') 383 | }) 384 | } 385 | 386 | if ($.support.transition && this.$element.hasClass('slide')) { 387 | this.$element.trigger(e) 388 | if (e.isDefaultPrevented()) return 389 | $next.addClass(type) 390 | $next[0].offsetWidth // force reflow 391 | $active.addClass(direction) 392 | $next.addClass(direction) 393 | this.$element.one($.support.transition.end, function () { 394 | $next.removeClass([type, direction].join(' ')).addClass('active') 395 | $active.removeClass(['active', direction].join(' ')) 396 | that.sliding = false 397 | setTimeout(function () { that.$element.trigger('slid') }, 0) 398 | }) 399 | } else { 400 | this.$element.trigger(e) 401 | if (e.isDefaultPrevented()) return 402 | $active.removeClass('active') 403 | $next.addClass('active') 404 | this.sliding = false 405 | this.$element.trigger('slid') 406 | } 407 | 408 | isCycling && this.cycle() 409 | 410 | return this 411 | } 412 | 413 | } 414 | 415 | 416 | /* CAROUSEL PLUGIN DEFINITION 417 | * ========================== */ 418 | 419 | var old = $.fn.carousel 420 | 421 | $.fn.carousel = function (option) { 422 | return this.each(function () { 423 | var $this = $(this) 424 | , data = $this.data('carousel') 425 | , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) 426 | , action = typeof option == 'string' ? option : options.slide 427 | if (!data) $this.data('carousel', (data = new Carousel(this, options))) 428 | if (typeof option == 'number') data.to(option) 429 | else if (action) data[action]() 430 | else if (options.interval) data.pause().cycle() 431 | }) 432 | } 433 | 434 | $.fn.carousel.defaults = { 435 | interval: 5000 436 | , pause: 'hover' 437 | } 438 | 439 | $.fn.carousel.Constructor = Carousel 440 | 441 | 442 | /* CAROUSEL NO CONFLICT 443 | * ==================== */ 444 | 445 | $.fn.carousel.noConflict = function () { 446 | $.fn.carousel = old 447 | return this 448 | } 449 | 450 | /* CAROUSEL DATA-API 451 | * ================= */ 452 | 453 | $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { 454 | var $this = $(this), href 455 | , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 456 | , options = $.extend({}, $target.data(), $this.data()) 457 | , slideIndex 458 | 459 | $target.carousel(options) 460 | 461 | if (slideIndex = $this.attr('data-slide-to')) { 462 | $target.data('carousel').pause().to(slideIndex).cycle() 463 | } 464 | 465 | e.preventDefault() 466 | }) 467 | 468 | }(window.jQuery);/* ============================================================= 469 | * bootstrap-collapse.js v2.3.1 470 | * http://twitter.github.com/bootstrap/javascript.html#collapse 471 | * ============================================================= 472 | * Copyright 2012 Twitter, Inc. 473 | * 474 | * Licensed under the Apache License, Version 2.0 (the "License"); 475 | * you may not use this file except in compliance with the License. 476 | * You may obtain a copy of the License at 477 | * 478 | * http://www.apache.org/licenses/LICENSE-2.0 479 | * 480 | * Unless required by applicable law or agreed to in writing, software 481 | * distributed under the License is distributed on an "AS IS" BASIS, 482 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 483 | * See the License for the specific language governing permissions and 484 | * limitations under the License. 485 | * ============================================================ */ 486 | 487 | 488 | !function ($) { 489 | 490 | "use strict"; // jshint ;_; 491 | 492 | 493 | /* COLLAPSE PUBLIC CLASS DEFINITION 494 | * ================================ */ 495 | 496 | var Collapse = function (element, options) { 497 | this.$element = $(element) 498 | this.options = $.extend({}, $.fn.collapse.defaults, options) 499 | 500 | if (this.options.parent) { 501 | this.$parent = $(this.options.parent) 502 | } 503 | 504 | this.options.toggle && this.toggle() 505 | } 506 | 507 | Collapse.prototype = { 508 | 509 | constructor: Collapse 510 | 511 | , dimension: function () { 512 | var hasWidth = this.$element.hasClass('width') 513 | return hasWidth ? 'width' : 'height' 514 | } 515 | 516 | , show: function () { 517 | var dimension 518 | , scroll 519 | , actives 520 | , hasData 521 | 522 | if (this.transitioning || this.$element.hasClass('in')) return 523 | 524 | dimension = this.dimension() 525 | scroll = $.camelCase(['scroll', dimension].join('-')) 526 | actives = this.$parent && this.$parent.find('> .accordion-group > .in') 527 | 528 | if (actives && actives.length) { 529 | hasData = actives.data('collapse') 530 | if (hasData && hasData.transitioning) return 531 | actives.collapse('hide') 532 | hasData || actives.data('collapse', null) 533 | } 534 | 535 | this.$element[dimension](0) 536 | this.transition('addClass', $.Event('show'), 'shown') 537 | $.support.transition && this.$element[dimension](this.$element[0][scroll]) 538 | } 539 | 540 | , hide: function () { 541 | var dimension 542 | if (this.transitioning || !this.$element.hasClass('in')) return 543 | dimension = this.dimension() 544 | this.reset(this.$element[dimension]()) 545 | this.transition('removeClass', $.Event('hide'), 'hidden') 546 | this.$element[dimension](0) 547 | } 548 | 549 | , reset: function (size) { 550 | var dimension = this.dimension() 551 | 552 | this.$element 553 | .removeClass('collapse') 554 | [dimension](size || 'auto') 555 | [0].offsetWidth 556 | 557 | this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') 558 | 559 | return this 560 | } 561 | 562 | , transition: function (method, startEvent, completeEvent) { 563 | var that = this 564 | , complete = function () { 565 | if (startEvent.type == 'show') that.reset() 566 | that.transitioning = 0 567 | that.$element.trigger(completeEvent) 568 | } 569 | 570 | this.$element.trigger(startEvent) 571 | 572 | if (startEvent.isDefaultPrevented()) return 573 | 574 | this.transitioning = 1 575 | 576 | this.$element[method]('in') 577 | 578 | $.support.transition && this.$element.hasClass('collapse') ? 579 | this.$element.one($.support.transition.end, complete) : 580 | complete() 581 | } 582 | 583 | , toggle: function () { 584 | this[this.$element.hasClass('in') ? 'hide' : 'show']() 585 | } 586 | 587 | } 588 | 589 | 590 | /* COLLAPSE PLUGIN DEFINITION 591 | * ========================== */ 592 | 593 | var old = $.fn.collapse 594 | 595 | $.fn.collapse = function (option) { 596 | return this.each(function () { 597 | var $this = $(this) 598 | , data = $this.data('collapse') 599 | , options = $.extend({}, $.fn.collapse.defaults, $this.data(), typeof option == 'object' && option) 600 | if (!data) $this.data('collapse', (data = new Collapse(this, options))) 601 | if (typeof option == 'string') data[option]() 602 | }) 603 | } 604 | 605 | $.fn.collapse.defaults = { 606 | toggle: true 607 | } 608 | 609 | $.fn.collapse.Constructor = Collapse 610 | 611 | 612 | /* COLLAPSE NO CONFLICT 613 | * ==================== */ 614 | 615 | $.fn.collapse.noConflict = function () { 616 | $.fn.collapse = old 617 | return this 618 | } 619 | 620 | 621 | /* COLLAPSE DATA-API 622 | * ================= */ 623 | 624 | $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { 625 | var $this = $(this), href 626 | , target = $this.attr('data-target') 627 | || e.preventDefault() 628 | || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 629 | , option = $(target).data('collapse') ? 'toggle' : $this.data() 630 | $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') 631 | $(target).collapse(option) 632 | }) 633 | 634 | }(window.jQuery);/* ============================================================ 635 | * bootstrap-dropdown.js v2.3.1 636 | * http://twitter.github.com/bootstrap/javascript.html#dropdowns 637 | * ============================================================ 638 | * Copyright 2012 Twitter, Inc. 639 | * 640 | * Licensed under the Apache License, Version 2.0 (the "License"); 641 | * you may not use this file except in compliance with the License. 642 | * You may obtain a copy of the License at 643 | * 644 | * http://www.apache.org/licenses/LICENSE-2.0 645 | * 646 | * Unless required by applicable law or agreed to in writing, software 647 | * distributed under the License is distributed on an "AS IS" BASIS, 648 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 649 | * See the License for the specific language governing permissions and 650 | * limitations under the License. 651 | * ============================================================ */ 652 | 653 | 654 | !function ($) { 655 | 656 | "use strict"; // jshint ;_; 657 | 658 | 659 | /* DROPDOWN CLASS DEFINITION 660 | * ========================= */ 661 | 662 | var toggle = '[data-toggle=dropdown]' 663 | , Dropdown = function (element) { 664 | var $el = $(element).on('click.dropdown.data-api', this.toggle) 665 | $('html').on('click.dropdown.data-api', function () { 666 | $el.parent().removeClass('open') 667 | }) 668 | } 669 | 670 | Dropdown.prototype = { 671 | 672 | constructor: Dropdown 673 | 674 | , toggle: function (e) { 675 | var $this = $(this) 676 | , $parent 677 | , isActive 678 | 679 | if ($this.is('.disabled, :disabled')) return 680 | 681 | $parent = getParent($this) 682 | 683 | isActive = $parent.hasClass('open') 684 | 685 | clearMenus() 686 | 687 | if (!isActive) { 688 | $parent.toggleClass('open') 689 | } 690 | 691 | $this.focus() 692 | 693 | return false 694 | } 695 | 696 | , keydown: function (e) { 697 | var $this 698 | , $items 699 | , $active 700 | , $parent 701 | , isActive 702 | , index 703 | 704 | if (!/(38|40|27)/.test(e.keyCode)) return 705 | 706 | $this = $(this) 707 | 708 | e.preventDefault() 709 | e.stopPropagation() 710 | 711 | if ($this.is('.disabled, :disabled')) return 712 | 713 | $parent = getParent($this) 714 | 715 | isActive = $parent.hasClass('open') 716 | 717 | if (!isActive || (isActive && e.keyCode == 27)) { 718 | if (e.which == 27) $parent.find(toggle).focus() 719 | return $this.click() 720 | } 721 | 722 | $items = $('[role=menu] li:not(.divider):visible a', $parent) 723 | 724 | if (!$items.length) return 725 | 726 | index = $items.index($items.filter(':focus')) 727 | 728 | if (e.keyCode == 38 && index > 0) index-- // up 729 | if (e.keyCode == 40 && index < $items.length - 1) index++ // down 730 | if (!~index) index = 0 731 | 732 | $items 733 | .eq(index) 734 | .focus() 735 | } 736 | 737 | } 738 | 739 | function clearMenus() { 740 | $(toggle).each(function () { 741 | getParent($(this)).removeClass('open') 742 | }) 743 | } 744 | 745 | function getParent($this) { 746 | var selector = $this.attr('data-target') 747 | , $parent 748 | 749 | if (!selector) { 750 | selector = $this.attr('href') 751 | selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 752 | } 753 | 754 | $parent = selector && $(selector) 755 | 756 | if (!$parent || !$parent.length) $parent = $this.parent() 757 | 758 | return $parent 759 | } 760 | 761 | 762 | /* DROPDOWN PLUGIN DEFINITION 763 | * ========================== */ 764 | 765 | var old = $.fn.dropdown 766 | 767 | $.fn.dropdown = function (option) { 768 | return this.each(function () { 769 | var $this = $(this) 770 | , data = $this.data('dropdown') 771 | if (!data) $this.data('dropdown', (data = new Dropdown(this))) 772 | if (typeof option == 'string') data[option].call($this) 773 | }) 774 | } 775 | 776 | $.fn.dropdown.Constructor = Dropdown 777 | 778 | 779 | /* DROPDOWN NO CONFLICT 780 | * ==================== */ 781 | 782 | $.fn.dropdown.noConflict = function () { 783 | $.fn.dropdown = old 784 | return this 785 | } 786 | 787 | 788 | /* APPLY TO STANDARD DROPDOWN ELEMENTS 789 | * =================================== */ 790 | 791 | $(document) 792 | .on('click.dropdown.data-api', clearMenus) 793 | .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) 794 | .on('click.dropdown-menu', function (e) { e.stopPropagation() }) 795 | .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) 796 | .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) 797 | 798 | }(window.jQuery); 799 | /* ========================================================= 800 | * bootstrap-modal.js v2.3.1 801 | * http://twitter.github.com/bootstrap/javascript.html#modals 802 | * ========================================================= 803 | * Copyright 2012 Twitter, Inc. 804 | * 805 | * Licensed under the Apache License, Version 2.0 (the "License"); 806 | * you may not use this file except in compliance with the License. 807 | * You may obtain a copy of the License at 808 | * 809 | * http://www.apache.org/licenses/LICENSE-2.0 810 | * 811 | * Unless required by applicable law or agreed to in writing, software 812 | * distributed under the License is distributed on an "AS IS" BASIS, 813 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 814 | * See the License for the specific language governing permissions and 815 | * limitations under the License. 816 | * ========================================================= */ 817 | 818 | 819 | !function ($) { 820 | 821 | "use strict"; // jshint ;_; 822 | 823 | 824 | /* MODAL CLASS DEFINITION 825 | * ====================== */ 826 | 827 | var Modal = function (element, options) { 828 | this.options = options 829 | this.$element = $(element) 830 | .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) 831 | this.options.remote && this.$element.find('.modal-body').load(this.options.remote) 832 | } 833 | 834 | Modal.prototype = { 835 | 836 | constructor: Modal 837 | 838 | , toggle: function () { 839 | return this[!this.isShown ? 'show' : 'hide']() 840 | } 841 | 842 | , show: function () { 843 | var that = this 844 | , e = $.Event('show') 845 | 846 | this.$element.trigger(e) 847 | 848 | if (this.isShown || e.isDefaultPrevented()) return 849 | 850 | this.isShown = true 851 | 852 | this.escape() 853 | 854 | this.backdrop(function () { 855 | var transition = $.support.transition && that.$element.hasClass('fade') 856 | 857 | if (!that.$element.parent().length) { 858 | that.$element.appendTo(document.body) //don't move modals dom position 859 | } 860 | 861 | that.$element.show() 862 | 863 | if (transition) { 864 | that.$element[0].offsetWidth // force reflow 865 | } 866 | 867 | that.$element 868 | .addClass('in') 869 | .attr('aria-hidden', false) 870 | 871 | that.enforceFocus() 872 | 873 | transition ? 874 | that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : 875 | that.$element.focus().trigger('shown') 876 | 877 | }) 878 | } 879 | 880 | , hide: function (e) { 881 | e && e.preventDefault() 882 | 883 | var that = this 884 | 885 | e = $.Event('hide') 886 | 887 | this.$element.trigger(e) 888 | 889 | if (!this.isShown || e.isDefaultPrevented()) return 890 | 891 | this.isShown = false 892 | 893 | this.escape() 894 | 895 | $(document).off('focusin.modal') 896 | 897 | this.$element 898 | .removeClass('in') 899 | .attr('aria-hidden', true) 900 | 901 | $.support.transition && this.$element.hasClass('fade') ? 902 | this.hideWithTransition() : 903 | this.hideModal() 904 | } 905 | 906 | , enforceFocus: function () { 907 | var that = this 908 | $(document).on('focusin.modal', function (e) { 909 | if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { 910 | that.$element.focus() 911 | } 912 | }) 913 | } 914 | 915 | , escape: function () { 916 | var that = this 917 | if (this.isShown && this.options.keyboard) { 918 | this.$element.on('keyup.dismiss.modal', function ( e ) { 919 | e.which == 27 && that.hide() 920 | }) 921 | } else if (!this.isShown) { 922 | this.$element.off('keyup.dismiss.modal') 923 | } 924 | } 925 | 926 | , hideWithTransition: function () { 927 | var that = this 928 | , timeout = setTimeout(function () { 929 | that.$element.off($.support.transition.end) 930 | that.hideModal() 931 | }, 500) 932 | 933 | this.$element.one($.support.transition.end, function () { 934 | clearTimeout(timeout) 935 | that.hideModal() 936 | }) 937 | } 938 | 939 | , hideModal: function () { 940 | var that = this 941 | this.$element.hide() 942 | this.backdrop(function () { 943 | that.removeBackdrop() 944 | that.$element.trigger('hidden') 945 | }) 946 | } 947 | 948 | , removeBackdrop: function () { 949 | this.$backdrop && this.$backdrop.remove() 950 | this.$backdrop = null 951 | } 952 | 953 | , backdrop: function (callback) { 954 | var that = this 955 | , animate = this.$element.hasClass('fade') ? 'fade' : '' 956 | 957 | if (this.isShown && this.options.backdrop) { 958 | var doAnimate = $.support.transition && animate 959 | 960 | this.$backdrop = $('