add tip, update readme
This commit is contained in:
i-break-codes
parent
8814333374
commit
57cccf6b02
20
README.md
20
README.md
@ -1,2 +1,20 @@
|
||||
# scrum-board
|
||||
JavaScript Scrum App to manage tasks with ease
|
||||
JavaScript Scrum App to manage tasks with ease.
|
||||
|
||||
> Warning : It uses localstorage to store your tasks, make sure you don't clean up your Local Storage for this app atleast.
|
||||
|
||||
#### Setup
|
||||
- Clone Application by typing the following command in your terminal `git@github.com:i-break-codes/scrum-board.git`
|
||||
- Install node modules - `npm install`
|
||||
- Compile Assets - `gulp`
|
||||
|
||||
#### More to come
|
||||
- [ ] Edit task title
|
||||
- [ ] Set tasks priority
|
||||
- [ ] Import / Export tasks
|
||||
- [ ] Remember expanded/collapsed state of a task
|
||||
- [ ] Database / Websockets for collab board
|
||||
|
||||
#### Support
|
||||
- Bugs and requests, submit them through the project's issues section
|
||||
- Questions? DM or Tweet me [@mr_ali3n](https://twitter.com/mr_ali3n)
|
||||
37
app/assets/images/info.svg
Normal file
37
app/assets/images/info.svg
Normal file
@ -0,0 +1,37 @@
|
||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 111.577 111.577" style="enable-background:new 0 0 111.577 111.577;" xml:space="preserve" width="512px" height="512px">
|
||||
<g>
|
||||
<path d="M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451 c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064 c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848 c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71 c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667 c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747 c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815 c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744 C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796 c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207 C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z" fill="#FFDA44"/>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -44,7 +44,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li data-tooltip="Github" class="github-ref">
|
||||
<a href="#">
|
||||
<a href="https://github.com/i-break-codes/scrum-board" target="_blank">
|
||||
<img src="app/assets/images/github.svg" alt="">
|
||||
</a>
|
||||
</li>
|
||||
@ -86,6 +86,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hide" id="tips">
|
||||
Double click on the task text to edit it
|
||||
</div>
|
||||
|
||||
<script id="task-card-template" type="text/x-handlebars-template">
|
||||
{{#each this}}
|
||||
<div class="card" data-task-id="{{id}}">
|
||||
@ -102,7 +106,7 @@
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
|
||||
<script src="app/assets/scripts/handlebars-v4.0.5.js"></script>
|
||||
<script src="app/assets/scripts/lib/handlebars-v4.0.5.js"></script>
|
||||
<script src="app/assets/scripts/localstorage.js"></script>
|
||||
<script src="app/assets/scripts/app.js"></script>
|
||||
</body>
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
var App = function() {
|
||||
function init() {
|
||||
tips();
|
||||
preset();
|
||||
draggable();
|
||||
droppable();
|
||||
@ -193,6 +194,17 @@ var App = function() {
|
||||
}
|
||||
}
|
||||
|
||||
function tips() {
|
||||
if(!JSON.parse(LocalStorage.get('showedTip'))) {
|
||||
$('#tips').removeClass('hide').addClass('tips');
|
||||
}
|
||||
|
||||
$('#tips').on('click', function() {
|
||||
$(this).addClass('hide');
|
||||
LocalStorage.set('showedTip', true);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
init: init,
|
||||
getAllNotes: getAllNotes
|
||||
|
||||
@ -527,4 +527,52 @@ footer {
|
||||
height: 29px;
|
||||
width: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
.onboard {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, .7);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.onboard-modal {
|
||||
height: 300px;
|
||||
width: 450px;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.tips {
|
||||
position: absolute;
|
||||
bottom: 90px;
|
||||
right: -280px;
|
||||
font-size: 13px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
padding-left: 25px;
|
||||
opacity: 0;
|
||||
animation: showTips 500ms ease-in forwards;
|
||||
cursor: pointer;
|
||||
background: {
|
||||
image: url('../images/info.svg');
|
||||
position: 4px center;
|
||||
size: 16px;
|
||||
repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes showTips {
|
||||
to {
|
||||
right: 20px;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user