commit
31432ecb87
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,101 +0,0 @@
|
|||||||
/******/ (function(modules) { // webpackBootstrap
|
|
||||||
/******/ // The module cache
|
|
||||||
/******/ var installedModules = {};
|
|
||||||
/******/
|
|
||||||
/******/ // The require function
|
|
||||||
/******/ function __webpack_require__(moduleId) {
|
|
||||||
/******/
|
|
||||||
/******/ // Check if module is in cache
|
|
||||||
/******/ if(installedModules[moduleId]) {
|
|
||||||
/******/ return installedModules[moduleId].exports;
|
|
||||||
/******/ }
|
|
||||||
/******/ // Create a new module (and put it into the cache)
|
|
||||||
/******/ var module = installedModules[moduleId] = {
|
|
||||||
/******/ i: moduleId,
|
|
||||||
/******/ l: false,
|
|
||||||
/******/ exports: {}
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Execute the module function
|
|
||||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
||||||
/******/
|
|
||||||
/******/ // Flag the module as loaded
|
|
||||||
/******/ module.l = true;
|
|
||||||
/******/
|
|
||||||
/******/ // Return the exports of the module
|
|
||||||
/******/ return module.exports;
|
|
||||||
/******/ }
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // expose the modules object (__webpack_modules__)
|
|
||||||
/******/ __webpack_require__.m = modules;
|
|
||||||
/******/
|
|
||||||
/******/ // expose the module cache
|
|
||||||
/******/ __webpack_require__.c = installedModules;
|
|
||||||
/******/
|
|
||||||
/******/ // define getter function for harmony exports
|
|
||||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
||||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
||||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
||||||
/******/ }
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // define __esModule on exports
|
|
||||||
/******/ __webpack_require__.r = function(exports) {
|
|
||||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
||||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
||||||
/******/ }
|
|
||||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // create a fake namespace object
|
|
||||||
/******/ // mode & 1: value is a module id, require it
|
|
||||||
/******/ // mode & 2: merge all properties of value into the ns
|
|
||||||
/******/ // mode & 4: return value when already ns object
|
|
||||||
/******/ // mode & 8|1: behave like require
|
|
||||||
/******/ __webpack_require__.t = function(value, mode) {
|
|
||||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
||||||
/******/ if(mode & 8) return value;
|
|
||||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
||||||
/******/ var ns = Object.create(null);
|
|
||||||
/******/ __webpack_require__.r(ns);
|
|
||||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
||||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
||||||
/******/ return ns;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
||||||
/******/ __webpack_require__.n = function(module) {
|
|
||||||
/******/ var getter = module && module.__esModule ?
|
|
||||||
/******/ function getDefault() { return module['default']; } :
|
|
||||||
/******/ function getModuleExports() { return module; };
|
|
||||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
||||||
/******/ return getter;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Object.prototype.hasOwnProperty.call
|
|
||||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
||||||
/******/
|
|
||||||
/******/ // __webpack_public_path__
|
|
||||||
/******/ __webpack_require__.p = "/";
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // Load entry module and return exports
|
|
||||||
/******/ return __webpack_require__(__webpack_require__.s = 2);
|
|
||||||
/******/ })
|
|
||||||
/************************************************************************/
|
|
||||||
/******/ ({
|
|
||||||
|
|
||||||
/***/ 2:
|
|
||||||
/*!*****************************************************!*\
|
|
||||||
!*** multi ./resources/js/Modules/NewDesign/app.js ***!
|
|
||||||
\*****************************************************/
|
|
||||||
/*! no static exports found */
|
|
||||||
/***/ (function(module, exports, __webpack_require__) {
|
|
||||||
|
|
||||||
!(function webpackMissingModule() { var e = new Error("Cannot find module 'C:\\Users\\WillaMall - Hassani\\Documents\\WM -Next Generation\\resources\\js\\Modules\\NewDesign\\app.js'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
|
|
||||||
|
|
||||||
|
|
||||||
/***/ })
|
|
||||||
|
|
||||||
/******/ });
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,101 +0,0 @@
|
|||||||
/******/ (function(modules) { // webpackBootstrap
|
|
||||||
/******/ // The module cache
|
|
||||||
/******/ var installedModules = {};
|
|
||||||
/******/
|
|
||||||
/******/ // The require function
|
|
||||||
/******/ function __webpack_require__(moduleId) {
|
|
||||||
/******/
|
|
||||||
/******/ // Check if module is in cache
|
|
||||||
/******/ if(installedModules[moduleId]) {
|
|
||||||
/******/ return installedModules[moduleId].exports;
|
|
||||||
/******/ }
|
|
||||||
/******/ // Create a new module (and put it into the cache)
|
|
||||||
/******/ var module = installedModules[moduleId] = {
|
|
||||||
/******/ i: moduleId,
|
|
||||||
/******/ l: false,
|
|
||||||
/******/ exports: {}
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Execute the module function
|
|
||||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
||||||
/******/
|
|
||||||
/******/ // Flag the module as loaded
|
|
||||||
/******/ module.l = true;
|
|
||||||
/******/
|
|
||||||
/******/ // Return the exports of the module
|
|
||||||
/******/ return module.exports;
|
|
||||||
/******/ }
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // expose the modules object (__webpack_modules__)
|
|
||||||
/******/ __webpack_require__.m = modules;
|
|
||||||
/******/
|
|
||||||
/******/ // expose the module cache
|
|
||||||
/******/ __webpack_require__.c = installedModules;
|
|
||||||
/******/
|
|
||||||
/******/ // define getter function for harmony exports
|
|
||||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
||||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
||||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
||||||
/******/ }
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // define __esModule on exports
|
|
||||||
/******/ __webpack_require__.r = function(exports) {
|
|
||||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
||||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
||||||
/******/ }
|
|
||||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // create a fake namespace object
|
|
||||||
/******/ // mode & 1: value is a module id, require it
|
|
||||||
/******/ // mode & 2: merge all properties of value into the ns
|
|
||||||
/******/ // mode & 4: return value when already ns object
|
|
||||||
/******/ // mode & 8|1: behave like require
|
|
||||||
/******/ __webpack_require__.t = function(value, mode) {
|
|
||||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
||||||
/******/ if(mode & 8) return value;
|
|
||||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
||||||
/******/ var ns = Object.create(null);
|
|
||||||
/******/ __webpack_require__.r(ns);
|
|
||||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
||||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
||||||
/******/ return ns;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
||||||
/******/ __webpack_require__.n = function(module) {
|
|
||||||
/******/ var getter = module && module.__esModule ?
|
|
||||||
/******/ function getDefault() { return module['default']; } :
|
|
||||||
/******/ function getModuleExports() { return module; };
|
|
||||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
||||||
/******/ return getter;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Object.prototype.hasOwnProperty.call
|
|
||||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
||||||
/******/
|
|
||||||
/******/ // __webpack_public_path__
|
|
||||||
/******/ __webpack_require__.p = "/";
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // Load entry module and return exports
|
|
||||||
/******/ return __webpack_require__(__webpack_require__.s = 5);
|
|
||||||
/******/ })
|
|
||||||
/************************************************************************/
|
|
||||||
/******/ ({
|
|
||||||
|
|
||||||
/***/ 5:
|
|
||||||
/*!***********************************!*\
|
|
||||||
!*** multi ./resources/js/app.js ***!
|
|
||||||
\***********************************/
|
|
||||||
/*! no static exports found */
|
|
||||||
/***/ (function(module, exports, __webpack_require__) {
|
|
||||||
|
|
||||||
!(function webpackMissingModule() { var e = new Error("Cannot find module 'C:\\Users\\WillaMall - Hassani\\Documents\\WM-NextGeneration\\resources\\js\\app.js'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
|
|
||||||
|
|
||||||
|
|
||||||
/***/ })
|
|
||||||
|
|
||||||
/******/ });
|
|
||||||
@ -1,99 +0,0 @@
|
|||||||
/******/ (function(modules) { // webpackBootstrap
|
|
||||||
/******/ // The module cache
|
|
||||||
/******/ var installedModules = {};
|
|
||||||
/******/
|
|
||||||
/******/ // The require function
|
|
||||||
/******/ function __webpack_require__(moduleId) {
|
|
||||||
/******/
|
|
||||||
/******/ // Check if module is in cache
|
|
||||||
/******/ if(installedModules[moduleId]) {
|
|
||||||
/******/ return installedModules[moduleId].exports;
|
|
||||||
/******/ }
|
|
||||||
/******/ // Create a new module (and put it into the cache)
|
|
||||||
/******/ var module = installedModules[moduleId] = {
|
|
||||||
/******/ i: moduleId,
|
|
||||||
/******/ l: false,
|
|
||||||
/******/ exports: {}
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Execute the module function
|
|
||||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
||||||
/******/
|
|
||||||
/******/ // Flag the module as loaded
|
|
||||||
/******/ module.l = true;
|
|
||||||
/******/
|
|
||||||
/******/ // Return the exports of the module
|
|
||||||
/******/ return module.exports;
|
|
||||||
/******/ }
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // expose the modules object (__webpack_modules__)
|
|
||||||
/******/ __webpack_require__.m = modules;
|
|
||||||
/******/
|
|
||||||
/******/ // expose the module cache
|
|
||||||
/******/ __webpack_require__.c = installedModules;
|
|
||||||
/******/
|
|
||||||
/******/ // define getter function for harmony exports
|
|
||||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
||||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
||||||
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
||||||
/******/ }
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // define __esModule on exports
|
|
||||||
/******/ __webpack_require__.r = function(exports) {
|
|
||||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
||||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
||||||
/******/ }
|
|
||||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // create a fake namespace object
|
|
||||||
/******/ // mode & 1: value is a module id, require it
|
|
||||||
/******/ // mode & 2: merge all properties of value into the ns
|
|
||||||
/******/ // mode & 4: return value when already ns object
|
|
||||||
/******/ // mode & 8|1: behave like require
|
|
||||||
/******/ __webpack_require__.t = function(value, mode) {
|
|
||||||
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
||||||
/******/ if(mode & 8) return value;
|
|
||||||
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
||||||
/******/ var ns = Object.create(null);
|
|
||||||
/******/ __webpack_require__.r(ns);
|
|
||||||
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
||||||
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
||||||
/******/ return ns;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
||||||
/******/ __webpack_require__.n = function(module) {
|
|
||||||
/******/ var getter = module && module.__esModule ?
|
|
||||||
/******/ function getDefault() { return module['default']; } :
|
|
||||||
/******/ function getModuleExports() { return module; };
|
|
||||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
||||||
/******/ return getter;
|
|
||||||
/******/ };
|
|
||||||
/******/
|
|
||||||
/******/ // Object.prototype.hasOwnProperty.call
|
|
||||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
||||||
/******/
|
|
||||||
/******/ // __webpack_public_path__
|
|
||||||
/******/ __webpack_require__.p = "/";
|
|
||||||
/******/
|
|
||||||
/******/
|
|
||||||
/******/ // Load entry module and return exports
|
|
||||||
/******/ return __webpack_require__(__webpack_require__.s = 0);
|
|
||||||
/******/ })
|
|
||||||
/************************************************************************/
|
|
||||||
/******/ ([
|
|
||||||
/* 0 */
|
|
||||||
/*!***********************************!*\
|
|
||||||
!*** multi ./resources/js/app.js ***!
|
|
||||||
\***********************************/
|
|
||||||
/*! no static exports found */
|
|
||||||
/***/ (function(module, exports, __webpack_require__) {
|
|
||||||
|
|
||||||
!(function webpackMissingModule() { var e = new Error("Cannot find module 'C:\\Users\\WillaMall - Hassani\\Documents\\willamall_new\\resources\\js\\app.js'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
|
|
||||||
|
|
||||||
|
|
||||||
/***/ })
|
|
||||||
/******/ ]);
|
|
||||||
@ -1,594 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
// ---------- Loading Screen ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
;(function(){
|
|
||||||
|
|
||||||
|
|
||||||
function id(v){ return document.getElementById(v); }
|
|
||||||
function loadbar() {
|
|
||||||
var loading = id("loading"),
|
|
||||||
stat = id("progstat"),
|
|
||||||
img = document.images,
|
|
||||||
c = 0,
|
|
||||||
tot = img.length,
|
|
||||||
loadedEls = document.querySelectorAll(".hideOnLoad");
|
|
||||||
|
|
||||||
disableScroll();
|
|
||||||
|
|
||||||
setTimeout(function () {
|
|
||||||
for (var i = loadedEls.length - 1; i >= 0; i--) {
|
|
||||||
var loadedEl = loadedEls[i];
|
|
||||||
loadedEl.style.display = "block";
|
|
||||||
};
|
|
||||||
|
|
||||||
init(); // canvas three js init
|
|
||||||
animate(); // canvas three js animate
|
|
||||||
run(); // canvas background animation
|
|
||||||
setTimeout(start, 300);
|
|
||||||
|
|
||||||
}, 100);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if(tot == 0) return doneLoading();
|
|
||||||
|
|
||||||
function imgLoaded(){
|
|
||||||
c += 1;
|
|
||||||
var perc = ((100/tot*c) << 0) +"%";
|
|
||||||
|
|
||||||
stat.innerHTML = "Loading "+ perc;
|
|
||||||
if(c===tot) return doneLoading();
|
|
||||||
}
|
|
||||||
function doneLoading(){
|
|
||||||
setTimeout(function(){
|
|
||||||
//loading.style.display = "none";
|
|
||||||
|
|
||||||
appear();
|
|
||||||
enableScroll();
|
|
||||||
|
|
||||||
}, 2500);
|
|
||||||
|
|
||||||
}
|
|
||||||
for(var i=0; i<tot; i++) {
|
|
||||||
var tImg = new Image();
|
|
||||||
tImg.onload = imgLoaded;
|
|
||||||
tImg.onerror = imgLoaded;
|
|
||||||
tImg.src = img[i].src;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
document.addEventListener('DOMContentLoaded', loadbar, false);
|
|
||||||
}());
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
if (/Edge/.test(navigator.userAgent) || /Safari/.test(navigator.userAgent)) {
|
|
||||||
var isSafari = true;
|
|
||||||
} else {
|
|
||||||
var isSafari = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
|
|
||||||
var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Current Year for Copyright ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
var currentYear = (new Date()).getFullYear();
|
|
||||||
var copyRight = document.getElementById('copyRightYear');
|
|
||||||
var copyRight2 = document.getElementById('copyRightYear2');
|
|
||||||
|
|
||||||
copyRight.innerHTML = currentYear;
|
|
||||||
copyRight2.innerHTML = currentYear;
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Custom Cursor + Section Tilt (Mousemove event) ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var w = window;
|
|
||||||
|
|
||||||
const b = document.getElementsByTagName("body")[0];
|
|
||||||
b.addEventListener("mousemove", mouseMove);
|
|
||||||
|
|
||||||
var cursor = document.getElementById('cursor');
|
|
||||||
b.addEventListener("mousedown", cursorClick);
|
|
||||||
b.addEventListener("mouseup", cursorUnclick);
|
|
||||||
|
|
||||||
|
|
||||||
var panel = document.querySelectorAll(".section.active");
|
|
||||||
var text = document.querySelectorAll(".section-tagline-wrapper");
|
|
||||||
var img = document.querySelectorAll(".section-img-wrapper");
|
|
||||||
var no = document.querySelectorAll(".section-no-wrapper");
|
|
||||||
|
|
||||||
var cImg = document.querySelectorAll('.pattern');
|
|
||||||
|
|
||||||
var patterns = document.querySelectorAll('.pattern');
|
|
||||||
|
|
||||||
|
|
||||||
function mouseMove(e) {
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Custom Cursor
|
|
||||||
cursor.style.left = e.clientX + 'px';
|
|
||||||
cursor.style.top = e.clientY + 'px';
|
|
||||||
|
|
||||||
if (menu.classList.contains('active')){return}
|
|
||||||
|
|
||||||
if (!isFirefox) {
|
|
||||||
|
|
||||||
// Tilt Effect
|
|
||||||
var sxPos = (e.clientX*1.5) / w.innerWidth * 100 - 100;
|
|
||||||
var syPos = (e.clientY*1.5) / w.innerHeight * 100 - 100;
|
|
||||||
TweenMax.to(no, 2, {
|
|
||||||
rotationY: 0.06 * sxPos,
|
|
||||||
rotationX: -0.06 * syPos,
|
|
||||||
transformPerspective: 500,
|
|
||||||
transformOrigin: "center center -100",
|
|
||||||
ease: Expo.easeOut
|
|
||||||
});
|
|
||||||
TweenMax.to(text, 2, {
|
|
||||||
rotationY: 0.06 * sxPos,
|
|
||||||
rotationX: -0.06 * syPos,
|
|
||||||
transformPerspective: 500,
|
|
||||||
transformOrigin: "center center -450",
|
|
||||||
ease: Expo.easeOut
|
|
||||||
});
|
|
||||||
TweenMax.to(img, 2, {
|
|
||||||
rotationY: 0.06 * sxPos,
|
|
||||||
rotationX: -0.06 * syPos,
|
|
||||||
transformPerspective: 500,
|
|
||||||
transformOrigin: "center center -300",
|
|
||||||
ease: Expo.easeOut
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
//Pattern Clipping Mask
|
|
||||||
|
|
||||||
if (isChrome) {
|
|
||||||
for (var i = patterns.length - 1; i >= 0; i--) {
|
|
||||||
var pattern = patterns[i];
|
|
||||||
pattern.style.display = "block";
|
|
||||||
clipMask(pattern, e);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function clipMask(pattern, e) {
|
|
||||||
pattern.style.setProperty("--clip-position", e.clientX + 'px ' + e.clientY + 'px');
|
|
||||||
}
|
|
||||||
|
|
||||||
function cursorClick(e) {
|
|
||||||
cursor.classList.add("clicked")
|
|
||||||
}
|
|
||||||
|
|
||||||
function cursorUnclick(e) {
|
|
||||||
setTimeout(function() {
|
|
||||||
cursor.classList.remove("clicked")
|
|
||||||
}, 300);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function cursorHover(e) {
|
|
||||||
cursor.classList.add("hover")
|
|
||||||
}
|
|
||||||
function cursorUnhover(e) {
|
|
||||||
cursor.classList.remove("hover")
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
var hovers = document.querySelectorAll(".hover-target");
|
|
||||||
|
|
||||||
for (var i = hovers.length - 1; i >= 0; i--) {
|
|
||||||
var hover = hovers[i];
|
|
||||||
hoverHandler(hover);
|
|
||||||
};
|
|
||||||
|
|
||||||
function hoverHandler(hover) {
|
|
||||||
hover.addEventListener("mouseover", cursorHover);
|
|
||||||
hover.addEventListener("mouseout", cursorUnhover);
|
|
||||||
}
|
|
||||||
|
|
||||||
})();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Smooth Scroll on Click ---------- //
|
|
||||||
|
|
||||||
function anchorLinkHandler(e) {
|
|
||||||
const distanceToTop = el => Math.floor(el.getBoundingClientRect().top);
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
const targetID = this.getAttribute("href");
|
|
||||||
const targetAnchor = document.querySelector(targetID);
|
|
||||||
|
|
||||||
if (!targetAnchor) return;
|
|
||||||
const originalTop = distanceToTop(targetAnchor);
|
|
||||||
|
|
||||||
window.scrollBy({ top: originalTop, left: 0, behavior: "smooth" });
|
|
||||||
|
|
||||||
const checkIfDone = setInterval(function() {
|
|
||||||
if (distanceToTop(targetAnchor) === 0 /*|| atBottom*/) {
|
|
||||||
targetAnchor.tabIndex = "-1";
|
|
||||||
targetAnchor.focus();
|
|
||||||
clearInterval(checkIfDone);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
|
|
||||||
function navLinkHandler(e) {
|
|
||||||
const distanceToTop = el => Math.floor(el.getBoundingClientRect().top);
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
const targetID = this.getAttribute("href");
|
|
||||||
const targetAnchor = document.querySelector(targetID);
|
|
||||||
|
|
||||||
if (!targetAnchor) return;
|
|
||||||
const originalTop = distanceToTop(targetAnchor);
|
|
||||||
|
|
||||||
window.scrollBy({ top: originalTop, left: 0 });
|
|
||||||
|
|
||||||
const checkIfDone = setInterval(function() {
|
|
||||||
if (distanceToTop(targetAnchor) === 0 /*|| atBottom*/) {
|
|
||||||
targetAnchor.tabIndex = "-1";
|
|
||||||
targetAnchor.focus();
|
|
||||||
clearInterval(checkIfDone);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
|
|
||||||
const linksToAnchors = document.querySelectorAll('.scroll');
|
|
||||||
const navToAnchors = document.querySelectorAll('.scroll-nav');
|
|
||||||
|
|
||||||
linksToAnchors.forEach(each => (each.onclick = anchorLinkHandler));
|
|
||||||
navToAnchors.forEach(each => (each.onclick = navLinkHandler));
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Initial Logo Appearance ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
var a = document.getElementById('container');
|
|
||||||
function start(){ a.classList.add("start"); }
|
|
||||||
function appear(){
|
|
||||||
a.classList.add("appear");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Background Gradient Animation ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
var c = document.getElementById('canvas__bg');
|
|
||||||
var $ = c.getContext('2d');
|
|
||||||
|
|
||||||
var col = function(x, y, r, g, b) {
|
|
||||||
$.fillStyle = "rgb(" + r + "," + g + "," + b + ")";
|
|
||||||
$.fillRect(x, y, 1,1);
|
|
||||||
}
|
|
||||||
|
|
||||||
var R = function(x, y, t) {return( Math.floor(130 + 64*Math.cos( (x*x-y*y)/300 + t )) );}
|
|
||||||
var G = function(x, y, t) {return( Math.floor(0 + 64*Math.sin( (x*x*Math.cos(t/4)+y*y*Math.sin(t/3))/300 ) ) );}
|
|
||||||
var B = function(x, y, t) {return( Math.floor(250 + 64*Math.sin( 5*Math.sin(t/9) + ((x-100)*(x-100)+(y-100)*(y-100))/1100) ));}
|
|
||||||
|
|
||||||
var t = 0;
|
|
||||||
|
|
||||||
var run = function() {
|
|
||||||
for(x=0;x<=35;x++) {
|
|
||||||
for(y=0;y<=35;y++) {
|
|
||||||
col(x, y, R(x,y,t), G(x,y,t), B(x,y,t));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
t = t + 0.030;
|
|
||||||
window.requestAnimationFrame(run);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Menu Open ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
function openMenu(toggle, menu) {
|
|
||||||
toggle.classList.add('is-active');
|
|
||||||
menu.classList.add('active');
|
|
||||||
disableScroll()
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeMenu(toggle, menu) {
|
|
||||||
toggle.classList.remove('is-active');
|
|
||||||
menu.classList.remove('active');
|
|
||||||
enableScroll()
|
|
||||||
}
|
|
||||||
|
|
||||||
function preventDefault(e) {
|
|
||||||
e = e || window.event;
|
|
||||||
if (e.preventDefault)
|
|
||||||
e.preventDefault();
|
|
||||||
e.returnValue = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function preventDefaultForScrollKeys(e) {
|
|
||||||
if (keys[e.keyCode]) {
|
|
||||||
preventDefault(e);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function disableScroll() {
|
|
||||||
if (window.addEventListener) // older FF
|
|
||||||
window.addEventListener('DOMMouseScroll', preventDefault, false);
|
|
||||||
window.onwheel = preventDefault; // modern standard
|
|
||||||
window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
|
|
||||||
window.ontouchmove = preventDefault; // mobile
|
|
||||||
document.onkeydown = preventDefaultForScrollKeys;
|
|
||||||
}
|
|
||||||
|
|
||||||
function enableScroll() {
|
|
||||||
if (window.removeEventListener)
|
|
||||||
window.removeEventListener('DOMMouseScroll', preventDefault, false);
|
|
||||||
window.onmousewheel = document.onmousewheel = null;
|
|
||||||
window.onwheel = null;
|
|
||||||
window.ontouchmove = null;
|
|
||||||
document.onkeydown = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var toggles = document.querySelectorAll(".c-hamburger");
|
|
||||||
const menu = document.getElementById("menu");
|
|
||||||
var navs = document.querySelectorAll(".nav-menu");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
for (var i = toggles.length - 1; i >= 0; i--) {
|
|
||||||
var toggle = toggles[i];
|
|
||||||
toggleHandler(toggle, menu);
|
|
||||||
};
|
|
||||||
|
|
||||||
function toggleHandler(toggle, menu) {
|
|
||||||
toggle.addEventListener( "click", function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
(this.classList.contains("is-active") === true) ? closeMenu(toggle, menu) : openMenu(toggle, menu);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
for (var i = navs.length - 1; i >= 0; i--) {
|
|
||||||
var nav = navs[i];
|
|
||||||
navHandler(toggle, menu, nav);
|
|
||||||
};
|
|
||||||
|
|
||||||
function navHandler(toggle, menu, nav) {
|
|
||||||
nav.addEventListener( "click", function(e) {
|
|
||||||
closeMenu(toggle, menu)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
})();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Scroll Mask Fix ---------- //
|
|
||||||
|
|
||||||
// detect IE, Edge, Safari browsers
|
|
||||||
if (isSafari) {
|
|
||||||
document.documentElement.className = 'scroll-update-fix';
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Text Letters Animation ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
//function animateText() {
|
|
||||||
// var lettr = document.getElementById("lettr");
|
|
||||||
// var lines = lettr.querySelectorAll('font');
|
|
||||||
// for (var x = lines.length - 1; x >= 0; x--) {
|
|
||||||
// var line = lines[x];
|
|
||||||
// lineHandler(line);
|
|
||||||
// };
|
|
||||||
// function lineHandler(line) {
|
|
||||||
// var text = line.textContent;
|
|
||||||
// var wordSplit = text.split("");
|
|
||||||
// line.innerHTML = "";
|
|
||||||
// for (w = 0 ; w < wordSplit.length; w++) {
|
|
||||||
// line.innerHTML += "<span>" + wordSplit[w] + "</span>";
|
|
||||||
// }
|
|
||||||
// chars = line.querySelectorAll('span');
|
|
||||||
// for (var x = chars.length - 1; x >= 0; x--) {
|
|
||||||
// var char = chars[x];
|
|
||||||
// charHandler(char, x);
|
|
||||||
// };
|
|
||||||
// function charHandler(char, x) {
|
|
||||||
// char.style.transitionDelay = x * .1 + "s";
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Canvas Three JS ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var renderer, scene, camera, composer, circle, skelet, particle;
|
|
||||||
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
|
|
||||||
renderer.setPixelRatio((window.devicePixelRatio) ? window.devicePixelRatio : 1);
|
|
||||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
||||||
renderer.autoClear = false;
|
|
||||||
renderer.setClearColor(0x000000, 0.0);
|
|
||||||
document.getElementById('canvas__three').appendChild(renderer.domElement);
|
|
||||||
|
|
||||||
scene = new THREE.Scene();
|
|
||||||
|
|
||||||
camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1000);
|
|
||||||
camera.position.z = 400;
|
|
||||||
scene.add(camera);
|
|
||||||
|
|
||||||
circle = new THREE.Object3D();
|
|
||||||
skelet = new THREE.Object3D();
|
|
||||||
particle = new THREE.Object3D();
|
|
||||||
|
|
||||||
scene.add(circle);
|
|
||||||
scene.add(skelet);
|
|
||||||
scene.add(particle);
|
|
||||||
|
|
||||||
var geometry = new THREE.TetrahedronGeometry(2, 0);
|
|
||||||
var geom = new THREE.TetrahedronGeometry(7, 0);
|
|
||||||
var geom2 = new THREE.IcosahedronGeometry(15, 0);
|
|
||||||
|
|
||||||
var material = new THREE.MeshPhongMaterial({
|
|
||||||
color: 0xffffff,
|
|
||||||
shading: THREE.FlatShading
|
|
||||||
});
|
|
||||||
|
|
||||||
for (var i = 0; i < 20; i++) {
|
|
||||||
var mesh = new THREE.Mesh(geometry, material);
|
|
||||||
mesh.position.set(Math.random() - 0.5, Math.random() - 0.5, Math.random() - 0.5).normalize();
|
|
||||||
mesh.position.multiplyScalar(90 + (Math.random() * 700));
|
|
||||||
particle.add(mesh);
|
|
||||||
}
|
|
||||||
|
|
||||||
var mat = new THREE.MeshPhongMaterial({
|
|
||||||
color: 0xffffff,
|
|
||||||
shading: THREE.FlatShading
|
|
||||||
});
|
|
||||||
|
|
||||||
var mat2 = new THREE.MeshPhongMaterial({
|
|
||||||
color: 0xffffff,
|
|
||||||
wireframe: true,
|
|
||||||
side: THREE.DoubleSide
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
var planet = new THREE.Mesh(geom, mat);
|
|
||||||
planet.scale.x = planet.scale.y = planet.scale.z = 16;
|
|
||||||
circle.add(planet);
|
|
||||||
|
|
||||||
var planet2 = new THREE.Mesh(geom2, mat2);
|
|
||||||
planet2.scale.x = planet2.scale.y = planet2.scale.z = 10;
|
|
||||||
skelet.add(planet2);
|
|
||||||
|
|
||||||
var ambientLight = new THREE.AmbientLight(0x666666 );
|
|
||||||
scene.add(ambientLight);
|
|
||||||
|
|
||||||
var lights = [];
|
|
||||||
lights[0] = new THREE.DirectionalLight( 0xffffff, 1 );
|
|
||||||
lights[0].position.set( 1, 0, 0 );
|
|
||||||
lights[1] = new THREE.DirectionalLight( 0xf000ff, 1 );
|
|
||||||
lights[1].position.set( 0.75, 1, 0.5 );
|
|
||||||
lights[2] = new THREE.DirectionalLight( 0x3c73ff, 1 );
|
|
||||||
lights[2].position.set( -0.75, -1, 0.5 );
|
|
||||||
scene.add( lights[0] );
|
|
||||||
scene.add( lights[1] );
|
|
||||||
scene.add( lights[2] );
|
|
||||||
|
|
||||||
|
|
||||||
window.addEventListener('resize', onWindowResize, false);
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
function onWindowResize() {
|
|
||||||
camera.aspect = window.innerWidth / window.innerHeight;
|
|
||||||
camera.updateProjectionMatrix();
|
|
||||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
|
||||||
}
|
|
||||||
|
|
||||||
function animate() {
|
|
||||||
requestAnimationFrame(animate);
|
|
||||||
|
|
||||||
particle.rotation.x += 0.0000;
|
|
||||||
particle.rotation.y -= 0.0040;
|
|
||||||
circle.rotation.x -= 0.0020;
|
|
||||||
circle.rotation.y -= 0.0030;
|
|
||||||
skelet.rotation.x -= 0.0010;
|
|
||||||
skelet.rotation.y += 0.0020;
|
|
||||||
renderer.clear();
|
|
||||||
|
|
||||||
renderer.render( scene, camera )
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Active Section on Scroll ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
function activateSection() {
|
|
||||||
|
|
||||||
if (menu.classList.contains('active')){return}
|
|
||||||
|
|
||||||
var scrollPos = window.scrollY;
|
|
||||||
var sections = document.querySelectorAll('.section');
|
|
||||||
|
|
||||||
for (var x = sections.length - 1; x >= 0; x--) {
|
|
||||||
var section = sections[x];
|
|
||||||
sectionHandler(section, scrollPos);
|
|
||||||
};
|
|
||||||
|
|
||||||
function sectionHandler(e, scrollPos) {
|
|
||||||
|
|
||||||
var elemTop = e.offsetTop - (e.clientHeight/1.5);
|
|
||||||
var elemBtm = elemTop + e.clientHeight + 200;
|
|
||||||
|
|
||||||
if ( scrollPos > elemTop && scrollPos < elemBtm ) {
|
|
||||||
e.classList.add("active");
|
|
||||||
} else {
|
|
||||||
e.classList.remove("active");
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ---------- Document Ready Events ---------- //
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
window.onload = function() {
|
|
||||||
|
|
||||||
|
|
||||||
//animateText();
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// --------------- On Scroll Events --------------- //
|
|
||||||
|
|
||||||
|
|
||||||
window.addEventListener('scroll', function() {
|
|
||||||
|
|
||||||
activateSection();
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"/Authentication/js/app.js": "/Authentication/js/app.js",
|
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=e7004e4ba1268d86bc4e",
|
||||||
"/Home/js/app.js": "/Home/js/app.js",
|
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=54d9152bf6cded09d86f",
|
||||||
"/Modules/CRM/js/app.js": "/Modules/CRM/js/app.js",
|
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=5fbc34149a9abb997090",
|
||||||
"/User/js/app.js": "/User/js/app.js"
|
"/js/vue/User/app.js": "/js/vue/User/app.js?id=d4901fd1d97d6496c6d1"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,106 @@
|
|||||||
|
<template>
|
||||||
|
<v-container>
|
||||||
|
<v-layout row wrap>
|
||||||
|
<v-flex xs12 lg12 mb-3 class="WM-Relative">
|
||||||
|
<v-expansion-panel popout>
|
||||||
|
<v-expansion-panel-content v-for="(template,i) in templates" :key="i">
|
||||||
|
<template v-slot:header>
|
||||||
|
<v-flex lg4 pt-2 class="text-lg-right FA">
|
||||||
|
<span class="TitleNumber En">{{ parseInt(i+1) }}.</span>
|
||||||
|
{{ template.name_fa }}
|
||||||
|
</v-flex>
|
||||||
|
<v-flex lg4 pt-2 class="LTR EN">{{ template.name_en }}</v-flex>
|
||||||
|
<v-flex xl4 class="Buttons text-lg-center">
|
||||||
|
<v-tooltip top color="black">
|
||||||
|
<v-btn class="XS" small slot="activator" fab color="orange" dark>
|
||||||
|
<v-icon dark>fas fa-pencil-alt</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<span> ویرایش </span>
|
||||||
|
</v-tooltip>
|
||||||
|
<v-tooltip top color="black">
|
||||||
|
<v-btn class="XS" small slot="activator" fab color="red" dark>
|
||||||
|
<v-icon dark>fas fa-trash-alt</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
<span> حذف آیتم </span>
|
||||||
|
</v-tooltip>
|
||||||
|
</v-flex>
|
||||||
|
</template>
|
||||||
|
<v-card>
|
||||||
|
<v-card-text style="padding:5px 30px">
|
||||||
|
<div class="WM-Tile" >
|
||||||
|
<v-layout row wrap class="Content">
|
||||||
|
<v-flex lg12 class="text-lg-right zIndex99" pt-3>{{ template.text }}</v-flex>
|
||||||
|
</v-layout>
|
||||||
|
</div>
|
||||||
|
</v-card-text>
|
||||||
|
</v-card>
|
||||||
|
</v-expansion-panel-content>
|
||||||
|
</v-expansion-panel>
|
||||||
|
|
||||||
|
<v-btn @click.native="$store.state.ConfigSMSTemplateAdd = true" slot="activator" fab color="cyan" bottom left dark style="position:absolute; left:5px; bottom:-20px;">
|
||||||
|
<v-icon dark>fas fa-plus</v-icon>
|
||||||
|
</v-btn>
|
||||||
|
</v-flex>
|
||||||
|
</v-layout>
|
||||||
|
<!-- --------------------------------------------------------------------
|
||||||
|
Modals :: BEGIN
|
||||||
|
-------------------------------------------------------------------- -->
|
||||||
|
<template>
|
||||||
|
<div class="text-xs-center">
|
||||||
|
<wm-sms-template-add></wm-sms-template-add>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<!-- --------------------------------------------------------------------
|
||||||
|
Modals :: END
|
||||||
|
-------------------------------------------------------------------- -->
|
||||||
|
</v-container>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import Add from "@Common/components/Contact/SMS/Config/Template/Add.vue";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
"wm-sms-template-add": Add
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
templates: [
|
||||||
|
{ name_fa: " تبریک تولد ", name_en: " Birthday ",
|
||||||
|
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
||||||
|
},
|
||||||
|
{ name_fa: " تبریک سال نو ", name_en: " New Year ",
|
||||||
|
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
||||||
|
},
|
||||||
|
{ name_fa: " رزرو وقت ", name_en: " Reservation ",
|
||||||
|
text: " [Name] عزیز، زاد روز تولدتان را گرامی میداریم. هدیه ما برای روز عزیز برای شما، 20 درصد تخفیف استفاده از خدمات خواهد بود. در کنارت هستیم. ",
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "@Global/scss/Tile.scss";
|
||||||
|
.WM-Tile {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.Content .Number {
|
||||||
|
width: auto;
|
||||||
|
right: 0px;
|
||||||
|
bottom: -6px;
|
||||||
|
}
|
||||||
|
.v-expansion-panel__container--active .v-expansion-panel__header .FA,
|
||||||
|
.v-expansion-panel__container--active .v-expansion-panel__header .EN {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.TitleNumber {
|
||||||
|
line-height: 40px;
|
||||||
|
width: 40px;
|
||||||
|
font-size: 40px;
|
||||||
|
color: rgb(0, 0, 0);
|
||||||
|
}
|
||||||
|
.v-expansion-panel--inset .v-expansion-panel__container--active,
|
||||||
|
.v-expansion-panel--popout .v-expansion-panel__container--active {
|
||||||
|
border: 1px solid #000 !important;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,7 +1,16 @@
|
|||||||
export default [
|
export default [
|
||||||
|
// {
|
||||||
|
// path: '/Login',
|
||||||
|
// name: 'Login',
|
||||||
|
// view: 'auth/Login'
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
path: '/Login',
|
path: '/CRM/MyTasks',
|
||||||
name: 'Login',
|
name: 'MyTasks',
|
||||||
view: 'auth/Login'
|
view: 'Tasks'
|
||||||
}
|
}, {
|
||||||
|
path: '/CRM/MyRequests',
|
||||||
|
name: 'MyRequests',
|
||||||
|
view: 'Tasks'
|
||||||
|
},
|
||||||
];
|
];
|
||||||
|
|||||||
@ -0,0 +1,102 @@
|
|||||||
|
<template>
|
||||||
|
<v-container fluid>
|
||||||
|
<div class="Tile Shadowed Padd-0 WM-Margin-B-10" >
|
||||||
|
<wm-breadcrumbs LinkClass="WM-Link-Cyan" :items="breadcrumbItems"></wm-breadcrumbs>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Tile Shadowed">
|
||||||
|
<WM-PartTitle class="WM-Margin-T-20" TitleFa=" مشتریان من " TitleEn=" My Clients " Color="red"></WM-PartTitle>
|
||||||
|
<wm-client-filter></wm-client-filter>
|
||||||
|
<wm-client-items></wm-client-items>
|
||||||
|
<router-link to="AddClient">
|
||||||
|
<v-btn large fab color="cyan" fixed bottom left dark style="left:5%"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- --------------------------------------------------------------------
|
||||||
|
Modals :: BEGIN
|
||||||
|
-------------------------------------------------------------------- -->
|
||||||
|
<template>
|
||||||
|
<div class="text-xs-center">
|
||||||
|
<wm-client-details></wm-client-details>
|
||||||
|
<wm-client-status></wm-client-status>
|
||||||
|
<wm-send-email></wm-send-email>
|
||||||
|
<wm-send-sms></wm-send-sms>
|
||||||
|
<wm-task-add></wm-task-add>
|
||||||
|
<wm-task-timeline></wm-task-timeline>
|
||||||
|
<wm-event-add></wm-event-add>
|
||||||
|
<wm-event-timeline></wm-event-timeline>
|
||||||
|
<wm-transaction-add></wm-transaction-add>
|
||||||
|
<wm-transaction-timeline></wm-transaction-timeline>
|
||||||
|
<wm-comments-timeline></wm-comments-timeline>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<!-- --------------------------------------------------------------------
|
||||||
|
Modals :: END
|
||||||
|
-------------------------------------------------------------------- -->
|
||||||
|
</v-container>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import ClientItems from '@CRM/components/Clients/Items';
|
||||||
|
import ClientFilters from '@CRM/components/Clients/Filters';
|
||||||
|
import ClientDetails from "@CRM/components/Clients/Details.vue";
|
||||||
|
import ClientStatus from "@CRM/components/Clients/Status.vue";
|
||||||
|
|
||||||
|
import SendEmailModal from "@Common/components/Contact/Email/Send.vue";
|
||||||
|
import SendSMSModal from "@Common/components/Contact/SMS/Send.vue";
|
||||||
|
|
||||||
|
import TaskAdd from "@Common/components/Task/Add.vue";
|
||||||
|
import TaskTimeline from "@Common/components/Task/Timeline/Modal-Layout.vue";
|
||||||
|
import TaskTimelineItem from "@Common/components/Task/Timeline/Item.vue";
|
||||||
|
|
||||||
|
import EventAdd from "@Common/components/Event/Add.vue";
|
||||||
|
import EventTimeline from "@Common/components/Event/Timeline/Modal-Layout.vue";
|
||||||
|
import EventTimelineItem from "@Common/components/Event/Timeline/Item.vue";
|
||||||
|
|
||||||
|
import TransactionAdd from "@Common/components/Transaction/Add.vue";
|
||||||
|
import TransactionTimeline from "@Common/components/Transaction/Timeline/Modal-Layout.vue";
|
||||||
|
|
||||||
|
import CommentsTimeline from "@Common/components/Comment/Modal-Layout.vue";
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
'wm-client-items' : ClientItems,
|
||||||
|
'wm-client-filter' : ClientFilters,
|
||||||
|
'wm-client-details' : ClientDetails,
|
||||||
|
'wm-client-status' : ClientStatus,
|
||||||
|
'wm-send-email' : SendEmailModal,
|
||||||
|
'wm-send-sms' : SendSMSModal,
|
||||||
|
'wm-task-add' : TaskAdd,
|
||||||
|
'wm-task-timeline' : TaskTimeline,
|
||||||
|
'wm-event-add' : EventAdd,
|
||||||
|
'wm-event-timeline' : EventTimeline,
|
||||||
|
'wm-transaction-add' : TransactionAdd,
|
||||||
|
'wm-transaction-timeline' : TransactionTimeline,
|
||||||
|
'wm-comments-timeline' : CommentsTimeline,
|
||||||
|
},
|
||||||
|
data: function () {
|
||||||
|
return {
|
||||||
|
breadcrumbItems: [
|
||||||
|
{
|
||||||
|
text: '',
|
||||||
|
disabled: false,
|
||||||
|
href: 'Home',
|
||||||
|
icon: 'home'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: ' مشتریان من ',
|
||||||
|
disabled: true,
|
||||||
|
href: 'Clients'
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
</style>
|
||||||
@ -1,8 +1,8 @@
|
|||||||
import sharedPath from './path';
|
import sharedPath from './path';
|
||||||
|
|
||||||
|
|
||||||
let paths = [];
|
// let paths = [];
|
||||||
|
|
||||||
paths = paths.concat(sharedPath);
|
// paths = paths.concat(sharedPath);
|
||||||
|
|
||||||
export default paths;
|
export default sharedPath;
|
||||||
|
|||||||
@ -1,12 +1,7 @@
|
|||||||
export default [
|
export default [
|
||||||
{
|
{
|
||||||
path: '/CRM/Login',
|
path: '/CRM/MyTasks',
|
||||||
name: 'testlogin',
|
name: 'MyTasks',
|
||||||
view: 'Modules/Module/views/Home'
|
view: 'Common/views/Tasks'
|
||||||
},
|
}
|
||||||
// {
|
|
||||||
// path: '/User/List',
|
|
||||||
// name: 'UserList',
|
|
||||||
// view: 'Authentication/views/Users'
|
|
||||||
// },
|
|
||||||
];
|
];
|
||||||
|
|||||||
Loading…
Reference in new issue