Giter VIP home page Giter VIP logo

locus68's People

Contributors

jenny-zhong avatar kyle-verhoog avatar theorangeone avatar y0105w49 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

locus68's Issues

copy link to room button

create a button that will go in the header bar that will copy the url to the room to the user's clipboard so that they can share it effortlessly.

we'll have to use a library here: https://github.com/zenorocha/clipboard.js/#usage see that link for how to use it.

to use this library in our javascript add:
<script src="https://unpkg.com/[email protected]/dist/clipboard.min.js"></script>
to the top of room.html, where these are:

locus68/static/room.html

Lines 17 to 21 in 0991616

<link rel="stylesheet" href="/static/css/pure-min.css"/>
<script src="/static/js/vue.min.js" type="text/javascript"></script>
<!--<script src="/static/js/vue.js" type="text/javascript"></script>-->
<script src="/static/js/forge.min.js" type="text/javascript"></script>
<script src="/static/js/reconnecting-websocket.min.js" type="text/javascript"></script>

for the icon for the button, we can use https://fontawesome.com/icons/clipboard?style=regular&from=io

all the button should do it copy the link of the current room to the clipboard

to get the link to the room use window.location.href

versioning number

introduce a versioning number in code that can be stored with associated save data. this will help invalidate incompatible persisted data if the schema were to change.

better designating location

avatars are big, not quite clear where the user is actually located

rough possible ideas:

  • use line or arrow to better indicate position
  • smaller avatars

reconnecting button does not work

Uncaught TypeError: Cannot read property 'CONNECTING' of undefined
    at Socket.reconnect (socket.js:78)
    at Locus.reconnect (locus.js:150)
    at i (vue.min.js:6)
    at HTMLElement.Rr.t._withTask.o._withTask (vue.min.js:6)

user sidebar styling improvements

  • time since last seen bubble gets cut off and does not contain all of the text in some cases
  • better sizing for larger screens
  • better chevron for hiding and showing the users

chat

add a basic chat implementation

user pop-out menu

clicking on a user in the sidebar should produce a pop-out menu that will have settings and information pertaining to that particular user.

should eventually provide the following information

  • time last seen
  • mute (hide from map)
  • distance to user
  • remove user

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.