| 1 |
"use strict"; |
| 2 |
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { |
| 3 |
return new (P || (P = Promise))(function (resolve, reject) { |
| 4 |
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } |
| 5 |
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } |
| 6 |
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); } |
| 7 |
step((generator = generator.apply(thisArg, _arguments || [])).next()); |
| 8 |
}); |
| 9 |
}; |
| 10 |
var __generator = (this && this.__generator) || function (thisArg, body) { |
| 11 |
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; |
| 12 |
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; |
| 13 |
function verb(n) { return function (v) { return step([n, v]); }; } |
| 14 |
function step(op) { |
| 15 |
if (f) throw new TypeError("Generator is already executing."); |
| 16 |
while (_) try { |
| 17 |
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; |
| 18 |
if (y = 0, t) op = [op[0] & 2, t.value]; |
| 19 |
switch (op[0]) { |
| 20 |
case 0: case 1: t = op; break; |
| 21 |
case 4: _.label++; return { value: op[1], done: false }; |
| 22 |
case 5: _.label++; y = op[1]; op = [0]; continue; |
| 23 |
case 7: op = _.ops.pop(); _.trys.pop(); continue; |
| 24 |
default: |
| 25 |
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } |
| 26 |
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } |
| 27 |
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } |
| 28 |
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } |
| 29 |
if (t[2]) _.ops.pop(); |
| 30 |
_.trys.pop(); continue; |
| 31 |
} |
| 32 |
op = body.call(thisArg, _); |
| 33 |
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } |
| 34 |
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; |
| 35 |
} |
| 36 |
}; |
| 37 |
Object.defineProperty(exports, "__esModule", { value: true }); |
| 38 |
var SmartTutorial = /** @class */ (function () { |
| 39 |
function SmartTutorial() { |
| 40 |
this.slides = []; |
| 41 |
this.ZIndex = 1000; |
| 42 |
this.currentSlideIndex = -1; |
| 43 |
this.FinishAction = null; |
| 44 |
} |
| 45 |
SmartTutorial.prototype.Start = function () { |
| 46 |
var _this = this; |
| 47 |
this.$background = rnJQuery('<div style="background:black;opacity:.5;position:fixed;top:0;bottom:0;right:0;left:0;z-index: ' + this.ZIndex + ';"></div>'); |
| 48 |
this.$transparentBackground = rnJQuery('<div class="bootstrap-wrapper" style="background:transparent;position:fixed;top:0;bottom:0;right:0;left:0;z-index: ' + (this.ZIndex + 2000) + ';"></div>'); |
| 49 |
this.$nextButton = rnJQuery("<span style=\"position:absolute;bottom:20px;right:20px;font-size: 30px;vertical-align: middle;color:white;cursor: pointer;\" >\n <span style=\"vertical-align: middle;\" class=\"glyphicon glyphicon-hand-right\"></span>\n <span style=\"vertical-align: middle;margin-left:1px;\" >Next</span>\n </span>"); |
| 50 |
this.$transparentBackground.append(this.$nextButton); |
| 51 |
this.$nextButton.click(function () { |
| 52 |
_this.ExecuteNextSlide(); |
| 53 |
}); |
| 54 |
rnJQuery('body').append(this.$background); |
| 55 |
rnJQuery('body').append(this.$transparentBackground); |
| 56 |
this.currentSlideIndex = -1; |
| 57 |
this.ExecuteNextSlide(); |
| 58 |
}; |
| 59 |
SmartTutorial.prototype.AddSlide = function (slide) { |
| 60 |
slide.tutorial = this; |
| 61 |
this.slides.push(slide); |
| 62 |
}; |
| 63 |
SmartTutorial.prototype.ExecuteNextSlide = function () { |
| 64 |
return __awaiter(this, void 0, void 0, function () { |
| 65 |
return __generator(this, function (_a) { |
| 66 |
switch (_a.label) { |
| 67 |
case 0: |
| 68 |
this.currentSlideIndex++; |
| 69 |
if (this.currentSlide != null) { |
| 70 |
this.currentSlide.Clear(this.currentSlideIndex < this.slides.length ? this.slides[this.currentSlideIndex] : null); |
| 71 |
} |
| 72 |
if (this.currentSlideIndex == this.slides.length) { |
| 73 |
this.Finish(); |
| 74 |
} |
| 75 |
this.currentSlide = this.slides[this.currentSlideIndex]; |
| 76 |
this.currentSlide.Execute(); |
| 77 |
if (!(this.currentSlideIndex + 1 == this.slides.length)) return [3 /*break*/, 2]; |
| 78 |
return [4 /*yield*/, this.$nextButton.velocityAsync({ opacity: 0 }, 200, "easeOutExp")]; |
| 79 |
case 1: |
| 80 |
_a.sent(); |
| 81 |
this.$nextButton.empty(); |
| 82 |
this.$nextButton.append("<span style=\"vertical-align: middle;\" class=\"glyphicon glyphicon-remove\"></span>\n <span style=\"vertical-align: middle;margin-left:1px;\" >Close Tutorial</span>"); |
| 83 |
this.$nextButton.velocity({ opacity: 1 }, 200, "easeInExp"); |
| 84 |
_a.label = 2; |
| 85 |
case 2: return [2 /*return*/]; |
| 86 |
} |
| 87 |
}); |
| 88 |
}); |
| 89 |
}; |
| 90 |
SmartTutorial.prototype.OnFinish = function (action) { |
| 91 |
this.FinishAction = action; |
| 92 |
}; |
| 93 |
SmartTutorial.prototype.Finish = function () { |
| 94 |
return __awaiter(this, void 0, void 0, function () { |
| 95 |
var _this = this; |
| 96 |
return __generator(this, function (_a) { |
| 97 |
switch (_a.label) { |
| 98 |
case 0: |
| 99 |
this.$background.velocity({ opacity: 0 }, 200, "easeOutExp", function () { _this.$background.remove(); }); |
| 100 |
return [4 /*yield*/, this.$transparentBackground.velocityAsync({ opacity: 0 }, 200, "easeOutExp")]; |
| 101 |
case 1: |
| 102 |
_a.sent(); |
| 103 |
this.$transparentBackground.remove(); |
| 104 |
if (this.FinishAction != null) |
| 105 |
this.FinishAction(); |
| 106 |
return [2 /*return*/]; |
| 107 |
} |
| 108 |
}); |
| 109 |
}); |
| 110 |
}; |
| 111 |
return SmartTutorial; |
| 112 |
}()); |
| 113 |
exports.SmartTutorial = SmartTutorial; |
| 114 |
//# sourceMappingURL=SmartTutorial.js.map |
