1
0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-10 16:46:28 +02:00

add an alert system.

This commit is contained in:
Kushagra Gour
2016-11-11 11:37:27 +05:30
parent c33eb3e445
commit 137adf3fdc
3 changed files with 27 additions and 7 deletions

View File

@ -279,7 +279,7 @@
bottom: 0; bottom: 0;
width: 400px; width: 400px;
padding: 20px; padding: 20px;
z-index: 3; z-index: 4;
background-color: #111; background-color: #111;
transition: 0.3s ease; transition: 0.3s ease;
will-change: transform; will-change: transform;
@ -404,6 +404,20 @@
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
.alerts-container {
position: fixed;
will-change: transform;
left: 50%;
top: 0;
padding: 10px;
background: #9f3b4e;
border-radius: 3px;
transform: translateY(-100%);
transition: 0.3s ease;
}
.alerts-container.is-active {
transform: translateY(0);
}
</style> </style>
</head> </head>
@ -607,6 +621,7 @@
</defs> </defs>
</svg> </svg>
<div class="alerts-container" id="js-alerts-container"></div>
<form style="display:none;" action="http://codepen.io/pen/define" method="POST" target="_blank" id="js-codepen-form"> <form style="display:none;" action="http://codepen.io/pen/define" method="POST" target="_blank" id="js-codepen-form">
<input type="hidden" name="data" value='{"title": "New Pen!", "html": "<div>Hello, World!</div>"}'> <input type="hidden" name="data" value='{"title": "New Pen!", "html": "<div>Hello, World!</div>"}'>
</form> </form>
@ -631,6 +646,7 @@
<script src="utils.js"></script> <script src="utils.js"></script>
<script src="deferred.js"></script> <script src="deferred.js"></script>
<script src="loader.js"></script> <script src="loader.js"></script>
<script src="notifications.js"></script>
<script src="script.js"></script> <script src="script.js"></script>
<script src="dropdown.js"></script> <script src="dropdown.js"></script>

View File

@ -5,8 +5,6 @@
var editur = window.editur || {}; var editur = window.editur || {};
var version = '1.7.1'; var version = '1.7.1';
window.$ = document.querySelector.bind(document);
window.$all = document.querySelectorAll.bind(document);
window.DEBUG = 1; window.DEBUG = 1;
var HtmlModes = { var HtmlModes = {
@ -113,11 +111,10 @@
resetSplitting(); resetSplitting();
} }
function saveSetting(setting, value) { function saveSetting(setting, value, cb) {
var obj = {}; var obj = {};
obj[setting] = value; obj[setting] = value;
chrome.storage.local.set(obj, function() { chrome.storage.local.set(obj, cb || function(){});
});
} }
// Save current item to storage // Save current item to storage
@ -146,7 +143,9 @@
currentItem.js = editur.cm.js.getValue(); currentItem.js = editur.cm.js.getValue();
currentItem.updatedOn = Date.now(); currentItem.updatedOn = Date.now();
utils.log('saving key', key || currentItem.id, currentItem) utils.log('saving key', key || currentItem.id, currentItem)
saveSetting(key || currentItem.id, currentItem); saveSetting(key || currentItem.id, currentItem, function () {
alertsService.add('Item saved.');
});
} }
function populateItem(items) { function populateItem(items) {
@ -201,11 +200,13 @@
js: '', js: '',
layoutMode: currentLayoutMode layoutMode: currentLayoutMode
}; };
alertsService.add('New item created');
refreshEditor(); refreshEditor();
} }
function openItem(itemId) { function openItem(itemId) {
currentItem = savedItems[itemId]; currentItem = savedItems[itemId];
refreshEditor(); refreshEditor();
alertsService.add('Saved item loaded');
} }
function refreshEditor() { function refreshEditor() {

View File

@ -1,4 +1,7 @@
(function () { (function () {
window.$ = document.querySelector.bind(document);
window.$all = document.querySelectorAll.bind(document);
// https://github.com/substack/semver-compare/blob/master/index.js // https://github.com/substack/semver-compare/blob/master/index.js
function semverCompare(a, b) { function semverCompare(a, b) {
var pa = a.split('.'); var pa = a.split('.');