@@ -0,0 +1,115 @@ | |||||
# ---> Node | |||||
# Logs | |||||
logs | |||||
*.log | |||||
npm-debug.log* | |||||
yarn-debug.log* | |||||
yarn-error.log* | |||||
lerna-debug.log* | |||||
# Diagnostic reports (https://nodejs.org/api/report.html) | |||||
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json | |||||
#NEXT | |||||
#/.next/ | |||||
/out/ | |||||
# Runtime data | |||||
pids | |||||
*.pid | |||||
*.seed | |||||
*.pid.lock | |||||
# Directory for instrumented libs generated by jscoverage/JSCover | |||||
lib-cov | |||||
# Coverage directory used by tools like istanbul | |||||
coverage | |||||
*.lcov | |||||
# nyc test coverage | |||||
.nyc_output | |||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) | |||||
.grunt | |||||
# Bower dependency directory (https://bower.io/) | |||||
bower_components | |||||
# node-waf configuration | |||||
.lock-wscript | |||||
# Compiled binary addons (https://nodejs.org/api/addons.html) | |||||
build/Release | |||||
# Dependency directories | |||||
node_modules/ | |||||
jspm_packages/ | |||||
# TypeScript v1 declaration files | |||||
typings/ | |||||
# TypeScript cache | |||||
*.tsbuildinfo | |||||
# Optional npm cache directory | |||||
.npm | |||||
# Optional eslint cache | |||||
.eslintcache | |||||
# Microbundle cache | |||||
.rpt2_cache/ | |||||
.rts2_cache_cjs/ | |||||
.rts2_cache_es/ | |||||
.rts2_cache_umd/ | |||||
# Optional REPL history | |||||
.node_repl_history | |||||
# Output of 'npm pack' | |||||
*.tgz | |||||
# Yarn Integrity file | |||||
.yarn-integrity | |||||
# dotenv environment variables file | |||||
.env | |||||
.env.test | |||||
.env.local | |||||
# parcel-bundler cache (https://parceljs.org/) | |||||
.cache | |||||
# Next.js build output | |||||
#.next | |||||
# Nuxt.js build / generate output | |||||
.nuxt | |||||
dist | |||||
# Gatsby files | |||||
.cache/ | |||||
# Comment in the public line in if your project uses Gatsby and not Next.js | |||||
# https://nextjs.org/blog/next-9-1#public-directory-support | |||||
# public | |||||
# vuepress build output | |||||
.vuepress/dist | |||||
# Serverless directories | |||||
.serverless/ | |||||
# FuseBox cache | |||||
.fusebox/ | |||||
# DynamoDB Local files | |||||
.dynamodb/ | |||||
# TernJS port file | |||||
.tern-port | |||||
# Stores VSCode versions used for testing VSCode extensions | |||||
.vscode-test | |||||
@@ -0,0 +1,2 @@ | |||||
DPACKGETDATA | |||||
Using : Node V10 |
@@ -0,0 +1,49 @@ | |||||
owner=TBS | |||||
password=428aed9165cb0fe729bbfc9849d1a7725ecf374273e6dd10ced0a5db | |||||
firstrun=FALSE | |||||
[interval] | |||||
getquery_interval=15 | |||||
collection_interval=8 | |||||
oracle_interval=17 | |||||
[database_owner] | |||||
ip_address=r1.thamrin.co.id | |||||
port=1521 | |||||
dbname=tbslive | |||||
user=8db25f0af32dcd024f3924cab86ab74324ea6e | |||||
password=423e4044e73c67ea307b8df1c7a3364eb33aa2 | |||||
scheme=TBS | |||||
[database_sendcol] | |||||
ip_address=r1.thamrin.co.id | |||||
port=1521 | |||||
dbname=tbslive | |||||
user=af7eaa85fe15b10c8b5820de054cec794547e2 | |||||
password=5cf8695fd173f5eb38e87ff722341531200208 | |||||
scheme=TBS | |||||
[database_dpack] | |||||
user=a6b09731139d555139dfc4fd34d8262774f0 | |||||
password=ce79d6ac0f93c94c971193ed0d4f82899afb | |||||
database=yimm_sd | |||||
server=localhost | |||||
connectionTimeout=300000 | |||||
requestTimeout=300000 | |||||
[database_collection] | |||||
user=4ba651a566cc2c6cc5ccfd3b2070e4cddc57 | |||||
password=e04bfd7bac7a8e95531b3cb2b5017d1cc928 | |||||
database=TG_COLLECTION | |||||
server=localhost | |||||
connectionTimeout=300000 | |||||
requestTimeout=300000 | |||||
[config_regex] | |||||
owner=TBS | |||||
[config_time] | |||||
start_morning=06:00 | |||||
end_morning=09:00 | |||||
start_night=15:30 | |||||
end_night=18:00 |
@@ -0,0 +1,91 @@ | |||||
var createError = require('http-errors'); | |||||
var express = require('express'); | |||||
var exphbs = require('express-handlebars'); | |||||
var helpers = require('./helper.js'); | |||||
var path = require('path'); | |||||
var cookieParser = require('cookie-parser'); | |||||
var logger = require('morgan'); | |||||
var session = require('express-session'); | |||||
var MemoryStore = require('memorystore')(session); | |||||
var indexRouter = require('../routes/index'); | |||||
var app = express(); | |||||
var hbs = exphbs.create({ | |||||
defaultLayout: 'main', | |||||
helpers : helpers, | |||||
// Uses multiple partials dirs, templates in "shared/templates/" are shared | |||||
// with the client-side of the app (see below). | |||||
partialsDir: [ | |||||
'views/partials/' | |||||
] | |||||
}); | |||||
// view engine setup | |||||
app.engine('handlebars', hbs.engine); | |||||
app.set('view engine', 'handlebars'); | |||||
app.use(logger('dev')); | |||||
app.use(express.json()); | |||||
app.use(express.urlencoded({ extended: false })); | |||||
app.use(cookieParser()); | |||||
app.use(express.static(path.join(__dirname, '../public'))); | |||||
app.use(session({ | |||||
key: 'user_sid', | |||||
secret: 'secret', | |||||
resave: false, | |||||
store: new MemoryStore({ | |||||
checkPeriod: 86400000 // prune expired entries every 24h | |||||
}), | |||||
saveUninitialized: false, | |||||
cookie: { | |||||
expires: 300000 | |||||
} | |||||
})); | |||||
app.use((req, res, next) => { | |||||
if (req.cookies.user_sid && !req.session.user) { | |||||
res.clearCookie('user_sid'); | |||||
} | |||||
next(); | |||||
}); | |||||
app.use(function(req, res, next) { | |||||
res.set('Cache-Control', 'no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0'); | |||||
next(); | |||||
}); | |||||
app.use('/', indexRouter); | |||||
// catch 404 and forward to error handler | |||||
app.use(function(req, res, next) { | |||||
next(createError(404)); | |||||
}); | |||||
// error handler | |||||
app.use(function(err, req, res, next) { | |||||
// set locals, only providing error in development | |||||
res.locals.message = err.message; | |||||
res.locals.error = req.app.get('env') === 'development' ? err : {}; | |||||
// render the error page | |||||
res.status(err.status || 500); | |||||
res.render('error',{errorMessage : err}); | |||||
}); | |||||
module.exports = app; |
@@ -0,0 +1,11 @@ | |||||
'use strict'; | |||||
var ifExpression = function (value1,value2,options) { | |||||
if(value1 === value2) { | |||||
return options.fn(this); | |||||
} | |||||
return options.inverse(this); | |||||
} | |||||
exports.ifExpression = ifExpression; |
@@ -0,0 +1,7 @@ | |||||
auto_start=TRUE | |||||
is_running=FALSE | |||||
[processing] | |||||
process_getQuery=TRUE | |||||
process_insertToCollection=TRUE | |||||
process_insertToOracle=TRUE |
@@ -0,0 +1,151 @@ | |||||
; Script generated by the Inno Script Studio Wizard. | |||||
; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES! | |||||
[Setup] | |||||
; NOTE: The value of AppId uniquely identifies this application. | |||||
; Do not use the same AppId value in installers for other applications. | |||||
; (To generate a new GUID, click Tools | Generate GUID inside the IDE.) | |||||
AppId={{2F7B0828-9403-40C5-8F0F-E04A0F6EC55B} | |||||
AppName=DPACKGetData | |||||
AppVersion=1.2 | |||||
;AppVerName=DPACKGetData 1 | |||||
AppPublisher=Thamrin Brother | |||||
AppPublisherURL=http://thamrin.co.id/ | |||||
AppSupportURL=http://thamrin.co.id/ | |||||
AppUpdatesURL=http://thamrin.co.id/ | |||||
DefaultDirName={userappdata}\DPACKGetData | |||||
DefaultGroupName=DPACKGetData | |||||
OutputBaseFilename=DpackGetDatax86 | |||||
SetupIconFile=D:\node-data\Installer For 32 Bit Application\setupicon.ico | |||||
UninstallDisplayIcon=D:\node-data\Installer For 32 Bit Application\setupicon.ico | |||||
Compression=lzma | |||||
SolidCompression=yes | |||||
DisableDirPage=yes | |||||
PrivilegesRequired=admin | |||||
CloseApplications=force | |||||
[Files] | |||||
Source: "node-v10.16.0-x86.msi"; DestDir: "{app}"; Flags: ignoreversion deleteafterinstall | |||||
Source: "D:\node-data\32bit\*"; DestDir: "{app}"; Flags: ignoreversion recursesubdirs createallsubdirs | |||||
Source: "sachet-sugar_icon-icons.com_61149.ico"; DestDir: "{app}"; Flags: ignoreversion | |||||
Source: "vcredist_x86.exe"; DestDir: "{app}"; Flags: ignoreversion deleteafterinstall | |||||
Source: "instant12.2_client\*"; DestDir: "{app}\instant12.2_client"; Flags: ignoreversion recursesubdirs createallsubdirs | |||||
; NOTE: Don't use "Flags: ignoreversion" on any shared system files | |||||
[Run] | |||||
Filename: "{app}\bin\checkservice.bat"; Parameters: "install"; Flags: runhidden | |||||
Filename: "msiexec.exe"; Parameters: "/i ""{app}\node-v10.16.0-x86.msi""/quiet" | |||||
Filename: "{app}\vcredist_x86.exe"; Parameters: "/q /norestart /q:a /c:""""VCREDI~3.EXE /q:a /c:""""""""msiexec /i vcredist.msi /qn"""""""" """""""; Flags: hidewizard | |||||
Filename: "{app}\install.bat"; Flags: postinstall runascurrentuser; BeforeInstall: RefreshEnvironment | |||||
[Registry] | |||||
Root: "HKLM32"; Subkey: "SYSTEM\CurrentControlSet\Control\Session Manager\Environment"; ValueType: expandsz; ValueName: "Path"; ValueData: "{olddata};{app}\instant12.2_client";Check: NeedsAddPath('{app}\instant12.2_client') | |||||
[UninstallRun] | |||||
Filename: "{app}\uninstall.bat"; Flags: shellexec waituntilterminated; | |||||
[Code] | |||||
function NeedsAddPath(Param: string): boolean; | |||||
var | |||||
OrigPath: string; | |||||
begin | |||||
if not RegQueryStringValue(HKEY_LOCAL_MACHINE, | |||||
'SYSTEM\CurrentControlSet\Control\Session Manager\Environment', | |||||
'Path', OrigPath) | |||||
then begin | |||||
Result := True; | |||||
exit; | |||||
end; | |||||
{ look for the path with leading and trailing semicolon } | |||||
{ Pos() returns 0 if not found } | |||||
Result := Pos(';' + Param + ';', ';' + OrigPath + ';') = 0; | |||||
end; | |||||
const | |||||
SMTO_ABORTIFHUNG = 2; | |||||
WM_WININICHANGE = $001A; | |||||
WM_SETTINGCHANGE = WM_WININICHANGE; | |||||
type | |||||
WPARAM = UINT_PTR; | |||||
LPARAM = INT_PTR; | |||||
LRESULT = INT_PTR; | |||||
function SendTextMessageTimeout(hWnd: HWND; Msg: UINT; | |||||
wParam: WPARAM; lParam: PAnsiChar; fuFlags: UINT; | |||||
uTimeout: UINT; out lpdwResult: DWORD): LRESULT; | |||||
external 'SendMessageTimeoutA@user32.dll stdcall'; | |||||
procedure RefreshEnvironment; | |||||
var | |||||
S: AnsiString; | |||||
MsgResult: DWORD; | |||||
begin | |||||
S := 'Environment'; | |||||
SendTextMessageTimeout(HWND_BROADCAST, WM_SETTINGCHANGE, 0, | |||||
PAnsiChar(S), SMTO_ABORTIFHUNG, 5000, MsgResult); | |||||
end; | |||||
const | |||||
EnvironmentKey = 'SYSTEM\CurrentControlSet\Control\Session Manager\Environment'; | |||||
procedure RemovePath(Path: string); | |||||
var | |||||
Paths: string; | |||||
P: Integer; | |||||
begin | |||||
if not RegQueryStringValue(HKEY_LOCAL_MACHINE, EnvironmentKey, 'Path', Paths) then | |||||
begin | |||||
Log('PATH not found'); | |||||
end | |||||
else | |||||
begin | |||||
Log(Format('PATH is [%s]', [Paths])); | |||||
P := Pos(';' + Uppercase(Path) + ';', ';' + Uppercase(Paths) + ';'); | |||||
if P = 0 then | |||||
begin | |||||
Log(Format('Path [%s] not found in PATH', [Path])); | |||||
end | |||||
else | |||||
begin | |||||
if P > 1 then P := P - 1; | |||||
Delete(Paths, P, Length(Path) + 1); | |||||
Log(Format('Path [%s] removed from PATH => [%s]', [Path, Paths])); | |||||
if RegWriteStringValue(HKEY_LOCAL_MACHINE, EnvironmentKey, 'Path', Paths) then | |||||
begin | |||||
Log('PATH written'); | |||||
end | |||||
else | |||||
begin | |||||
Log('Error writing PATH'); | |||||
end; | |||||
end; | |||||
end; | |||||
end; | |||||
procedure CurUninstallStepChanged(CurUninstallStep: TUninstallStep); | |||||
begin | |||||
if CurUninstallStep = usUninstall then | |||||
begin | |||||
RemovePath(ExpandConstant('{app}\instant12.2_client')); | |||||
end; | |||||
end; | |||||
procedure CurStepChanged(CurStep: TSetupStep); | |||||
var | |||||
ResultCode: Integer; | |||||
wmicommand: string; | |||||
ErrorCode: Integer; | |||||
begin | |||||
// before installing any file | |||||
if CurStep = ssInstall then | |||||
begin | |||||
ShellExec('', ExpandConstant('{app}\uninstall.bat'), | |||||
'', '', SW_SHOW, ewNoWait, ErrorCode) | |||||
end; | |||||
end; | |||||
@@ -0,0 +1,164 @@ | |||||
; Script generated by the Inno Setup Script Wizard. | |||||
; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES! | |||||
#define MyAppName "DpackGetData" | |||||
#define MyAppVersion "1.2" | |||||
#define MyAppPublisher "Thamrin Brothers" | |||||
#define MyAppURL "http://www.thamrin.co.id" | |||||
[Setup] | |||||
; NOTE: The value of AppId uniquely identifies this application. Do not use the same AppId value in installers for other applications. | |||||
; (To generate a new GUID, click Tools | Generate GUID inside the IDE.) | |||||
AppId={{1141F88D-8868-41E0-A87E-87DF6803E7C4} | |||||
AppName={#MyAppName} | |||||
AppVersion={#MyAppVersion} | |||||
;AppVerName={#MyAppName} {#MyAppVersion} | |||||
AppPublisher={#MyAppPublisher} | |||||
AppPublisherURL={#MyAppURL} | |||||
AppSupportURL={#MyAppURL} | |||||
AppUpdatesURL={#MyAppURL} | |||||
DefaultDirName={userappdata}\DPACKGetData | |||||
DisableDirPage=yes | |||||
DefaultGroupName={#MyAppName} | |||||
DisableProgramGroupPage=yes | |||||
; Uncomment the following line to run in non administrative install mode (install for current user only.) | |||||
;PrivilegesRequired=lowest | |||||
OutputBaseFilename=DpackGetDatax64 | |||||
SetupIconFile=D:\node-data\Installer For 64 Bit Application\setupicon.ico | |||||
UninstallDisplayIcon=D:\node-data\Installer For 64 Bit Application\setupicon.ico | |||||
Compression=lzma | |||||
SolidCompression=yes | |||||
WizardStyle=modern | |||||
PrivilegesRequired=admin | |||||
CloseApplications=force | |||||
[Languages] | |||||
Name: "english"; MessagesFile: "compiler:Default.isl" | |||||
[Files] | |||||
Source: "D:\node-data\Installer For 64 Bit Application\node-v10.16.0-x64.msi"; DestDir: "{app}"; Flags: ignoreversion deleteafterinstall | |||||
Source: "D:\node-data\Installer For 64 Bit Application\sachet-sugar_icon-icons.com_61149.ico"; DestDir: "{app}"; Flags: ignoreversion | |||||
Source: "D:\node-data\Installer For 64 Bit Application\setupicon.ico"; DestDir: "{app}"; Flags: ignoreversion | |||||
Source: "D:\node-data\Installer For 64 Bit Application\vcredist_x64.exe"; DestDir: "{app}"; Flags: ignoreversion deleteafterinstall | |||||
Source: "D:\node-data\64bit\*"; DestDir: "{app}"; Flags: ignoreversion recursesubdirs createallsubdirs | |||||
Source: "D:\node-data\Installer For 64 Bit Application\instantclient_12_2\*"; DestDir: "{app}\instant12.2_client"; Flags: ignoreversion recursesubdirs createallsubdirs | |||||
[Run] | |||||
Filename: "msiexec.exe"; Parameters: "/i ""{app}\node-v10.16.0-x64.msi""/quiet" | |||||
Filename: "{app}\vcredist_x64.exe"; Parameters: "/q /norestart /q:a /c:""""VCREDI~3.EXE /q:a /c:""""""""msiexec /i vcredist.msi /qn"""""""" """""""; Flags: hidewizard | |||||
Filename: "{app}\install.bat"; Flags: postinstall runascurrentuser; BeforeInstall: RefreshEnvironment | |||||
[Registry] | |||||
Root: "HKLM32"; Subkey: "SYSTEM\CurrentControlSet\Control\Session Manager\Environment"; ValueType: expandsz; ValueName: "Path"; ValueData: "{olddata};{app}\instant12.2_client";Check: NeedsAddPath('{app}\instant12.2_client') | |||||
[UninstallRun] | |||||
Filename: "{app}\uninstall.bat"; Flags: shellexec waituntilterminated; | |||||
[Icons] | |||||
Name: "{group}\icon"; Filename: "{app}\setupicon.ico"; IconFilename: "{app}\setupicon.ico"; IconIndex: 0 | |||||
[Code] | |||||
function NeedsAddPath(Param: string): boolean; | |||||
var | |||||
OrigPath: string; | |||||
begin | |||||
if not RegQueryStringValue(HKEY_LOCAL_MACHINE, | |||||
'SYSTEM\CurrentControlSet\Control\Session Manager\Environment', | |||||
'Path', OrigPath) | |||||
then begin | |||||
Result := True; | |||||
exit; | |||||
end; | |||||
{ look for the path with leading and trailing semicolon } | |||||
{ Pos() returns 0 if not found } | |||||
Result := Pos(';' + Param + ';', ';' + OrigPath + ';') = 0; | |||||
end; | |||||
const | |||||
SMTO_ABORTIFHUNG = 2; | |||||
WM_WININICHANGE = $001A; | |||||
WM_SETTINGCHANGE = WM_WININICHANGE; | |||||
type | |||||
WPARAM = UINT_PTR; | |||||
LPARAM = INT_PTR; | |||||
LRESULT = INT_PTR; | |||||
function SendTextMessageTimeout(hWnd: HWND; Msg: UINT; | |||||
wParam: WPARAM; lParam: PAnsiChar; fuFlags: UINT; | |||||
uTimeout: UINT; out lpdwResult: DWORD): LRESULT; | |||||
external 'SendMessageTimeoutA@user32.dll stdcall'; | |||||
procedure RefreshEnvironment; | |||||
var | |||||
S: AnsiString; | |||||
MsgResult: DWORD; | |||||
begin | |||||
S := 'Environment'; | |||||
SendTextMessageTimeout(HWND_BROADCAST, WM_SETTINGCHANGE, 0, | |||||
PAnsiChar(S), SMTO_ABORTIFHUNG, 5000, MsgResult); | |||||
end; | |||||
const | |||||
EnvironmentKey = 'SYSTEM\CurrentControlSet\Control\Session Manager\Environment'; | |||||
procedure RemovePath(Path: string); | |||||
var | |||||
Paths: string; | |||||
P: Integer; | |||||
begin | |||||
if not RegQueryStringValue(HKEY_LOCAL_MACHINE, EnvironmentKey, 'Path', Paths) then | |||||
begin | |||||
Log('PATH not found'); | |||||
end | |||||
else | |||||
begin | |||||
Log(Format('PATH is [%s]', [Paths])); | |||||
P := Pos(';' + Uppercase(Path) + ';', ';' + Uppercase(Paths) + ';'); | |||||
if P = 0 then | |||||
begin | |||||
Log(Format('Path [%s] not found in PATH', [Path])); | |||||
end | |||||
else | |||||
begin | |||||
if P > 1 then P := P - 1; | |||||
Delete(Paths, P, Length(Path) + 1); | |||||
Log(Format('Path [%s] removed from PATH => [%s]', [Path, Paths])); | |||||
if RegWriteStringValue(HKEY_LOCAL_MACHINE, EnvironmentKey, 'Path', Paths) then | |||||
begin | |||||
Log('PATH written'); | |||||
end | |||||
else | |||||
begin | |||||
Log('Error writing PATH'); | |||||
end; | |||||
end; | |||||
end; | |||||
end; | |||||
procedure CurUninstallStepChanged(CurUninstallStep: TUninstallStep); | |||||
begin | |||||
if CurUninstallStep = usUninstall then | |||||
begin | |||||
RemovePath(ExpandConstant('{app}\instant12.2_client')); | |||||
end; | |||||
end; | |||||
procedure CurStepChanged(CurStep: TSetupStep); | |||||
var | |||||
ResultCode: Integer; | |||||
wmicommand: string; | |||||
ErrorCode: Integer; | |||||
begin | |||||
// before installing any file | |||||
if CurStep = ssInstall then | |||||
begin | |||||
ShellExec('', ExpandConstant('{app}\uninstall.bat'), | |||||
'', '', SW_SHOW, ewNoWait, ErrorCode) | |||||
end; | |||||
end; | |||||
@@ -0,0 +1,18 @@ | |||||
@echo off | |||||
setlocal | |||||
set PATH=C:\Program Files\nodejs\ | |||||
node "%APPDATA%\DPACKGetData"\install.js | |||||
setlocal | |||||
set PATH=C:\Windows\System32\ | |||||
ping 192.0.2.2 -n 1 -w 5000 > nul | |||||
net stop dpackgetdata.exe | |||||
ping 192.0.2.2 -n 1 -w 5000 > nul | |||||
@echo on | |||||
net start dpackgetdata.exe | |||||
TIMEOUT 5 |
@@ -0,0 +1,36 @@ | |||||
var Service = require('node-windows').Service; | |||||
// Create a new service object | |||||
var svc = new Service({ | |||||
name:'DPACKGetData', | |||||
description: 'This application will fetch data from DPACK database and send it Primary Database', | |||||
script: require('path').join(__dirname, 'server.js'), | |||||
nodeOptions: [ | |||||
'--harmony', | |||||
'--max_old_space_size=4096' | |||||
], | |||||
env:{ | |||||
name: "NODE_ENV", | |||||
value: "production" | |||||
} | |||||
}); | |||||
// Listen for the "install" event, which indicates the | |||||
// process is available as a service. | |||||
svc.on('install',function(){ | |||||
svc.start(); | |||||
}); | |||||
// Just in case this file is run twice. | |||||
//svc.on('alreadyinstalled',function(){ | |||||
// console.log('This service is already installed.'); | |||||
//}); | |||||
// Listen for the "start" event and let us know when the | |||||
// process has actually started working. | |||||
//svc.on('start',function(){ | |||||
// console.log(svc.name+' started!\nVisit http://127.0.0.1:3000 to see it in action.'); | |||||
//}); | |||||
// Install the script as a service. | |||||
svc.install(); |
@@ -0,0 +1,188 @@ | |||||
var oracledb = require('oracledb'); | |||||
var oracle_func = require('../util/db_oracle.js'); | |||||
var sqlServer = require('../util/db_sqlserver.js'); | |||||
var util = require('../util/util.js'); | |||||
module.exports.oracleQueryUploadData = async function oracleQueryUploadData(){ | |||||
var configjs = util.getConfig(); | |||||
var oracleConfig = configjs.database_owner; | |||||
var owner = configjs.database_owner.scheme | |||||
var queryGetCabangValue = `select ${owner}.User_Profile_SYS_API.Get_Default_Value(:usercab,:code_cab) as cabang_id , ${owner}.User_Profile_SYS_API.Get_Default_Value(:usercab,:code_company) as company from dual`; | |||||
var paramsGetCabangValue = {usercab:{val:oracleConfig.user}, code_cab:{val:"CABANG_ID"},code_company:{val:"COMPANY"}}; | |||||
let resultCabangValue = await oracle_func.getConnected(oracleConfig,queryGetCabangValue,paramsGetCabangValue); | |||||
//console.log(resultCabangValue["DATA"][0].CABANG_ID); | |||||
if(resultCabangValue["STATUS"] != 0){ | |||||
var query = `SELECT COMPANY,ID,ENABLED,TEST_MODE,AUTO_MODE,${owner}.UPLOAD_DATA_DB_CABANG_API.Get_Marking_Trans_Date(COMPANY,ID,:CABANG_ID) AS LAST_DATE | |||||
FROM ${owner}.upload_data_db | |||||
WHERE company=:COMPANY AND enabled='TRUE' | |||||
AND client_mode='TRUE' | |||||
AND UPPER(TRIM(id)) IN(SELECT UPPER(TRIM(id)) | |||||
FROM ${owner}.upload_data_db_cabang | |||||
WHERE company=:COMPANY | |||||
AND cabang_id= :CABANG_ID | |||||
AND enabled='TRUE') | |||||
`; | |||||
if(resultCabangValue["DATA"][0].CABANG_ID == null){resultCabangValue["DATA"][0].CABANG_ID = '03'} | |||||
var params = {COMPANY:{val:resultCabangValue["DATA"][0].COMPANY}, CABANG_ID:{val:resultCabangValue["DATA"][0].CABANG_ID}}; | |||||
// console.log(params); | |||||
var oracleConfig = configjs.database_owner; | |||||
let data = await oracle_func.getConnected(oracleConfig,query,params); | |||||
// console.log(data); | |||||
return data; | |||||
} | |||||
} | |||||
module.exports.oracleQueryUploadDataDet = async function oracleQueryUploadDataDet(id){ | |||||
var configjs = util.getConfig(); | |||||
var owner = configjs.database_owner.scheme; | |||||
var query = `SELECT * | |||||
FROM ${owner}.upload_data_db_det | |||||
WHERE company=:COMPANY | |||||
AND enabled='TRUE' | |||||
AND UPPER(TRIM(id))=:ID | |||||
`; | |||||
var params = {COMPANY:{val:owner},ID:{val:id}} | |||||
var oracleConfig = configjs.database_owner; | |||||
let data = await oracle_func.getConnected(oracleConfig,query,params); | |||||
return data; | |||||
} | |||||
module.exports.oracleInsertCollection = async function oracleInsertCollection(data){ | |||||
var sqlCollection = await sqlServer.connectCollection(); | |||||
var configjs = util.getConfig(); | |||||
var owner = configjs.database_sendcol.scheme; | |||||
var oracleConfig = configjs.database_sendcol; | |||||
var sendArr = []; | |||||
var indexSendArr = 0 ; | |||||
var arrConstructor = data[0]; | |||||
var tableConstructor = ''; | |||||
var tableBindValue = ''; | |||||
for(key in arrConstructor){ | |||||
if(key != "SEQ_ID" && key != "FLAG_DELETED"){ | |||||
if(key == 'COLLECTION_NAME'){ | |||||
tableConstructor += `${key},`; | |||||
tableBindValue += `:${key},` | |||||
}else{ | |||||
tableConstructor += `${util.changeColumnOracle(key)},`; | |||||
tableBindValue += `:${key},`; | |||||
} | |||||
} | |||||
} | |||||
tableConstructor = tableConstructor.substr(0,tableConstructor.length-1); | |||||
tableBindValue = tableBindValue.substr(0,tableBindValue.length -1); | |||||
var queryInsertOracle = ` insert into ${owner}.upload_collection_tab(${tableConstructor}) values(${tableBindValue})`; | |||||
for(var j = 0 ; j < data.length; j+= 500){ | |||||
if(j==0){ | |||||
sendArr[indexSendArr] = data.slice(0,500) | |||||
} | |||||
else if(j+500 > data.length){ | |||||
sendArr[indexSendArr] = data.slice(j) | |||||
} | |||||
else{ | |||||
sendArr[indexSendArr] = data.slice(j,j+500); | |||||
} | |||||
indexSendArr += 1; | |||||
} | |||||
for(var k = 0 ; k < sendArr.length; k++){ | |||||
var seq_id = []; | |||||
for(row in sendArr[k]){ | |||||
seq_id.push(sendArr[k][row].SEQ_ID); | |||||
delete sendArr[k][row].SEQ_ID; | |||||
} | |||||
let result = await oracle_func.getConnectedInsertMany(oracleConfig,queryInsertOracle,sendArr[k]); | |||||
if(result["STATUS"] == 1){ | |||||
for(var i = 0 ; i< seq_id.length; i ++){ | |||||
var requestUpdateFlagDeleteCollection = sqlCollection.request(); | |||||
requestUpdateFlagDeleteCollection.input('SEQ_ID',seq_id[i]); | |||||
var queryUpdateFlagDeleteCollection = `delete from dbo.TEMP_DATA_TAB where SEQ_ID = @SEQ_ID`; | |||||
var resultUpdateFlagDeleteCollection = await requestUpdateFlagDeleteCollection.query(queryUpdateFlagDeleteCollection); | |||||
} | |||||
} | |||||
} | |||||
return {"STATUS":0}; | |||||
} | |||||
module.exports.oracleInsertCollectionOne = async function oracleInsertCollectionOne(data){ | |||||
var sqlCollection = await sqlServer.connectCollection(); | |||||
var configjs = util.getConfig(); | |||||
var owner = configjs.database_sendcol.scheme; | |||||
var oracleConfig = configjs.database_sendcol; | |||||
var seq_id = []; | |||||
for(row in data){ | |||||
seq_id.push(data[row].SEQ_ID); | |||||
delete data[row].SEQ_ID; | |||||
} | |||||
var arrConstructor = data[0]; | |||||
var tableConstructor = ''; | |||||
var tableBindValue = ''; | |||||
for(key in arrConstructor){ | |||||
if(key != "SEQ_ID" && key != "FLAG_DELETED"){ | |||||
if(key == 'COLLECTION_NAME'){ | |||||
tableConstructor += `${key},`; | |||||
tableBindValue += `:${key},` | |||||
}else{ | |||||
tableConstructor += `${util.changeColumnOracle(key)},`; | |||||
tableBindValue += `:${key},`; | |||||
} | |||||
} | |||||
} | |||||
tableConstructor = tableConstructor.substr(0,tableConstructor.length-1); | |||||
tableBindValue = tableBindValue.substr(0,tableBindValue.length -1); | |||||
var queryInsertOracle = ` insert into ${owner}.upload_collection_tab(${tableConstructor}) values(${tableBindValue})`; | |||||
for(var i = 0 ; i < data.length ; i ++){ | |||||
let result = await oracle_func.getConnectedInsert(oracleConfig,queryInsertOracle,data[i]); | |||||
if(result["STATUS"] == 1){ | |||||
var requestUpdateFlagDeleteCollection = sqlCollection.request(); | |||||
requestUpdateFlagDeleteCollection.input('SEQ_ID',seq_id[i]); | |||||
var queryUpdateFlagDeleteCollection = `delete from dbo.TEMP_DATA_TAB where SEQ_ID = @SEQ_ID`; | |||||
var resultUpdateFlagDeleteCollection = await requestUpdateFlagDeleteCollection.query(queryUpdateFlagDeleteCollection); | |||||
} | |||||
} | |||||
return; | |||||
} | |||||
module.exports.oracleUpdateLastDate = async function oracleUpdateLastDate(id){ | |||||
var configjs = util.getConfig(); | |||||
var oracleConfig = configjs.database_owner; | |||||
var owner = configjs.database_owner.scheme; | |||||
var queryGetCabangValue = `select ${owner}.User_Profile_SYS_API.Get_Default_Value(:usercab,:code_cab) as cabang_id , ${owner}.User_Profile_SYS_API.Get_Default_Value(:usercab,:code_company) as company from dual`; | |||||
var paramsGetCabangValue = {usercab:{val:oracleConfig.user}, code_cab:{val:"CABANG_ID"},code_company:{val:"COMPANY"}}; | |||||
let resultCabangValue = await oracle_func.getConnected(oracleConfig,queryGetCabangValue,paramsGetCabangValue); | |||||
if(resultCabangValue["DATA"][0].CABANG_ID == null){resultCabangValue["DATA"][0].CABANG_ID = '03'} | |||||
if(resultCabangValue["STATUS"] != 0){ | |||||
var query = `BEGIN | |||||
TBS.UPLOAD_DATA_DB_CABANG_API.Update_Marking_Trans_Date( | |||||
company_ => :P_COMPANY, | |||||
id_ => :P_ID, | |||||
cabang_id_ => :P_CABANG_ID, | |||||
marking_trans_date_ => NULL | |||||
); | |||||
END; | |||||
`; | |||||
var params = {P_COMPANY:{val:resultCabangValue["DATA"][0].COMPANY}, P_ID:{val:id}, P_CABANG_ID:{val:resultCabangValue["DATA"][0].CABANG_ID}}; | |||||
var oracleConfig = configjs.database_owner; | |||||
let data = await oracle_func.getConnectedInsert(oracleConfig,query,params); | |||||
return data; | |||||
} | |||||
} |
@@ -0,0 +1,33 @@ | |||||
{ | |||||
"name": "app", | |||||
"version": "0.0.0", | |||||
"private": true, | |||||
"scripts": { | |||||
"start": "node server.js" | |||||
}, | |||||
"dependencies": { | |||||
"cookie-parser": "~1.4.3", | |||||
"cron": "^1.7.1", | |||||
"cryptr": "^4.0.2", | |||||
"debug": "~2.6.9", | |||||
"express": "~4.16.0", | |||||
"express-handlebars": "^3.0.2", | |||||
"express-session": "^1.16.2", | |||||
"http-errors": "~1.6.2", | |||||
"ini": "^1.3.5", | |||||
"memorystore": "^1.6.1", | |||||
"moment": "^2.24.0", | |||||
"morgan": "~1.9.0", | |||||
"mssql": "^5.1.0", | |||||
"node-notifier": "^5.4.0", | |||||
"node-windows": "^0.1.14", | |||||
"oracledb": "^3.1.2", | |||||
"pug": "2.0.0-beta11", | |||||
"socket.io": "^2.2.0", | |||||
"sqlite3": "^4.0.8", | |||||
"winston": "^3.2.1" | |||||
}, | |||||
"devDependencies": { | |||||
"express-reload": "^1.2.0" | |||||
} | |||||
} |
@@ -0,0 +1,228 @@ | |||||
<?xml version="1.0" standalone="no"?> | |||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > | |||||
<svg xmlns="http://www.w3.org/2000/svg"> | |||||
<metadata></metadata> | |||||
<defs> | |||||
<font id="glyphicons_halflingsregular" horiz-adv-x="1200" > | |||||
<font-face units-per-em="1200" ascent="960" descent="-240" /> | |||||
<missing-glyph horiz-adv-x="500" /> | |||||
<glyph /> | |||||
<glyph /> | |||||
<glyph unicode=" " /> | |||||
<glyph unicode="*" d="M1100 500h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200z" /> | |||||
<glyph unicode="+" d="M1100 400h-400v-400h-300v400h-400v300h400v400h300v-400h400v-300z" /> | |||||
<glyph unicode=" " /> | |||||
<glyph unicode=" " horiz-adv-x="652" /> | |||||
<glyph unicode=" " horiz-adv-x="1304" /> | |||||
<glyph unicode=" " horiz-adv-x="652" /> | |||||
<glyph unicode=" " horiz-adv-x="1304" /> | |||||
<glyph unicode=" " horiz-adv-x="434" /> | |||||
<glyph unicode=" " horiz-adv-x="326" /> | |||||
<glyph unicode=" " horiz-adv-x="217" /> | |||||
<glyph unicode=" " horiz-adv-x="217" /> | |||||
<glyph unicode=" " horiz-adv-x="163" /> | |||||
<glyph unicode=" " horiz-adv-x="260" /> | |||||
<glyph unicode=" " horiz-adv-x="72" /> | |||||
<glyph unicode=" " horiz-adv-x="260" /> | |||||
<glyph unicode=" " horiz-adv-x="326" /> | |||||
<glyph unicode="€" d="M800 500h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257 q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406z" /> | |||||
<glyph unicode="−" d="M1100 700h-900v-300h900v300z" /> | |||||
<glyph unicode="☁" d="M178 300h750q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57z" /> | |||||
<glyph unicode="✉" d="M1200 1100h-1200l600 -603zM300 600l-300 -300v600zM1200 900v-600l-300 300zM800 500l400 -400h-1200l400 400l200 -200z" /> | |||||
<glyph unicode="✏" d="M1101 889l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13l-94 -97zM401 189l614 614l-214 214l-614 -614zM-13 -13l333 112l-223 223z" /> | |||||
<glyph unicode="" horiz-adv-x="500" d="M0 0z" /> | |||||
<glyph unicode="" d="M700 100h300v-100h-800v100h300v550l-500 550h1200l-500 -550v-550z" /> | |||||
<glyph unicode="" d="M1000 934v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q17 -55 85.5 -75.5t147.5 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7q-79 -25 -122.5 -82t-25.5 -112t86 -75.5t147 5.5 q65 21 109 69t44 90v606z" /> | |||||
<glyph unicode="" d="M913 432l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -142 -78 -261zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" /> | |||||
<glyph unicode="" d="M649 949q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5t-94 124.5t-33.5 117.5q0 64 28 123t73 100.5t104.5 64t119 20.5 t120 -38.5t104.5 -104.5z" /> | |||||
<glyph unicode="" d="M791 522l145 -449l-384 275l-382 -275l146 447l-388 280h479l146 400h2l146 -400h472zM168 71l2 1z" /> | |||||
<glyph unicode="" d="M791 522l145 -449l-384 275l-382 -275l146 447l-388 280h479l146 400h2l146 -400h472zM747 331l-74 229l193 140h-235l-77 211l-78 -211h-239l196 -142l-73 -226l192 140zM168 71l2 1z" /> | |||||
<glyph unicode="" d="M1200 143v-143h-1200v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100z" /> | |||||
<glyph unicode="" d="M1200 1100v-1100h-1200v1100h1200zM200 1000h-100v-100h100v100zM900 1000h-600v-400h600v400zM1100 1000h-100v-100h100v100zM200 800h-100v-100h100v100zM1100 800h-100v-100h100v100zM200 600h-100v-100h100v100zM1100 600h-100v-100h100v100zM900 500h-600v-400h600 v400zM200 400h-100v-100h100v100zM1100 400h-100v-100h100v100zM200 200h-100v-100h100v100zM1100 200h-100v-100h100v100z" /> | |||||
<glyph unicode="" d="M500 1050v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5zM1100 1050v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400 q21 0 35.5 -14.5t14.5 -35.5zM500 450v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5zM1100 450v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5z" /> | |||||
<glyph unicode="" d="M300 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5zM1100 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM300 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1100 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM300 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM700 250v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1100 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5 t14.5 -35.5z" /> | |||||
<glyph unicode="" d="M300 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1200 1050v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h700 q21 0 35.5 -14.5t14.5 -35.5zM300 450v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-200q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM1200 650v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5zM300 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5zM1200 250v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5z" /> | |||||
<glyph unicode="" d="M448 34l818 820l-212 212l-607 -607l-206 207l-212 -212z" /> | |||||
<glyph unicode="" d="M882 106l-282 282l-282 -282l-212 212l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282z" /> | |||||
<glyph unicode="" d="M913 432l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -142 -78 -261zM507 363q137 0 233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5t-234 -97t-97 -233 t97 -233t234 -97zM600 800h100v-200h-100v-100h-200v100h-100v200h100v100h200v-100z" /> | |||||
<glyph unicode="" d="M913 432l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 299q-120 -77 -261 -77q-200 0 -342 142t-142 342t142 342t342 142t342 -142t142 -342q0 -141 -78 -262zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 801v-200h400v200h-400z" /> | |||||
<glyph unicode="" d="M700 750v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5zM800 975v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123 t-123 184t-45.5 224.5q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155z" /> | |||||
<glyph unicode="" d="M1200 1h-200v1200h200v-1200zM900 1h-200v800h200v-800zM600 1h-200v500h200v-500zM300 301h-200v-300h200v300z" /> | |||||
<glyph unicode="" d="M488 183l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5 q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39zM600 815q89 0 152 -63 t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152q0 88 63 151t152 63z" /> | |||||
<glyph unicode="" d="M900 1100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100zM800 1100v100h-300v-100h300zM200 900h900v-800q0 -41 -29.5 -71 t-70.5 -30h-700q-41 0 -70.5 30t-29.5 71v800zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" /> | |||||
<glyph unicode="" d="M1301 601h-200v-600h-300v400h-300v-400h-300v600h-200l656 644z" /> | |||||
<glyph unicode="" d="M600 700h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18v1150q0 11 7 18t18 7h475v-500zM1000 800h-300v300z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM600 600h200 v-100h-300v400h100v-300z" /> | |||||
<glyph unicode="" d="M721 400h-242l-40 -400h-539l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538zM712 500l-27 300h-170l-27 -300h224z" /> | |||||
<glyph unicode="" d="M1100 400v-400h-1100v400h490l-290 300h200v500h300v-500h200l-290 -300h490zM988 300h-175v-100h175v100z" /> | |||||
<glyph unicode="" d="M600 1199q122 0 233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233t47.5 233t127.5 191t191 127.5t233 47.5zM600 1012q-170 0 -291 -121t-121 -291t121 -291t291 -121t291 121 t121 291t-121 291t-291 121zM700 600h150l-250 -300l-250 300h150v300h200v-300z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM850 600h-150 v-300h-200v300h-150l250 300z" /> | |||||
<glyph unicode="" d="M0 500l200 700h800q199 -700 200 -700v-475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18v475zM903 1000h-606l-97 -500h200l50 -200h300l50 200h200z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5zM797 598 l-297 -201v401z" /> | |||||
<glyph unicode="" d="M1177 600h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123t-123 -184t-45.5 -224.5t45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123 t123 184t45.5 224.5z" /> | |||||
<glyph unicode="" d="M700 800l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400zM500 400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122l-145 -145v400h400z" /> | |||||
<glyph unicode="" d="M100 1200v-1200h1100v1200h-1100zM1100 100h-900v900h900v-900zM400 800h-100v100h100v-100zM1000 800h-500v100h500v-100zM400 600h-100v100h100v-100zM1000 600h-500v100h500v-100zM400 400h-100v100h100v-100zM1000 400h-500v100h500v-100zM400 200h-100v100h100v-100 zM1000 300h-500v-100h500v100z" /> | |||||
<glyph unicode="" d="M200 0h-100v1100h100v-1100zM1100 600v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5z" /> | |||||
<glyph unicode="" d="M1200 275v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5t-49.5 -227v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50 q11 0 18 7t7 18zM400 480v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14zM1000 480v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14z" /> | |||||
<glyph unicode="" d="M0 800v-400h300l300 -200v800l-300 -200h-300zM971 600l141 -141l-71 -71l-141 141l-141 -141l-71 71l141 141l-141 141l71 71l141 -141l141 141l71 -71z" /> | |||||
<glyph unicode="" d="M0 800v-400h300l300 -200v800l-300 -200h-300zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" /> | |||||
<glyph unicode="" d="M974 186l6 8q142 178 142 405q0 230 -144 408l-6 8l-83 -64l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8zM300 801l300 200v-800l-300 200h-300v400h300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257z" /> | |||||
<glyph unicode="" d="M100 700h400v100h100v100h-100v300h-500v-600h100v100zM1200 700v500h-600v-200h100v-300h200v-300h300v200h-200v100h200zM100 1100h300v-300h-300v300zM800 800v300h300v-300h-300zM200 900h100v100h-100v-100zM900 1000h100v-100h-100v100zM300 600h-100v-100h-200 v-500h500v500h-200v100zM900 200v-100h-200v100h-100v100h100v200h-200v100h300v-300h200v-100h-100zM400 400v-300h-300v300h300zM300 200h-100v100h100v-100zM1100 300h100v-100h-100v100zM600 100h100v-100h-100v100zM1200 100v-100h-300v100h300z" /> | |||||
<glyph unicode="" d="M100 1200h-100v-1000h100v1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 1200v-1000h-200v1000h200zM400 100v-100h-300v100h300zM500 91h100v-91h-100v91zM700 91h100v-91h-100v91zM1100 91v-91h-200v91h200z " /> | |||||
<glyph unicode="" d="M1200 500l-500 -500l-699 700v475q0 10 7.5 17.5t17.5 7.5h474zM320 882q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71t29 -71q30 -30 71.5 -30t71.5 30z" /> | |||||
<glyph unicode="" d="M1201 500l-500 -500l-699 700v475q0 11 7 18t18 7h474zM1501 500l-500 -500l-50 50l450 450l-700 700h100zM320 882q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71t30 -71q29 -30 71 -30t71 30z" /> | |||||
<glyph unicode="" d="M1200 1200v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900v1025l175 175h925z" /> | |||||
<glyph unicode="" d="M947 829l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18l-94 -346l40 -124h592zM1200 800v-700h-200v200h-800v-200h-200v700h200l100 -200h600l100 200h200zM881 176l38 -152q2 -10 -3.5 -17t-15.5 -7h-600q-10 0 -15.5 7t-3.5 17l38 152q2 10 11.5 17t19.5 7 h500q10 0 19.5 -7t11.5 -17z" /> | |||||
<glyph unicode="" d="M1200 0v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417zM416 521l178 457l46 -140l116 -317 h-340z" /> | |||||
<glyph unicode="" d="M100 1199h471q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111t-162 -38.5h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21 t-29 14t-49 14.5v70zM400 1079v-379h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400z" /> | |||||
<glyph unicode="" d="M877 1200l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425z" /> | |||||
<glyph unicode="" d="M1150 1200h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49v300h150h700zM100 1000v-800h75l-125 -167l-125 167h75v800h-75l125 167 l125 -167h-75z" /> | |||||
<glyph unicode="" d="M950 1201h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50v300h150h700zM200 101h800v75l167 -125l-167 -125v75h-800v-75l-167 125l167 125 v-75z" /> | |||||
<glyph unicode="" d="M700 950v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35zM1100 650v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h1000 q21 0 35.5 15t14.5 35zM900 350v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35zM1200 50v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35 t35.5 -15h1100q21 0 35.5 15t14.5 35z" /> | |||||
<glyph unicode="" d="M1000 950v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35zM1200 650v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h1100 q21 0 35.5 15t14.5 35zM1000 350v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35zM1200 50v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35 t35.5 -15h1100q21 0 35.5 15t14.5 35z" /> | |||||
<glyph unicode="" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" /> | |||||
<glyph unicode="" d="M0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" /> | |||||
<glyph unicode="" d="M0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35zM0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" /> | |||||
<glyph unicode="" d="M400 1100h-100v-1100h100v1100zM700 950v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35zM1100 650v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15 h500q20 0 35 15t15 35zM100 425v75h-201v100h201v75l166 -125zM900 350v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35zM1200 50v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5 v-100q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35z" /> | |||||
<glyph unicode="" d="M201 950v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35zM801 1100h100v-1100h-100v1100zM601 650v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15 h500q20 0 35 15t15 35zM1101 425v75h200v100h-200v75l-167 -125zM401 350v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35zM701 50v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5 v-100q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35z" /> | |||||
<glyph unicode="" d="M900 925v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53zM1200 300l-300 300l300 300v-600z" /> | |||||
<glyph unicode="" d="M1200 1056v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31zM1100 1000h-1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500zM476 750q0 -56 -39 -95t-95 -39t-95 39t-39 95t39 95t95 39t95 -39 t39 -95z" /> | |||||
<glyph unicode="" d="M600 1213q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262q0 124 60.5 231.5t165 172t226.5 64.5zM599 514q107 0 182.5 75.5t75.5 182.5t-75.5 182 t-182.5 75t-182 -75.5t-75 -181.5q0 -107 75.5 -182.5t181.5 -75.5z" /> | |||||
<glyph unicode="" d="M600 1199q122 0 233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233t47.5 233t127.5 191t191 127.5t233 47.5zM600 173v854q-176 0 -301.5 -125t-125.5 -302t125.5 -302t301.5 -125z " /> | |||||
<glyph unicode="" d="M554 1295q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 138.5t-64 210.5q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5zM455 296q-7 6 -18 17 t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156q14 -82 59.5 -136t136.5 -80z" /> | |||||
<glyph unicode="" d="M1108 902l113 113l-21 85l-92 28l-113 -113zM1100 625v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125zM436 341l161 50l412 412l-114 113l-405 -405z" /> | |||||
<glyph unicode="" d="M1100 453v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5z M813 431l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209z" /> | |||||
<glyph unicode="" d="M1100 569v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5h300q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69z M625 348l566 567l-136 137l-430 -431l-147 147l-136 -136z" /> | |||||
<glyph unicode="" d="M900 303v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198l-300 300l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296z" /> | |||||
<glyph unicode="" d="M900 0l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100z" /> | |||||
<glyph unicode="" d="M1200 0l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100z" /> | |||||
<glyph unicode="" d="M1200 0l-500 488v-488l-564 550l564 550v-487l500 487v-1100z" /> | |||||
<glyph unicode="" d="M1100 550l-900 550v-1100z" /> | |||||
<glyph unicode="" d="M500 150v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM900 150v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -21 14.5 -35.5t35.5 -14.5h200 q21 0 35.5 14.5t14.5 35.5z" /> | |||||
<glyph unicode="" d="M1100 150v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35z" /> | |||||
<glyph unicode="" d="M500 0v488l-500 -488v1100l500 -487v487l564 -550z" /> | |||||
<glyph unicode="" d="M1050 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488l-500 -488v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5z" /> | |||||
<glyph unicode="" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5z" /> | |||||
<glyph unicode="" d="M650 1064l-550 -564h1100zM1200 350v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" /> | |||||
<glyph unicode="" d="M777 7l240 240l-353 353l353 353l-240 240l-592 -594z" /> | |||||
<glyph unicode="" d="M513 -46l-241 240l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 900v-200h-200v-200h200v-200h200v200h200v200h-200v200h-200z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM300 700v-200h600v200h-600z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM247 741l141 -141l-142 -141l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141 l-141 142z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM546 623l-102 102l-174 -174l276 -277l411 411l-175 174z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 500h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3 q-105 0 -172 -56t-67 -183h144q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5q19 0 30 -10t11 -26q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5zM500 400v-100h200v100h-200z" /> | |||||
<glyph unicode="" d="M600 1197q162 0 299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5t80 299.5t217.5 217.5t299.5 80zM500 900v-100h200v100h-200zM400 700v-100h100v-200h-100v-100h400v100h-100v300h-300z" /> | |||||
<glyph unicode="" d="M1200 700v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194v200h194q15 60 36 104.5t55.5 86t88 69t126.5 40.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203zM700 500v-206q149 48 201 206h-201v200h200 q-25 74 -76 127.5t-124 76.5v-204h-200v203q-75 -24 -130 -77.5t-79 -125.5h209v-200h-210q24 -73 79.5 -127.5t130.5 -78.5v206h200z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM844 735 l-135 -135l135 -135l-109 -109l-135 135l-135 -135l-109 109l135 135l-135 135l109 109l135 -135l135 135z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM896 654 l-346 -345l-228 228l141 141l87 -87l204 205z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM248 385l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5q0 -115 62 -215zM955 809l-564 -564q97 -59 209 -59q171 0 292.5 121.5 t121.5 292.5q0 112 -59 209z" /> | |||||
<glyph unicode="" d="M1200 400h-600v-301l-600 448l600 453v-300h600v-300z" /> | |||||
<glyph unicode="" d="M600 400h-600v300h600v300l600 -453l-600 -448v301z" /> | |||||
<glyph unicode="" d="M1098 600h-298v-600h-300v600h-296l450 600z" /> | |||||
<glyph unicode="" d="M998 600l-449 -600l-445 600h296v600h300v-600h298z" /> | |||||
<glyph unicode="" d="M600 199v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453z" /> | |||||
<glyph unicode="" d="M1200 1200h-400l129 -129l-294 -294l142 -142l294 294l129 -129v400zM565 423l-294 -294l129 -129h-400v400l129 -129l294 294z" /> | |||||
<glyph unicode="" d="M871 730l129 -130h-400v400l129 -129l295 295l142 -141zM200 600h400v-400l-129 130l-295 -295l-142 141l295 295z" /> | |||||
<glyph unicode="" d="M600 1177q118 0 224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5t45.5 224.5t123 184t184 123t224.5 45.5zM686 549l58 302q4 20 -8 34.5t-33 14.5h-207q-20 0 -32 -14.5t-8 -34.5 l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5zM700 400h-200v-100h200v100z" /> | |||||
<glyph unicode="" d="M1200 900h-111v6t-1 15t-3 18l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6h-111v-100h100v-200h400v300h200v-300h400v200h100v100z M731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269zM481 900h-281q-3 0 14 48t35 96l18 47zM100 0h400v400h-400v-400zM700 400h400v-400h-400v400z" /> | |||||
<glyph unicode="" d="M0 121l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55l-201 -202 v143zM692 611q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5t86.5 76.5q55 66 367 234z" /> | |||||
<glyph unicode="" d="M1261 600l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30l-26 40l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5 t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30zM600 240q64 0 123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212 q0 85 46 158q-102 -87 -226 -258q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5zM484 762l-107 -106q49 -124 154 -191l105 105q-37 24 -75 72t-57 84z" /> | |||||
<glyph unicode="" d="M906 1200l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43l-26 40l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148zM1261 600l-26 -40q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5 t-124 -100t-146.5 -79l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52zM513 264l37 141q-107 18 -178.5 101.5t-71.5 193.5q0 85 46 158q-102 -87 -226 -258q210 -282 393 -336z M484 762l-107 -106q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68z" /> | |||||
<glyph unicode="" d="M-47 0h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 33 -48 36t-48 -29l-642 -1066q-21 -32 -7.5 -66t50.5 -34zM700 200v100h-200v-100h-345l445 723l445 -723h-345zM700 700h-200v-100l100 -300l100 300v100z" /> | |||||
<glyph unicode="" d="M800 711l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -21 -13 -29t-32 1l-94 78h-222l-94 -78q-19 -9 -32 -1t-13 29v64q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41q0 20 11 44.5t26 38.5 l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339z" /> | |||||
<glyph unicode="" d="M941 800l-600 -600h-341v200h259l600 600h241v198l300 -295l-300 -300v197h-159zM381 678l141 142l-181 180h-341v-200h259zM1100 598l300 -295l-300 -300v197h-241l-181 181l141 142l122 -123h159v198z" /> | |||||
<glyph unicode="" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" /> | |||||
<glyph unicode="" d="M400 900h-300v300h300v-300zM1100 900h-300v300h300v-300zM1100 800v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5t-58 109.5t-31.5 116t-15 104t-3 83v200h300v-250q0 -113 6 -145 q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300z" /> | |||||
<glyph unicode="" d="M902 184l226 227l-578 579l-580 -579l227 -227l352 353z" /> | |||||
<glyph unicode="" d="M650 218l578 579l-226 227l-353 -353l-352 353l-227 -227z" /> | |||||
<glyph unicode="" d="M1198 400v600h-796l215 -200h381v-400h-198l299 -283l299 283h-200zM-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196z" /> | |||||
<glyph unicode="" d="M1050 1200h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35 q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43l-100 475q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5z" /> | |||||
<glyph unicode="" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" /> | |||||
<glyph unicode="" d="M201 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000zM1501 700l-300 -700h-1200l300 700h1200z" /> | |||||
<glyph unicode="" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" /> | |||||
<glyph unicode="" d="M900 303v197h-600v-197l-300 297l300 298v-198h600v198l300 -298z" /> | |||||
<glyph unicode="" d="M31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM100 300h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM900 200h-100v-100h100v100z M1100 200h-100v-100h100v100z" /> | |||||
<glyph unicode="" d="M1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35zM325 800l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35q-56 337 -56 351v250v5 q0 13 0.5 18.5t2.5 13t8 10.5t15 3h200zM-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5z" /> | |||||
<glyph unicode="" d="M445 1180l-45 -233l-224 78l78 -225l-233 -44l179 -156l-179 -155l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180z" /> | |||||
<glyph unicode="" d="M700 1200h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400q0 -75 100 -75h61q123 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5zM700 925l-50 -225h450 v-125l-250 -375h-214l-136 100h-100v375l150 212l100 213h50v-175zM0 800v-600h200v600h-200z" /> | |||||
<glyph unicode="" d="M700 0h-50q-27 0 -51 20t-38 48l-96 198l-145 196q-20 26 -20 63v400q0 75 100 75h61q123 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5zM200 400h-200v600h200 v-600zM700 275l-50 225h450v125l-250 375h-214l-136 -100h-100v-375l150 -212l100 -213h50v175z" /> | |||||
<glyph unicode="" d="M364 873l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM408 792v-503 l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83zM208 200h-200v600h200v-600z" /> | |||||
<glyph unicode="" d="M475 1104l365 -230q7 -4 16.5 -10.5t26 -26t16.5 -36.5v-526q0 -13 -85.5 -93.5t-93.5 -80.5h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-84 0 -139 39t-55 111t54 110t139 37h302l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6zM370 946 l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100h222q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l106 89v502l-342 237zM1199 201h-200v600h200v-600z" /> | |||||
<glyph unicode="" d="M1100 473v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90zM911 400h-503l-236 339 l83 86l183 -146q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6v7.5v7v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294zM1000 200v-200h-600v200h600z" /> | |||||
<glyph unicode="" d="M305 1104v200h600v-200h-600zM605 310l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15l-230 -362q-15 -31 7 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85l-1 -302q0 -84 38.5 -138t110.5 -54t111 55t39 139v106z M905 804v-294l-340 -130q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146l-83 86l237 339h503z" /> | |||||
<glyph unicode="" d="M603 1195q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM598 701h-298v-201h300l-2 -194l402 294l-402 298v-197z" /> | |||||
<glyph unicode="" d="M597 1195q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5zM200 600l400 -294v194h302v201h-300v197z" /> | |||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM300 600h200v-300h200v300h200l-300 400z" /> | |||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM500 900v-300h-200l300 -400l300 400h-200v300h-200z" /> | |||||
<glyph unicode="" d="M603 1195q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5zM627 1101q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6 q-15 -3 -45.5 0.5t-45.5 -2.5q-21 -7 -52 -26.5t-34 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -90.5t-29.5 -79.5q-8 -33 5.5 -92.5t7.5 -87.5q0 -9 17 -44t16 -60q12 0 23 -5.5t23 -15t20 -13.5q24 -12 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55 t-20 -57q42 -71 87 -80q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q102 -2 221 112q30 29 47 47t34.5 49t20.5 62q-14 9 -37 9.5t-36 7.5q-14 7 -49 15t-52 19q-9 0 -39.5 -0.5t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7 q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5t5.5 57.5q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5 t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 41 1 44q31 -13 58.5 -14.5t39.5 3.5l11 4q6 36 -17 53.5t-64 28.5t-56 23q-19 -3 -37 0zM613 994q0 -18 8 -42.5t16.5 -44t9.5 -23.5q-9 2 -31 5t-36 5t-32 8t-30 14q3 12 16 30t16 25q10 -10 18.5 -10 t14 6t14.5 14.5t16 12.5z" /> | |||||
<glyph unicode="" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 296h-300v-100h300v100z " /> | |||||
<glyph unicode="" d="M1100 1200v-100h-1000v100h1000zM150 1000h900l-350 -500v-300l-200 -200v500z" /> | |||||
<glyph unicode="" d="M329 729l142 142l-200 200l129 129h-400v-400l129 129zM1200 1200v-400l-129 129l-200 -200l-142 142l200 200l-129 129h400zM271 129l129 -129h-400v400l129 -129l200 200l142 -142zM1071 271l129 129v-400h-400l129 129l-200 200l142 142z" /> | |||||
<glyph unicode="" d="M596 1192q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM596 1010q-171 0 -292.5 -121.5t-121.5 -292.5q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5zM455 905 q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5t16 38.5t39 16.5zM708 821l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-14 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5 q0 32 20.5 56.5t51.5 29.5zM855 709q23 0 38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39q0 22 16 38t39 16zM345 709q23 0 39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39t15.5 38.5t38.5 15.5z" /> | |||||
<glyph unicode="" d="M649 54l-16 22q-90 125 -293 323q-71 70 -104.5 105.5t-77 89.5t-61 99t-17.5 91q0 131 98.5 229.5t230.5 98.5q143 0 241 -129q103 129 246 129q129 0 226 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-203 -198 -293 -323zM844 524l12 12 q64 62 97.5 97t64.5 79t31 72q0 71 -48 119t-105 48q-74 0 -132 -82l-118 -171l-114 174q-51 79 -123 79q-60 0 -109.5 -49t-49.5 -118q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203z" /> | |||||
<glyph unicode="" d="M476 406l19 -17l105 105l-212 212l389 389l247 -247l-95 -96l18 -18q46 -46 77 -99l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159q0 -93 66 -159zM123 193l141 -141q66 -66 159 -66q95 0 159 66 l283 283q66 66 66 159t-66 159l-141 141q-12 12 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159q0 -94 66 -160z" /> | |||||
<glyph unicode="" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM900 1000h-600v-700h600v700zM600 46q43 0 73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5t-73.5 -30.5t-30.5 -73.5 t30.5 -73.5t73.5 -30.5z" /> | |||||
<glyph unicode="" d="M700 1029v-307l64 -14q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5h139q5 -77 48.5 -126.5t117.5 -64.5v335l-27 7q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5 t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5zM600 755v274q-61 -8 -97.5 -37.5t-36.5 -102.5q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3zM700 548 v-311q170 18 170 151q0 64 -44 99.5t-126 60.5z" /> | |||||
<glyph unicode="" d="M866 300l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5t-30 142.5h-221v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5 t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -11 2.5 -24.5t5.5 -24t9.5 -26.5t10.5 -25t14 -27.5t14 -25.5t15.5 -27t13.5 -24h242v-100h-197q8 -50 -2.5 -115t-31.5 -94 q-41 -59 -99 -113q35 11 84 18t70 7q32 1 102 -16t104 -17q76 0 136 30z" /> | |||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1200l298 -300h-198v-900h-200v900h-198z" /> | |||||
<glyph unicode="" d="M400 300h198l-298 -300l-298 300h198v900h200v-900zM1000 1200v-500h-100v100h-100v-100h-100v500h300zM901 1100h-100v-200h100v200zM700 500h300v-200h-99v-100h-100v100h99v100h-200v100zM800 100h200v-100h-300v200h100v-100z" /> | |||||
<glyph unicode="" d="M400 300h198l-298 -300l-298 300h198v900h200v-900zM1000 1200v-200h-99v-100h-100v100h99v100h-200v100h300zM800 800h200v-100h-300v200h100v-100zM700 500h300v-500h-100v100h-100v-100h-100v500zM801 200h100v200h-100v-200z" /> | |||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1100h-100v100h200v-500h-100v400zM1100 500v-500h-100v100h-200v400h300zM1001 400h-100v-200h100v200z" /> | |||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM1100 1200v-500h-100v100h-200v400h300zM1001 1100h-100v-200h100v200zM900 400h-100v100h200v-500h-100v400z" /> | |||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" /> | |||||
<glyph unicode="" d="M300 0l298 300h-198v900h-200v-900h-198zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" /> | |||||
<glyph unicode="" d="M400 1100h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5v300q0 165 117.5 282.5t282.5 117.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5 t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5z" /> | |||||
<glyph unicode="" d="M700 0h-300q-163 0 -281.5 117.5t-118.5 282.5v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5 t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5zM400 800v-500l333 250z" /> | |||||
<glyph unicode="" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM900 300v500q0 41 -29.5 70.5t-70.5 29.5h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5zM800 700h-500l250 -333z" /> | |||||
<glyph unicode="" d="M1100 700v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5zM900 300v500q0 41 -29.5 70.5t-70.5 29.5h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5 t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5zM550 733l-250 -333h500z" /> | |||||
<glyph unicode="" d="M500 1100h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200zM700 550l-400 -350v200h-300v300h300v200z" /> | |||||
<glyph unicode="" d="M403 2l9 -1q13 0 26 16l538 630q15 19 6 36q-8 18 -32 16h-300q1 4 78 219.5t79 227.5q2 17 -6 27l-8 8h-9q-16 0 -25 -15q-4 -5 -98.5 -111.5t-228 -257t-209.5 -238.5q-17 -19 -7 -40q10 -19 32 -19h302q-155 -438 -160 -458q-5 -21 4 -32z" /> | |||||
<glyph unicode="" d="M800 200h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185zM900 200v200h-300v300h300v200l400 -350z" /> | |||||
<glyph unicode="" d="M1200 700l-149 149l-342 -353l-213 213l353 342l-149 149h500v-500zM1022 571l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5v-300 q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM600 794 q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" /> | |||||
<glyph unicode="" d="M700 800v400h-300v-400h-300l445 -500l450 500h-295zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" /> | |||||
<glyph unicode="" d="M400 700v-300h300v300h295l-445 500l-450 -500h300zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" /> | |||||
<glyph unicode="" d="M405 400l596 596l-154 155l-442 -442l-150 151l-155 -155zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" /> | |||||
<glyph unicode="" d="M409 1103l-97 97l-212 -212l97 -98zM650 861l-149 149l-212 -212l149 -149l-238 -248h700v699zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" /> | |||||
<glyph unicode="" d="M539 950l-149 -149l212 -212l149 148l248 -237v700h-699zM297 709l-97 -97l212 -212l98 97zM25 300h1048q11 0 19 -7.5t8 -17.5v-275h-1100v275q0 11 7 18t18 7zM1000 200h-100v-50h100v50z" /> | |||||
<glyph unicode="" d="M1200 1199v-1079l-475 272l-310 -393v416h-392zM1166 1148l-672 -712v-226z" /> | |||||
<glyph unicode="" d="M1100 1000v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1200h-100v-200h100v200z" /> | |||||
<glyph unicode="" d="M578 500h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120zM700 1200h-100v-200h100v200zM1300 538l-475 -476l-244 244l123 123l120 -120l353 352z" /> | |||||
<glyph unicode="" d="M529 500h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170zM700 1200h-100v-200h100v200zM1167 6l-170 170l-170 -170l-127 127l170 170l-170 170l127 127l170 -170l170 170l127 -128 l-170 -169l170 -170z" /> | |||||
<glyph unicode="" d="M700 500h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200zM700 1000h-100v200h100v-200zM1000 600h-200v-300h-200l300 -300l300 300h-200v300z" /> | |||||
<glyph unicode="" d="M602 500h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200zM700 1000h-100v200h100v-200zM1000 300h200l-300 300l-300 -300h200v-300h200v300z" /> | |||||
<glyph unicode="" d="M1200 900v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h1200zM0 800v-550q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200zM100 500h400v-200h-400v200z" /> | |||||
<glyph unicode="" d="M500 1000h400v198l300 -298l-300 -298v198h-400v200zM100 800v200h100v-200h-100zM400 800h-100v200h100v-200zM700 300h-400v-198l-300 298l300 298v-198h400v-200zM800 500h100v-200h-100v200zM1000 500v-200h100v200h-100z" /> | |||||
<glyph unicode="" d="M1200 50v1106q0 31 -18 40.5t-44 -7.5l-276 -117q-25 -16 -43.5 -50.5t-18.5 -65.5v-359q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5zM550 1200l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447l-100 203v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300z" /> | |||||
<glyph unicode="" d="M1100 106v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394 q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5z" /> | |||||
<glyph unicode="" d="M675 1000l-100 100h-375l-100 -100h400l200 -200v-98l295 98h105v200h-425zM500 300v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5zM100 800h300v-200h-300v200zM700 565l400 133 v-163l-400 -133v163zM100 500h300v-200h-300v200zM805 300l295 98v-298h-425l-100 -100h-375l-100 100h400l200 200h105z" /> | |||||
<glyph unicode="" d="M179 1169l-162 -162q-1 -11 -0.5 -32.5t16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q16 17 13 40.5t-22 37.5l-192 136q-19 14 -45 12t-42 -19l-119 -118q-143 103 -267 227q-126 126 -227 268l118 118 q17 17 20 41.5t-11 44.5l-139 194q-14 19 -36.5 22t-40.5 -14z" /> | |||||
<glyph unicode="" d="M1200 712v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40t-53.5 -36.5t-31 -27.5l-9 -10v-200q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38 t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5zM800 650l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -15 -35.5t-35 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5 t30 -27.5t12 -24l1 -10v-50z" /> | |||||
<glyph unicode="" d="M175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250zM1200 100v-100h-1100v100h1100z" /> | |||||
<glyph unicode="" d="M600 1100h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300v1000q0 41 29.5 70.5t70.5 29.5zM1000 800h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300v700q0 41 29.5 70.5t70.5 29.5zM400 0v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400h300z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-300h200v-100h-200v-100h300v300h-200v100h200v100h-300zM800 800h-200v-500h200v100h100v300h-100 v100zM800 700v-300h-100v300h100z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM400 600h-100v200h-100v-500h100v200h100v-200h100v500h-100v-200zM800 800h-200v-500h200v100h100v300h-100 v100zM800 700v-300h-100v300h100z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-500h300v100h-200v300h200v100h-300zM600 800v-500h300v100h-200v300h200v100h-300z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM500 700l-300 -150l300 -150v300zM600 400l300 150l-300 150v-300z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM900 800v-500h-700v500h700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM800 700h-130 q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM200 800v-300h200v-100h-200v-100h300v300h-200v100h200v100h-300zM800 300h100v500h-200v-100h100v-400z M601 300h100v100h-100v-100z" /> | |||||
<glyph unicode="" d="M1200 800v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212zM1000 900h-900v-700h900v700zM300 700v100h-100v-500h300v400h-200zM800 300h100v500h-200v-100h100v-400zM401 400h-100v200h100v-200z M601 300h100v100h-100v-100z" /> | |||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM1000 900h-900v-700h900v700zM400 700h-200v100h300v-300h-99v-100h-100v100h99v200zM800 700h-100v100h200v-500h-100v400zM201 400h100v-100 h-100v100zM701 300h-100v100h100v-100z" /> | |||||
<glyph unicode="" d="M600 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM600 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM800 700h-300 v-200h300v-100h-300l-100 100v200l100 100h300v-100z" /> | |||||
<glyph unicode="" d="M596 1196q162 0 299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299t80 299t217 217t299 80zM596 1014q-171 0 -292.5 -121.5t-121.5 -292.5t121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5zM800 700v-100 h-100v100h-200v-100h200v-100h-200v-100h-100v400h300zM800 400h-100v100h100v-100z" /> | |||||
<glyph unicode="" d="M800 300h128q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57h222v300h400v-300zM700 200h200l-300 -300 l-300 300h200v300h200v-300z" /> | |||||
<glyph unicode="" d="M600 714l403 -403q94 26 154.5 104t60.5 178q0 121 -85 207.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5q0 -80 56.5 -137t135.5 -57h8zM700 -100h-200v300h-200l300 300 l300 -300h-200v-300z" /> | |||||
<glyph unicode="" d="M700 200h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-155l-75 -45h350l-75 45v155z" /> | |||||
<glyph unicode="" d="M700 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -12t1 -11q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5 q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350z" /> | |||||
<glyph unicode="💼" d="M800 1000h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100zM500 1000h200v100h-200v-100zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" /> | |||||
<glyph unicode="📅" d="M1100 900v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150h1100zM0 800v-750q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100zM100 600h100v-100h-100v100zM300 600h100v-100h-100v100z M500 600h100v-100h-100v100zM700 600h100v-100h-100v100zM900 600h100v-100h-100v100zM100 400h100v-100h-100v100zM300 400h100v-100h-100v100zM500 400h100v-100h-100v100zM700 400h100v-100h-100v100zM900 400h100v-100h-100v100zM100 200h100v-100h-100v100zM300 200 h100v-100h-100v100zM500 200h100v-100h-100v100zM700 200h100v-100h-100v100zM900 200h100v-100h-100v100z" /> | |||||
<glyph unicode="📌" d="M902 1185l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207l-380 -303l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15z" /> | |||||
<glyph unicode="📎" d="M518 119l69 -60l517 511q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163t35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84 t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -79.5 -17t-67.5 -51l-388 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23q38 0 53 -36q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348 q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256z" /> | |||||
<glyph unicode="📷" d="M1200 200v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5z M1000 700h-100v100h100v-100zM844 500q0 -100 -72 -172t-172 -72t-172 72t-72 172t72 172t172 72t172 -72t72 -172zM706 500q0 44 -31 75t-75 31t-75 -31t-31 -75t31 -75t75 -31t75 31t31 75z" /> | |||||
<glyph unicode="🔒" d="M900 800h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" /> | |||||
<glyph unicode="🔔" d="M1062 400h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-22 -9 -63 -23t-167.5 -37t-251.5 -23t-245.5 20.5t-178.5 41.5l-58 20q-18 7 -31 27.5t-13 40.5q0 21 13.5 35.5t33.5 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94 q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327zM600 104q-54 0 -103 6q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6z" /> | |||||
<glyph unicode="🔖" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" /> | |||||
<glyph unicode="🔥" d="M400 755q2 -12 8 -41.5t8 -43t6 -39.5t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85t5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5 q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129 q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5z" /> | |||||
<glyph unicode="🔧" d="M948 778l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138z" /> | |||||
</font> | |||||
</defs></svg> |
@@ -0,0 +1,34 @@ | |||||
$(".cc-num").keyup(function() { | |||||
if (this.value.length == this.maxLength) { | |||||
var $next = $(this).next('.cc-num'); | |||||
if ($next.length) | |||||
$(this).next('.cc-num').focus(); | |||||
else | |||||
$(this).blur(); | |||||
} | |||||
}); | |||||
$('.cc-num').on("focusin", function() { | |||||
$('.cc-num').attr('type', 'password') | |||||
$(this).attr('type', 'text'); | |||||
$('.card-number').addClass('focused'); | |||||
}); | |||||
$('.cc-num').on("focusout", function() { | |||||
$('.card-number').removeClass('focused'); | |||||
}); | |||||
$('.dropdown').click(function() { | |||||
$(this).next('ul').stop().slideToggle(); | |||||
$(this).toggleClass('selected'); | |||||
}); | |||||
$('.card-number').on('keydown', '.cc-num', function(e) { | |||||
-1 !== $.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) || /65|67|86|88/.test(e.keyCode) && (!0 === e.ctrlKey || !0 === e.metaKey) || 35 <= e.keyCode && 40 >= e.keyCode || (e.shiftKey || 48 > e.keyCode || 57 < e.keyCode) && (96 > e.keyCode || 105 < e.keyCode) && e.preventDefault() | |||||
}); | |||||
$('.submit').hover(function(){ | |||||
$('.arrow').addClass('rotate'); | |||||
}, function(){ | |||||
$('.arrow').removeClass('rotate'); | |||||
}); | |||||
$('.part.bg').mousemove(function(e){ | |||||
var amountMovedX = (e.pageX * -1 / 30); | |||||
var amountMovedY = (e.pageY * -1 / 9); | |||||
$(this).css('background-position', amountMovedX + 'px ' + amountMovedY + 'px'); | |||||
}); |
@@ -0,0 +1,13 @@ | |||||
# editorconfig.org | |||||
root = true | |||||
[*] | |||||
indent_style = space | |||||
indent_size = 4 | |||||
end_of_line = lf | |||||
charset = utf-8 | |||||
trim_trailing_whitespace = true | |||||
insert_final_newline = true | |||||
[*.md] | |||||
trim_trailing_whitespace = false |
@@ -0,0 +1,2 @@ | |||||
/node_modules/ | |||||
.csscomb.json |
@@ -0,0 +1,5 @@ | |||||
{ | |||||
"printWidth": 100, | |||||
"singleQuote": true, | |||||
"trailingComma": "es5" | |||||
} |
@@ -0,0 +1,118 @@ | |||||
'use strict'; | |||||
module.exports = function (grunt){ | |||||
grunt.initConfig({ | |||||
pkg: grunt.file.readJSON('package.json'), | |||||
banner: '/*! <%= pkg.name %> <%= pkg.version %> - <%= pkg.license %> | <%= pkg.repository.url %> */\n', | |||||
export: { | |||||
src: "src/main.js", | |||||
dst: "dist/popupS.js" | |||||
}, | |||||
watch: { | |||||
scripts: { | |||||
files: ['src/**/*.*', 'css/popupS.css'], | |||||
tasks: ['default'], | |||||
options: { interrupt: true } | |||||
} | |||||
}, | |||||
uglify: { | |||||
options: { | |||||
banner: '<%= banner %>' | |||||
}, | |||||
dist: { | |||||
files: { | |||||
'dist/<%= pkg.name %>.min.js': ['dist/popupS.js'] | |||||
} | |||||
} | |||||
}, | |||||
cssmin: { | |||||
options: { | |||||
shorthandCompacting: false, | |||||
roundingPrecision: -1 | |||||
}, | |||||
target: { | |||||
files: { | |||||
'css/<%= pkg.name %>.min.css': ['css/popupS.css'] | |||||
} | |||||
} | |||||
}, | |||||
usebanner: { | |||||
taskName: { | |||||
options: { | |||||
position: 'top', | |||||
banner: '<%= banner %>', | |||||
linebreak: false | |||||
}, | |||||
files: { | |||||
src: [ | |||||
'css/popupS.min.css' | |||||
] | |||||
} | |||||
} | |||||
}, | |||||
clean: [ | |||||
'css/popupS.min.css' | |||||
] | |||||
}); | |||||
grunt.registerTask('export', 'Export js', function () { | |||||
function file(rel, name) { | |||||
return rel.split('/').slice(0, -1).concat(name).join('/') + '.js'; | |||||
} | |||||
function parse(src, pad) { | |||||
grunt.log.writeln((pad || '') + 'Parse file:', src); | |||||
if(src == 'src/main.js'){ | |||||
return grunt.file.read(src) | |||||
.replace(/require\('(.*?)'\);?/g, function (_, name) { | |||||
return parse(file(src, name), ' '); | |||||
}) | |||||
.replace(/\/+\s+&import\s+"(.*?)".*?\n/g, function (_, name) { | |||||
return parse(file(src, name), ' '); | |||||
}) | |||||
.trim() | |||||
; | |||||
} else { | |||||
return grunt.file.read(src) | |||||
.replace(/module\.exports\s*=\s*([\s\S]+);/, '$1') | |||||
.replace(/require\('(.*?)'\);?/g, function (_, name) { | |||||
return parse(file(src, name), ' '); | |||||
}) | |||||
.replace(/\/+\s+&import\s+"(.*?)".*?\n/g, function (_, name) { | |||||
return parse(file(src, name), ' '); | |||||
}) | |||||
.trim() | |||||
; | |||||
} | |||||
} | |||||
var config = grunt.config(this.name); | |||||
var content = parse(config.src).replace(/;;;[^\n]+/g, ''); | |||||
grunt.log.writeln(new Array(50).join('-')); | |||||
grunt.log.oklns('Write file:', config.dst); | |||||
grunt.file.write(config.dst, content); | |||||
}); | |||||
grunt.loadNpmTasks('grunt-contrib-cssmin'); | |||||
grunt.loadNpmTasks('grunt-contrib-uglify'); | |||||
grunt.loadNpmTasks('grunt-contrib-watch'); | |||||
grunt.loadNpmTasks('grunt-usebanner'); | |||||
grunt.loadNpmTasks('grunt-contrib-clean'); | |||||
grunt.registerTask('js', ['export']); | |||||
grunt.registerTask('min', ['uglify']); | |||||
grunt.registerTask('css', ['clean', 'cssmin', 'usebanner']); | |||||
grunt.registerTask('default', ['js', 'min', 'css']); | |||||
}; |
@@ -0,0 +1,258 @@ | |||||
# popupS | |||||
Native Javascript Module to display beautiful popups. With react support! | |||||
Demo: http://chieforz.github.io/popupS | |||||
## Features | |||||
* Native Javascript / No jQuery dependency | |||||
* Built in CSS spinner for asynchronous dialogs | |||||
* Smart focus on form elements | |||||
* AMD support | |||||
******** | |||||
## Installation | |||||
The plugin can be used as a Common JS module, an AMD module, or a global. | |||||
### Usage with Browserify | |||||
Install with npm, use with [Browserify](http://browserify.org/) | |||||
``` | |||||
> npm install popups | |||||
``` | |||||
and in your code | |||||
```javascript | |||||
var popupS = require('popups'); | |||||
popupS.alert({ | |||||
content: 'Hello World!' | |||||
}); | |||||
``` | |||||
For the basic styling and fade in and out to be working, you have to include the [popupS.css](css/popupS.css) in your header. | |||||
```html | |||||
<link rel="stylesheet" href="popupS.css"> | |||||
``` | |||||
### Usage as browser global | |||||
You can include [popupS.js](dist/popupS.js) directly in a script tag. | |||||
For the basic styling and fade in and out to be working, you have to include the [popupS.css](css/popupS.css). | |||||
```html | |||||
<link rel="stylesheet" href="popupS.css"> | |||||
<script src="popupS.js"></script> | |||||
<script> | |||||
popupS.alert({ | |||||
content: 'Hello World!' | |||||
}); | |||||
</script> | |||||
``` | |||||
> For both files `popupS.js` and `popupS.css` is a minified productive version in it's corresponding folder. | |||||
******** | |||||
## How to use | |||||
Create a popup window: | |||||
```javascript | |||||
popupS.window({ | |||||
mode: 'alert', | |||||
content: 'Hey' | |||||
}); | |||||
// or | |||||
popupS.alert({ | |||||
content: 'Hello' | |||||
}); | |||||
``` | |||||
Here are multiple ways to create popupS: | |||||
### Alerts | |||||
```javascript | |||||
popupS.alert({ | |||||
title: 'I am an', | |||||
content: 'Alert' | |||||
}); | |||||
``` | |||||
### Confirm | |||||
Confirm configuration involves the use of callbacks to be applied. | |||||
```javascript | |||||
popupS.confirm({ | |||||
content: '<b>Do you like what you see?</b>', | |||||
labelOk: 'Yes', | |||||
labelCancel: 'No', | |||||
onSubmit: function() { | |||||
console.log(':)'); | |||||
}, | |||||
onClose: function() { | |||||
console.log(':('); | |||||
} | |||||
}); | |||||
``` | |||||
### Prompt | |||||
Prompts are used for asking a single question. | |||||
```javascript | |||||
popupS.prompt({ | |||||
content: 'What is your name?', | |||||
placeholder: '>>>', | |||||
onSubmit: function(val) { | |||||
if(val) { | |||||
popupS.alert({ | |||||
content: 'Hello, ' + val | |||||
}); | |||||
} else { | |||||
popupS.alert({ | |||||
content: ':(' | |||||
}); | |||||
} | |||||
} | |||||
}); | |||||
``` | |||||
### Modal | |||||
With Modals you are in full control. | |||||
```javascript | |||||
popupS.modal({ | |||||
title: 'Himalaya', | |||||
content: { | |||||
tag: 'img#himalaya.picture', | |||||
src: 'http://static.hdw.eweb4.com/media/wallpapers_1920x1080/nature/1/1/himalaya-nature-hd-wallpaper-1920x1080-6944.jpg' | |||||
} | |||||
}); | |||||
``` | |||||
> there is some magic sugar involved. learn more about it [here](#dom-generation) | |||||
### Ajax | |||||
It can also work in asynchronous mode and retrieve content from external pages. | |||||
```javascript | |||||
popupS.ajax({ | |||||
title: 'Himalaya', | |||||
ajax: { | |||||
url: 'http://static.hdw.eweb4.com/media/wallpapers_1920x1080/nature/1/1/himalaya-nature-hd-wallpaper-1920x1080-6944.jpg' | |||||
} | |||||
}); | |||||
``` | |||||
******** | |||||
## Options | |||||
```javascript | |||||
popupS.window({ | |||||
mode: 'alert'|'confirm'|'prompt'|'modal'|'modal-ajax', | |||||
title: 'Title', | |||||
content : 'Text'|'<div>html</div>'|{tag : 'span#id.class'}, | |||||
className : 'additionalClass', // for additional styling, gets append on every popup div | |||||
placeholder : 'Input Text', // only available for mode: 'prompt' | |||||
ajax : { // only available for mode: 'modal-ajax' | |||||
url : 'http://url.com', | |||||
post : true, | |||||
str : 'post=true' | |||||
}, | |||||
onOpen: function(){}, // gets called when popup is opened | |||||
onSubmit: function(val){}, // gets called when submitted. val as an paramater for prompts | |||||
onClose: function(){} // gets called when popup is closed | |||||
}); | |||||
``` | |||||
### Advanced Options | |||||
```javascript | |||||
popupS.window({ | |||||
additionalBaseClass: '', // classNames, that gets appended to the base | |||||
additionalButtonHolderClass: '', // classNames, that gets appended to the button holder | |||||
additionalButtonOkClass: '', // classNames, that gets appended to the ok button | |||||
additionalButtonCancelClass: '', // classNames, that gets appended to the cancel button | |||||
additionalCloseBtnClass: '', // classNames, that gets appended to the close button | |||||
additionalFormClass: '', // classNames, that gets appended to the form | |||||
additionalOverlayClass: '', // classNames, that gets appended to the overlay | |||||
additionalPopupClass: '', // classNames, that gets appended to the popup | |||||
appendLocation: document.body, // DOM Element, where the popup should sit | |||||
closeBtn: '×', // HTML String, to use for the close button | |||||
flagBodyScroll: false, // should the body be scrollable | |||||
flagButtonReverse: false, // should the buttons be reversed | |||||
flagCloseByEsc: true, // ability to clse with the esc key | |||||
flagCloseByOverlay: true, // ability to close with click on the overlay | |||||
flagShowCloseBtn: true, // should the close button be displayed | |||||
labelOk: 'OK', // label for the ok button | |||||
labelCancel: 'Cancel', // label for the cancel button | |||||
loader: 'spinner', // classname for spinner to use, take a look at the included css file for the possiblities | |||||
zIndex: 10000 // default z-index | |||||
}); | |||||
``` | |||||
******** | |||||
## DOM Generation | |||||
The plugin is using some special magic to generating DOM Elements. | |||||
```javascript | |||||
popupS.alert({ | |||||
content: { | |||||
tag: 'div#id.class.class2', | |||||
css: { | |||||
width: '100px' | |||||
}, | |||||
html: '<h1>Hello</h1>', | |||||
children:[ | |||||
{ | |||||
tag: 'label', | |||||
text: 'test', | |||||
htmlFor: 'input', | |||||
css: { | |||||
width: '50%' | |||||
} | |||||
}, | |||||
{ | |||||
tag: 'input#input', | |||||
type: 'checkbox', | |||||
css: { | |||||
width: '50%' | |||||
} | |||||
} | |||||
] | |||||
} | |||||
}); | |||||
``` | |||||
> All attributes, that can be applied via javascript are availabe to use. | |||||
> For example, as you can see in the example above: | |||||
> Instead of using the regular "for"-attribute on the label element, | |||||
> we have to use the "htmlFor"-attribute. | |||||
> **Note:** | |||||
> If an assigned attribute is not an valid HTML attribute, it gets assigned as an 'data-'* atribute. | |||||
******** | |||||
## License | |||||
[MIT](https://opensource.org/licenses/MIT) |
@@ -0,0 +1,184 @@ | |||||
.popupS-layer{ | |||||
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.25); | |||||
-moz-box-shadow: 0 0 20px rgba(0,0,0,.25); | |||||
box-shadow: 0 0 20px rgba(0,0,0,.25); | |||||
position: relative; | |||||
border-radius:6px; | |||||
background-color: #FFF; | |||||
margin:20px; | |||||
z-index:1000; | |||||
} | |||||
.popupS-resetFocus { | |||||
border: 0; | |||||
clip: rect(0 0 0 0); | |||||
height: 1px; | |||||
margin: -1px; | |||||
overflow: hidden; | |||||
padding: 0; | |||||
position: absolute; | |||||
width: 1px; | |||||
} | |||||
.popupS-close{ | |||||
position: absolute; | |||||
top: 0; | |||||
right: 0; | |||||
line-height: 40px; | |||||
font-size: 32px; | |||||
text-align: center; | |||||
font-weight: 700; | |||||
width: 32px; | |||||
height: 40px; | |||||
cursor: pointer; | |||||
z-index:1020; | |||||
} | |||||
.popupS-title{ | |||||
position: absolute; | |||||
width: 100%; | |||||
line-height: 40px; | |||||
text-align: center; | |||||
white-space: nowrap; | |||||
overflow: hidden; | |||||
text-overflow: ellipsis; | |||||
margin: 0 auto; | |||||
z-index:1001; | |||||
} | |||||
.popupS-title + .popupS-content{ | |||||
padding-bottom:20px; | |||||
} | |||||
.popupS-content{ | |||||
max-width:700px; | |||||
padding:40px; | |||||
border-radius:6px; | |||||
} | |||||
.popupS-content img{ | |||||
max-width:100%; | |||||
height:auto; | |||||
} | |||||
.popupS-layer .btn{ | |||||
float:right; | |||||
} | |||||
/* | |||||
* Default Animation | |||||
* very Important | |||||
*/ | |||||
.popupS-layer{ | |||||
-webkit-transition: opacity .3s; | |||||
-o-transition: opacity .3s; | |||||
transition: opacity .3s; | |||||
opacity: 0; | |||||
} | |||||
.popupS-overlay{ | |||||
-webkit-transition: opacity .3s ease; | |||||
-o-transition: opacity .3s ease; | |||||
transition: opacity .3s ease; | |||||
background:rgb(0,0,0); | |||||
opacity: 0; | |||||
} | |||||
.popupS-layer.popupS-open{ | |||||
opacity: 1; | |||||
} | |||||
.popupS-open>.popupS-overlay{ | |||||
opacity:.6; | |||||
} | |||||
/* Loader */ | |||||
@-moz-keyframes spinner { | |||||
to {-moz-transform: rotate(360deg); | |||||
transform: rotate(360deg);} | |||||
} | |||||
@-o-keyframes spinner { | |||||
to {-o-transform: rotate(360deg); | |||||
transform: rotate(360deg);} | |||||
} | |||||
@-webkit-keyframes spinner { | |||||
to {-webkit-transform: rotate(360deg);} | |||||
} | |||||
@keyframes spinner { | |||||
to {transform: rotate(360deg);} | |||||
} | |||||
@-moz-keyframes pulsate { | |||||
0% { | |||||
-moz-transform:scale(.1); | |||||
transform:scale(.1); | |||||
opacity: 0.0; | |||||
} | |||||
50% { | |||||
opacity:1; | |||||
} | |||||
100% { | |||||
-moz-transform:scale(1.2); | |||||
transform:scale(1.2); | |||||
opacity:0; | |||||
} | |||||
} | |||||
@-o-keyframes pulsate { | |||||
0% { | |||||
-o-transform:scale(.1); | |||||
transform:scale(.1); | |||||
opacity: 0.0; | |||||
} | |||||
50% { | |||||
opacity:1; | |||||
} | |||||
100% { | |||||
-o-transform:scale(1.2); | |||||
transform:scale(1.2); | |||||
opacity:0; | |||||
} | |||||
} | |||||
@-webkit-keyframes pulsate { | |||||
0% { | |||||
transform:scale(.1); | |||||
opacity: 0.0; | |||||
} | |||||
50% { | |||||
opacity:1; | |||||
} | |||||
100% { | |||||
transform:scale(1.2); | |||||
opacity:0; | |||||
} | |||||
} | |||||
@keyframes pulsate { | |||||
0% { | |||||
transform:scale(.1); | |||||
opacity: 0.0; | |||||
} | |||||
50% { | |||||
opacity:1; | |||||
} | |||||
100% { | |||||
transform:scale(1.2); | |||||
opacity:0; | |||||
} | |||||
} | |||||
.popupS-loading{ | |||||
width: 30px; | |||||
height: 30px; | |||||
position: absolute; | |||||
top: 50%; | |||||
left: 50%; | |||||
margin-top: -15px; | |||||
margin-left: -15px; | |||||
border-radius: 30px; | |||||
} | |||||
.popupS-loading.pulser{ | |||||
border: 3px solid #1caff6; | |||||
opacity: 0; | |||||
-moz-animation: pulsate 1s ease-out infinite; | |||||
-o-animation: pulsate 1s ease-out infinite; | |||||
-webkit-animation: pulsate 1s ease-out infinite; | |||||
animation: pulsate 1s ease-out infinite; | |||||
} | |||||
.popupS-loading.spinner{ | |||||
border-top: 3px solid #1caff6; | |||||
border-right: 3px solid transparent; | |||||
-moz-animation: spinner .6s linear infinite; | |||||
-o-animation: spinner .6s linear infinite; | |||||
-webkit-animation: spinner .6s linear infinite; | |||||
animation: spinner .6s linear infinite; | |||||
} |
@@ -0,0 +1,2 @@ | |||||
/*! popups 1.1.3 - MIT | https://github.com/ChiefORZ/popupS.git */ | |||||
.popupS-close,.popupS-title{line-height:40px;text-align:center}.popupS-layer{-webkit-box-shadow:0 0 20px rgba(0,0,0,.25);-moz-box-shadow:0 0 20px rgba(0,0,0,.25);box-shadow:0 0 20px rgba(0,0,0,.25);position:relative;border-radius:6px;background-color:#FFF;margin:20px;z-index:1000;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;opacity:0}.popupS-resetFocus{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.popupS-close{position:absolute;top:0;right:0;font-size:32px;font-weight:700;width:32px;height:40px;cursor:pointer;z-index:1020}.popupS-title{position:absolute;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto;z-index:1001}.popupS-title+.popupS-content{padding-bottom:20px}.popupS-content{max-width:700px;padding:40px;border-radius:6px}.popupS-content img{max-width:100%;height:auto}.popupS-layer .btn{float:right}.popupS-overlay{-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;background:#000;opacity:0}.popupS-layer.popupS-open{opacity:1}.popupS-open>.popupS-overlay{opacity:.6}@-moz-keyframes spinner{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}@-moz-keyframes pulsate{0%{-moz-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}100%{-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{-o-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}100%{-o-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-webkit-keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.popupS-loading{width:30px;height:30px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;border-radius:30px}.popupS-loading.pulser{border:3px solid #1caff6;opacity:0;-moz-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;-webkit-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.popupS-loading.spinner{border-top:3px solid #1caff6;border-right:3px solid transparent;-moz-animation:spinner .6s linear infinite;-o-animation:spinner .6s linear infinite;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite} |
@@ -0,0 +1,38 @@ | |||||
{ | |||||
"name": "popups", | |||||
"version": "1.1.3", | |||||
"description": "Native Javascript Modal/Popup system. With react support!", | |||||
"main": "dist/popupS.js", | |||||
"scripts": { | |||||
"test": "echo \"Error: no test specified\" && exit 1" | |||||
}, | |||||
"keywords": [ | |||||
"modal", | |||||
"popup", | |||||
"layer", | |||||
"dialog", | |||||
"prompt", | |||||
"alert", | |||||
"message", | |||||
"lightbox", | |||||
"javascript", | |||||
"pure javascript", | |||||
"native javascript", | |||||
"no jQuery", | |||||
"js" | |||||
], | |||||
"author": "ChiefORZ", | |||||
"license": "MIT", | |||||
"repository": { | |||||
"type": "git", | |||||
"url": "https://github.com/ChiefORZ/popupS.git" | |||||
}, | |||||
"devDependencies": { | |||||
"grunt": "*", | |||||
"grunt-contrib-clean": "^0.6.0", | |||||
"grunt-contrib-cssmin": "^0.14.0", | |||||
"grunt-contrib-uglify": "*", | |||||
"grunt-contrib-watch": "*", | |||||
"grunt-usebanner": "^0.3.1" | |||||
} | |||||
} |
@@ -0,0 +1,18 @@ | |||||
/** | |||||
* css recursion | |||||
* | |||||
* @param {HTMLElement} el | |||||
* @param {Object|String} prop | |||||
* @param {String} [val] | |||||
*/ | |||||
function _css(el, prop, val) { | |||||
if (el && el.style && prop) { | |||||
if (prop instanceof Object) { | |||||
for (var name in prop) { | |||||
_css(el, name, prop[name]); | |||||
} | |||||
} else { | |||||
el.style[prop] = val; | |||||
} | |||||
} | |||||
} |
@@ -0,0 +1,22 @@ | |||||
module.exports = { | |||||
additionalBaseClass: '', | |||||
additionalButtonHolderClass: '', | |||||
additionalButtonOkClass: '', | |||||
additionalButtonCancelClass: '', | |||||
additionalCloseBtnClass: '', | |||||
additionalFormClass: '', | |||||
additionalOverlayClass: '', | |||||
additionalPopupClass: '', | |||||
appendLocation: (document.body || document.documentElement), | |||||
baseClassName: 'popupS', | |||||
closeBtn: '×', | |||||
flagBodyScroll: false, | |||||
flagButtonReverse: false, | |||||
flagCloseByEsc: true, | |||||
flagCloseByOverlay: true, | |||||
flagShowCloseBtn: true, | |||||
labelOk: 'OK', | |||||
labelCancel: 'Cancel', | |||||
loader: 'spinner', | |||||
zIndex: 10000 | |||||
}; |
@@ -0,0 +1,159 @@ | |||||
/** | |||||
* Selector RegExp | |||||
* | |||||
* @const {RegExp} | |||||
*/ | |||||
// orig: /^(\w+)?(#\w+)?((?:\.[\w_-]+)*)/i; | |||||
var R_SELECTOR = /^(\w+)?(#[\w_-]+)?((?:\.[\w_-]+)*)/i; | |||||
/** | |||||
* build DOM Nodes | |||||
* | |||||
* @example | |||||
* _buildDOM({ | |||||
* tag:'div#id.class.class2', | |||||
* css:{ | |||||
* opacity:'1', | |||||
* width:'100px' | |||||
* }, | |||||
* text:'test', | |||||
* html:'<p>Hello</p>', | |||||
* children:[{ | |||||
* tag:'div#id_child.class.class2', | |||||
* css:{opacity:'1', height:'200px'}, | |||||
* text:'test', | |||||
* html:'<p>World</p>' | |||||
* }] | |||||
* }); | |||||
* | |||||
* @param {String|Object} spec | |||||
* | |||||
* @return {HTMLElement} | |||||
*/ | |||||
function _buildDOM(spec) { | |||||
// Spec Defaults | |||||
if (spec === null) { | |||||
spec = 'div'; | |||||
} | |||||
if (typeof spec === 'string') { | |||||
spec = { | |||||
tag: spec | |||||
}; | |||||
} | |||||
var el, classSelector; | |||||
var fragment = document.createDocumentFragment(); | |||||
var children = spec.children; | |||||
var selector = R_SELECTOR.exec(spec.tag || ''); | |||||
delete spec.children; | |||||
spec.tag = selector[1] || 'div'; | |||||
spec.id = spec.id || (selector[2] || '').substr(1); | |||||
// split ClassNames | |||||
classSelector = (selector[3] || '').split('.'); | |||||
classSelector[0] = (spec.className || ''); | |||||
spec.className = classSelector.join(' '); | |||||
el = document.createElement(spec.tag); | |||||
_appendChild(fragment, el); | |||||
delete spec.tag; | |||||
// For every | |||||
// key => spec[key]; | |||||
_each(spec, function(value, key) { | |||||
if (key === 'css') { | |||||
_css(el, spec.css); | |||||
} else if (key === 'text') { | |||||
(value !== null) && _appendChild(el, document.createTextNode(value)); | |||||
} else if (key === 'html') { | |||||
(value !== null) && (el.innerHTML = value); | |||||
} else if (key in el) { | |||||
try { | |||||
el[key] = value; | |||||
} catch (e) { | |||||
el.setAttribute(key, value); | |||||
} | |||||
} else if (/^data-/.test(key)) { | |||||
el.setAttribute(key, value); | |||||
} | |||||
}); | |||||
// if the children is already an HTML Element, append it to el | |||||
if (children && children.appendChild) { | |||||
_appendChild(el, children); | |||||
} else if (children) { | |||||
if (children instanceof Array) { | |||||
_each(children, function(value, key) { | |||||
if(value instanceof Object) { | |||||
_appendChild(el, _buildDOM(value)); | |||||
} | |||||
}); | |||||
} else if (children instanceof Object) { | |||||
_appendChild(el, _buildDOM(children)); | |||||
} | |||||
} | |||||
return el; | |||||
} | |||||
/** | |||||
* appendChild | |||||
* | |||||
* @param {HTMLElement} parent | |||||
* @param {HTMLElement} el | |||||
*/ | |||||
function _appendChild(parent, el) { | |||||
try { | |||||
parent && el && parent.appendChild(el); | |||||
} catch (e) {} | |||||
} | |||||
/** | |||||
* Focus First Item in Parent Node | |||||
* submit > text,password > button | |||||
* | |||||
* @param {HTMLElement} parentNode | |||||
*/ | |||||
function _autoFocus(parentNode) { | |||||
var items = _getElementsByTagName(parentNode, 'input'); | |||||
var i = 0; | |||||
var n = items.length; | |||||
var el, element; | |||||
for (; i < n; i++) { | |||||
el = items[i]; | |||||
if (el.type === 'submit') { | |||||
!element && (element = el); | |||||
} else if (!/hidden|check|radio/.test(el.type) && el.value === '') { | |||||
element = el; | |||||
break; | |||||
} | |||||
} | |||||
if (!element) { | |||||
element = _getElementsByTagName(parentNode, 'button')[0]; | |||||
} | |||||
try { | |||||
element.focus(); | |||||
} catch (err) {} | |||||
} | |||||
/** | |||||
* get Elements with Tag () from Parent | |||||
* | |||||
* @param {HTMLElement} el | |||||
* @param {String} name | |||||
* | |||||
* @return {NodeList} | |||||
*/ | |||||
function _getElementsByTagName(el, name) { | |||||
return el.getElementsByTagName(name); | |||||
} | |||||
/** | |||||
* remove Element from Parent | |||||
* | |||||
* @param {HTMLElement} el | |||||
*/ | |||||
function _removeElement(el) { | |||||
if (el && el.parentNode) { | |||||
el.parentNode.removeChild(el); | |||||
} | |||||
} |
@@ -0,0 +1,65 @@ | |||||
;(function (root, factory) { | |||||
if (typeof define === 'function' && define.amd) { | |||||
define(factory); | |||||
} else if (typeof exports === 'object') { | |||||
module.exports = factory(); | |||||
} else { | |||||
root.popupS = factory(); | |||||
} | |||||
}(this, function () { | |||||
'use strict'; | |||||
var isOpen = false, | |||||
queue = []; | |||||
// Match image file | |||||
var R_IMG = new RegExp( /([^\/\\]+)\.(jpg|jpeg|png|gif)$/i ); | |||||
var _defaults = require('defaults'); | |||||
var transition = require('transition'); | |||||
/** | |||||
* @class PopupS | |||||
*/ | |||||
function PopupS() {} | |||||
PopupS.prototype = require('./prototype'); | |||||
require('./utils'); | |||||
require('css'); | |||||
require('dom'); | |||||
// Instantiate a PopupS Object | |||||
var popupS = new PopupS(); | |||||
// Public methods | |||||
popupS.window = function(params) { | |||||
this._open(params); | |||||
}; | |||||
popupS.alert = function(params) { | |||||
params = _extend(params, {mode: 'alert'}); | |||||
this._open(params); | |||||
}; | |||||
popupS.confirm = function(params) { | |||||
params = _extend(params, {mode: 'confirm'}); | |||||
this._open(params); | |||||
}; | |||||
popupS.prompt = function(params) { | |||||
params = _extend(params, {mode: 'prompt'}); | |||||
this._open(params); | |||||
}; | |||||
popupS.modal = function(params) { | |||||
params = _extend(params, {mode: 'modal'}); | |||||
this._open(params); | |||||
}; | |||||
popupS.ajax = function(params) { | |||||
params = _extend(params, {mode: 'modal-ajax'}); | |||||
this._open(params); | |||||
}; | |||||
// Export | |||||
return popupS; | |||||
})); |
@@ -0,0 +1,522 @@ | |||||
module.exports = { | |||||
constructor: PopupS, | |||||
_open: function(options) { | |||||
//error catching | |||||
if (typeof options.mode !== "string") throw new Error("mode must be a string"); | |||||
if (typeof options.title !== "undefined" && typeof options.title !== "string") throw new Error("title must be a string"); | |||||
if (typeof options.placeholder !== "undefined" && typeof options.placeholder !== "string") throw new Error("placeholder must be a string"); | |||||
this.options = options = _extend({}, options); | |||||
// Set default options | |||||
for (var name in _defaults) { | |||||
!(name in options) && (options[name] = _defaults[name]); | |||||
} | |||||
// trail all classes divided by periods | |||||
_each(['additionalBaseClass', 'additionalButtonHolderClass', 'additionalButtonOkClass', 'additionalButtonCancelClass', 'additionalCloseBtnClass', 'additionalFormClass', 'additionalOverlayClass', 'additionalPopupClass'], function(option) { | |||||
var string = options[option].split(' ').join('.'); | |||||
options[option] = '.' + string; | |||||
}); | |||||
// Bind all private methods | |||||
for (var fn in this) { | |||||
if (fn.charAt(0) === '_') { | |||||
this[fn] = _bind(this, this[fn]); | |||||
} | |||||
} | |||||
//initialize if it hasn't already been done | |||||
this._init(); | |||||
// if it is forced, close all others | |||||
if(options.force === true) { | |||||
while (queue.length > 0) queue.pop(); | |||||
} | |||||
queue.push(options); | |||||
if(!isOpen || options.force === true) this._create(); | |||||
}, | |||||
_init: function() { | |||||
// if i passed a opacity attribute to the layer onClose, remove it on initialization | |||||
if(this.$layerEl && this.$layerEl.style.opacity) this.$layerEl.style.opacity = ""; | |||||
if(!this.$wrapEl){ | |||||
this.$wrapEl = _buildDOM({ | |||||
tag: 'div.' + this.options.baseClassName + '-base' + (this.options.additionalBaseClass ? this.options.additionalBaseClass : ''), | |||||
css: { | |||||
top: 0, | |||||
left: 0, | |||||
right: 0, | |||||
bottom: 0, | |||||
position: 'fixed', | |||||
textAlign: 'center', | |||||
overflowX: 'auto', | |||||
overflowY: 'auto', | |||||
outline: 0, | |||||
whiteSpace: 'nowrap', | |||||
zIndex: this.options.zIndex | |||||
}, | |||||
children: { | |||||
css: { | |||||
height: '100%', | |||||
display: 'inline-block', | |||||
verticalAlign: 'middle' | |||||
} | |||||
} | |||||
}); | |||||
_appendChild(this.$wrapEl, this._getOverlay()); | |||||
_appendChild(this.$wrapEl, this._getLayer()); | |||||
} | |||||
}, | |||||
_getOverlay: function () { | |||||
if (!this.$overlayEl) { | |||||
this.$overlayEl = _buildDOM({ | |||||
tag: '#popupS-overlay.' + this.options.baseClassName + '-overlay' + (this.options.additionalOverlayClass ? this.options.additionalOverlayClass : ''), | |||||
css: { | |||||
top: 0, | |||||
right: 0, | |||||
bottom: 0, | |||||
left: 0, | |||||
position: 'fixed', | |||||
overflowX: 'hidden', | |||||
userSelect: 'none', | |||||
webkitUserSelect: 'none', | |||||
MozUserSelect: 'none' | |||||
} | |||||
}); | |||||
} | |||||
this.$overlayEl.setAttribute("unselectable", "on"); | |||||
return this.$overlayEl; | |||||
}, | |||||
_getLayer: function () { | |||||
if(!this.$layerEl){ | |||||
this.$layerEl = _buildDOM({ | |||||
css: { | |||||
display: 'inline-block', | |||||
position: 'relative', | |||||
textAlign: 'left', | |||||
whiteSpace: 'normal', | |||||
verticalAlign: 'middle', | |||||
maxWidth: '100%', | |||||
overflowX: 'hidden', | |||||
transform: 'translate3d(0,0,0)' | |||||
}, | |||||
children: { | |||||
tag: '.' + this.options.baseClassName + '-layer' + (this.options.additionalPopupClass ? this.options.additionalPopupClass : '') | |||||
} | |||||
}); | |||||
} | |||||
return this.$layerEl; | |||||
}, | |||||
_resetLayer: function(){ | |||||
this.$layerEl.childNodes[0].innerHTML = ''; | |||||
}, | |||||
/** | |||||
* Takes the first item from the queue | |||||
* creates or overwrites the Overlay and adds Events. | |||||
*/ | |||||
_create: function () { | |||||
var self = this; | |||||
var item = queue[0]; | |||||
var mode = item.mode; | |||||
isOpen = true; | |||||
// Creates the Popup. Overwrites the old one if one exists. | |||||
if (mode != 'modal-ajax') { | |||||
this._createPopup(item); | |||||
} else { | |||||
this._loadContents(item); | |||||
} | |||||
// this is very important for the callback function. | |||||
// these lines make sure callbacks on the same function object will be displayed. | |||||
var transitionDone = function(event) { | |||||
event.stopPropagation(); | |||||
_unbind(self.$layerEl, transition.type, transitionDone); | |||||
}; | |||||
if(transition.supported){ | |||||
_bind(self.$layerEl, transition.type, transitionDone); | |||||
} | |||||
}, | |||||
_createPopup: function(item) { | |||||
var btnOk, btnCancel, htmlObj; | |||||
var mode = item.mode; | |||||
var title = item.title; | |||||
var content = item.content; | |||||
var className = (item.className ? '.' + item.className : ''); | |||||
var contentObj = ((content instanceof Object) ? true : false); | |||||
this.callbacks = { | |||||
onOpen: item.onOpen, | |||||
onSubmit: item.onSubmit, | |||||
onClose: item.onClose | |||||
}; | |||||
btnOk = { | |||||
tag: 'button#popupS-button-ok.' + this.options.baseClassName + '-button-ok' + (this.options.additionalButtonOkClass ? this.options.additionalButtonOkClass : ''), | |||||
text: this.options.labelOk }; | |||||
btnCancel = { | |||||
tag: 'button#popupS-button-cancel.' + this.options.baseClassName + '-button-ok' + (this.options.additionalButtonCancelClass ? this.options.additionalButtonCancelClass : ''), | |||||
text: this.options.labelCancel }; | |||||
htmlObj = [ | |||||
{ html: content }, | |||||
mode != 'modal' && mode != 'modal-ajax' && mode == 'prompt' && { | |||||
tag: 'form.' + this.options.baseClassName + '-form' + (this.options.additionalFormClass ? this.options.additionalFormClass : ''), | |||||
children: [ | |||||
item.placeholder && { tag: 'label', | |||||
htmlFor: 'popupS-input', | |||||
text: item.placeholder }, | |||||
{ tag: 'input#popupS-input', | |||||
type: 'text' } | |||||
] | |||||
}, | |||||
mode != 'modal' && mode != 'modal-ajax' && { tag: 'nav.' + this.options.baseClassName + '-buttons' + (this.options.additionalButtonHolderClass ? this.options.additionalButtonHolderClass : ''), | |||||
children: | |||||
( | |||||
(mode == 'prompt' || mode == 'confirm') | |||||
? (!this.options.flagButtonReverse ? [btnCancel, btnOk] : [btnOk, btnCancel] ) | |||||
: [btnOk] | |||||
) | |||||
} | |||||
]; | |||||
content = _buildDOM({ | |||||
children:[ | |||||
{ tag: 'a#popupS-resetFocusBack.' + this.options.baseClassName + '-resetFocus', | |||||
href:'#', | |||||
text:'Reset Focus' }, | |||||
(this.options.flagShowCloseBtn && { | |||||
tag: 'span#popupS-close.' + this.options.baseClassName + '-close' + (this.options.additionalCloseBtnClass ? this.options.additionalCloseBtnClass : ''), | |||||
html: this.options.closeBtn | |||||
}), | |||||
(title && { | |||||
tag: 'h5.' + this.options.baseClassName + '-title' + className, | |||||
text: title }), | |||||
{ tag: '.' + this.options.baseClassName + '-content' + className, | |||||
children: (contentObj && content || htmlObj) }, | |||||
{ tag:'a#popupS-resetFocus.' + this.options.baseClassName + '-resetFocus', | |||||
href:'#', | |||||
text:'Reset Focus'} | |||||
] | |||||
}); | |||||
this._resetLayer(); | |||||
_appendChild(this.$layerEl.childNodes[0], content); | |||||
this._appendPopup(); | |||||
this.$contentEl = this.$layerEl.getElementsByClassName(this.options.baseClassName + '-content')[0]; | |||||
this.$btnReset = document.getElementById('popupS-resetFocus'); | |||||
this.$btnResetBack = document.getElementById('popupS-resetFocusBack'); | |||||
// handle reset focus link | |||||
// this ensures that the keyboard focus does not | |||||
// ever leave the dialog box until an action has | |||||
// been taken | |||||
_on(this.$btnReset, 'focus', this._resetEvent); | |||||
_on(this.$btnResetBack, 'focus', this._resetEvent); | |||||
// focus the first input in the layer Element | |||||
_autoFocus(this.$layerEl); | |||||
// make sure which buttons or input fields are defined for the EventListeners | |||||
this.$btnOK = document.getElementById('popupS-button-ok') || undefined; | |||||
this.$btnCancel = document.getElementById('popupS-button-cancel') || undefined; | |||||
this.$input = document.getElementById('popupS-input') || undefined; | |||||
if(typeof this.$btnOK !== "undefined") _on(this.$btnOK, "click", this._okEvent); | |||||
if(typeof this.$btnCancel !== "undefined") _on(this.$btnCancel, "click", this._cancelEvent); | |||||
// eventlisteners for overlay and x | |||||
if (this.options.flagShowCloseBtn) _on(document.getElementById('popupS-close'), "click", this._cancelEvent); | |||||
if (this.options.flagCloseByOverlay) _on(this.$overlayEl, "click", this._cancelEvent); | |||||
// listen for keys | |||||
if (this.options.flagCloseByEsc) _on(document.body, "keyup", this._keyEvent); | |||||
// callback onOpen | |||||
if(typeof this.callbacks.onOpen === "function") this.callbacks.onOpen.call(this); | |||||
}, | |||||
_appendPopup : function(){ | |||||
// Determine the target Element and add the Element to the DOM | |||||
this.$targetEl = this.options.appendLocation; | |||||
_appendChild(this.$targetEl, this.$wrapEl); | |||||
// append the element level style for overflow if the option was set. | |||||
if ((this.$targetEl === (document.body || document.documentElement)) && this.options.flagBodyScroll === false) { | |||||
_css(this.$targetEl, { | |||||
overflow: 'hidden' | |||||
}); | |||||
} | |||||
// after adding elements to the DOM, use computedStyle | |||||
// to force the browser to recalc and recognize the elements | |||||
// that we just added. This is so that our CSS Animation has a start point. | |||||
if(window.getComputedStyle) window.getComputedStyle(this.$wrapEl, null).height; | |||||
var classReg = function (className) { | |||||
return new RegExp("(|\\s+)" + className + "(\\s+|$)"); | |||||
}; | |||||
// if the class *-open doesn't exists in the wrap Element append it. | |||||
if (!(classReg(' ' + this.options.baseClassName + '-open').test(this.$wrapEl.className))) { | |||||
this.$wrapEl.className += ' ' + this.options.baseClassName + '-open'; | |||||
} | |||||
if (!(classReg(' ' + this.options.baseClassName + '-open').test(this.$layerEl.childNodes[0].className))) { | |||||
this.$layerEl.childNodes[0].className += ' ' + this.options.baseClassName + '-open'; | |||||
} | |||||
}, | |||||
_hide: function () { | |||||
var self = this; | |||||
// remove item from queue | |||||
queue.splice(0,1); | |||||
// check if last item in queue | |||||
if (queue.length > 0) this._create(); | |||||
else{ | |||||
isOpen = false; | |||||
var removeWrap = function() { | |||||
// remove the wrap element from the DOM | |||||
_removeElement(self.$wrapEl); | |||||
// remove the element level style for overflow if the option was set. | |||||
if ((self.$targetEl === (document.body || document.documentElement)) && self.options.flagBodyScroll === false) { | |||||
if (self.$targetEl.style.removeProperty) { | |||||
self.$targetEl.style.removeProperty('overflow'); | |||||
} else { | |||||
self.$targetEl.style.removeAttribute('overflow'); | |||||
} | |||||
} | |||||
}; | |||||
var transitionDone = function(event) { | |||||
event.stopPropagation(); | |||||
// unbind event so function only gets called once | |||||
_off(self.$wrapEl, transition.type, transitionDone); | |||||
// remove the Element from the DOM after Transition is Done | |||||
removeWrap(); | |||||
}; | |||||
var transitionDoneLayer = function(event) { | |||||
event.stopPropagation(); | |||||
// unbind event so function only gets called once | |||||
_off(self.$layerEl, transition.type, transitionDone); | |||||
}; | |||||
// removes the open class from the wrap & layer Element | |||||
// and adds an EventListener to this Element | |||||
// which removes it from the DOM after the Transition is done. | |||||
this.$wrapEl.className = this.$wrapEl.className.replace(' ' + this.options.baseClassName + '-open', ''); | |||||
if (transition.supported){ | |||||
_on(self.$wrapEl, transition.type, transitionDone); | |||||
} else { | |||||
removeWrap(); | |||||
} | |||||
this.$layerEl.childNodes[0].className = this.$layerEl.childNodes[0].className.replace(' ' + this.options.baseClassName + '-open', ''); | |||||
if (transition.supported) _on(self.$layerEl, transition.type, transitionDoneLayer); | |||||
} | |||||
}, | |||||
/////////////// | |||||
//// Async //// | |||||
/////////////// | |||||
/** | |||||
* sets the state of the loading Layer | |||||
* and appends it to the Dom | |||||
* | |||||
* @param {Bool} state | |||||
*/ | |||||
_loading: function(state) { | |||||
this.$loadingEl = _buildDOM({ | |||||
tag: 'div.' + this.options.baseClassName + '-loading.' + this.options.loader | |||||
}); | |||||
if (state){ | |||||
this._resetLayer(); | |||||
_css(this.$layerEl.childNodes[0],{ | |||||
height: '60px', | |||||
width: '60px', | |||||
borderRadius: '30px' | |||||
}); | |||||
_appendChild(this.$layerEl.childNodes[0], this.$loadingEl); | |||||
this._appendPopup(); | |||||
} else { | |||||
_css(this.$layerEl.childNodes[0],{ | |||||
height: null, | |||||
width: null, | |||||
borderRadius: null | |||||
}); | |||||
} | |||||
}, | |||||
/** | |||||
* load Asynchronous Files | |||||
* can be Images or Files via Ajax | |||||
* | |||||
* @param {Object} item | |||||
*/ | |||||
_loadContents: function(item) { | |||||
var url = item.ajax.url, | |||||
str = (typeof item.ajax.str != "undefined")? item.ajax.str : '', | |||||
post = (typeof item.ajax.post != "undefined")? item.ajax.post : true, | |||||
self = this; | |||||
// Match image file | |||||
if (url.match(R_IMG)) {//.exec(url) !== null | |||||
// Create the image Element, not visible | |||||
var imgElement = _buildDOM({ | |||||
children: { | |||||
tag : 'img', | |||||
src : url | |||||
} | |||||
}); | |||||
this._loading(true); | |||||
this._preLoadImage(imgElement, function(){ | |||||
self._loading(false); | |||||
item.content = imgElement; | |||||
self._createPopup(item); | |||||
}); | |||||
} else { | |||||
// get url via ajax | |||||
this._ajax(url, str, post, function(e){ | |||||
// turn the result in a HTMLElement | |||||
var ajaxElement = _buildDOM({ | |||||
html: this | |||||
}); | |||||
// check if the newly created HTMLElement got any Images within it. | |||||
self._preLoadImage(ajaxElement, function(){ | |||||
self._loading(false); | |||||
item.content = ajaxElement; | |||||
self._createPopup(item); | |||||
}); | |||||
}, function(){ | |||||
//before Sending | |||||
self._loading(true); | |||||
}); | |||||
} | |||||
}, | |||||
_preLoadImage : function(parentNode, callback) { | |||||
var items = _getElementsByTagName(parentNode, 'img'); | |||||
var i = items.length; | |||||
var queue = i; | |||||
var img; | |||||
var self = this; | |||||
while (i--){ | |||||
img = items[i]; | |||||
//in case the're already cached by the browser decrement queue | |||||
if(img.complete) { | |||||
queue--; | |||||
} else { | |||||
_on(img, 'load', complete); | |||||
_on(img, 'error', complete); | |||||
} | |||||
} | |||||
//in case the're already cached by the browser | |||||
!queue && complete(); | |||||
var complete = function(){ | |||||
if(--queue <= 0){ | |||||
i = items.length; | |||||
while(i--){ | |||||
img = items[i]; | |||||
_off(img, 'load', complete); | |||||
_off(img, 'error', complete); | |||||
} | |||||
callback(); | |||||
} | |||||
}; | |||||
}, | |||||
/** | |||||
* ajax request | |||||
* with callback and beforeSend | |||||
* | |||||
* @param {String} filename | |||||
* @param {String} str | |||||
* @param {Bool} post | |||||
* @param {Function} callback | |||||
* @param {Function} beforeSend | |||||
*/ | |||||
_ajax: function(filename, str, post, callback, beforeSend) { | |||||
var ajax; | |||||
if (window.XMLHttpRequest){ | |||||
ajax = new XMLHttpRequest();//IE7+, Firefox, Chrome, Opera, Safari | |||||
} else if (ActiveXObject("Microsoft.XMLHTTP")){ | |||||
ajax = new ActiveXObject("Microsoft.XMLHTTP");//IE6/5 | |||||
}else if (ActiveXObject("Msxml2.XMLHTTP")){ | |||||
ajax = new ActiveXObject("Msxml2.XMLHTTP");//other | |||||
}else{ | |||||
alert("Error: Your browser does not support AJAX."); | |||||
return false; | |||||
} | |||||
ajax.onreadystatechange=function(){ | |||||
if (ajax.readyState == 4 && ajax.status == 200){ | |||||
if (callback) callback.call(ajax.responseText); | |||||
} | |||||
}; | |||||
if(post === false) { | |||||
ajax.open("GET", filename + str, true); | |||||
ajax.send(null); | |||||
} else { | |||||
ajax.open("POST", filename, true); | |||||
ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); | |||||
ajax.send(str); | |||||
} | |||||
if(beforeSend) beforeSend.call(); | |||||
return ajax; | |||||
}, | |||||
//////////////// | |||||
//// Events //// | |||||
//////////////// | |||||
//ok event handler | |||||
_okEvent: function(event) { | |||||
// preventDefault | |||||
if (typeof event.preventDefault !== "undefined") event.preventDefault(); | |||||
// call the callback onSubmit if one is defined. this references to _popupS | |||||
if(typeof this.callbacks.onSubmit === "function") { | |||||
if(typeof this.$input !== "undefined") { | |||||
this.callbacks.onSubmit.call(this, this.$input.value); | |||||
} else { | |||||
this.callbacks.onSubmit.call(this); | |||||
} | |||||
} | |||||
// hide popup and detach event handlers | |||||
this._commonEvent(); | |||||
}, | |||||
// cancel event handler | |||||
_cancelEvent: function(event) { | |||||
if (typeof event.preventDefault !== "undefined") event.preventDefault(); | |||||
// call the callback onClose if one is defined. this references to _popupS | |||||
if(typeof this.callbacks.onClose === "function") { | |||||
this.callbacks.onClose.call(this); | |||||
} | |||||
this._commonEvent(); | |||||
}, | |||||
// common event handler (keyup, ok and cancel) | |||||
_commonEvent: function() { | |||||
// remove event handlers | |||||
if(typeof this.$btnOK !== "undefined") _off(this.$btnOK, "click", this._okEvent); | |||||
if(typeof this.$btnCancel !== "undefined") _off(this.$btnCancel, "click", this._cancelEvent); | |||||
if (this.options.flagShowCloseBtn) _off(document.getElementById('popupS-close'), "click", this._cancelEvent); | |||||
if (this.options.flagCloseByOverlay) _off(this.$overlayEl, "click", this._cancelEvent); | |||||
if (this.options.flagCloseByEsc) _off(document.body, "keyup", this._keyEvent); | |||||
this._hide(); | |||||
}, | |||||
// reset focus to first item in the popup | |||||
_resetEvent: function(event) { | |||||
_autoFocus(this.$layerEl); | |||||
}, | |||||
// keyEvent Listener for Enter and Escape | |||||
_keyEvent: function(event) { | |||||
var keyCode = event.keyCode; | |||||
if(typeof this.$input !== "undefined" && keyCode === 13) this._okEvent(event); | |||||
if(keyCode === 27) this._cancelEvent(event); | |||||
}, | |||||
}; |
@@ -0,0 +1,24 @@ | |||||
module.exports = (function() { | |||||
var t, type; | |||||
var supported = false; | |||||
var el = document.createElement("fakeelement"); | |||||
var transitions = { | |||||
"WebkitTransition": "webkitTransitionEnd", | |||||
"MozTransition": "transitionend", | |||||
"OTransition": "otransitionend", | |||||
"transition": "transitionend" | |||||
}; | |||||
for(t in transitions) { | |||||
if (transitions.hasOwnProperty(t) && el.style[t] !== undefined) { | |||||
type = transitions[t]; | |||||
supported = true; | |||||
break; | |||||
} | |||||
} | |||||
return { | |||||
type: type, | |||||
supported: supported | |||||
}; | |||||
})(); |
@@ -0,0 +1,76 @@ | |||||
/** | |||||
* context binding | |||||
* @param {Function} ctx context | |||||
* @param {Function} fn function | |||||
*/ | |||||
function _bind(ctx, fn) { | |||||
var args = [].slice.call(arguments, 2); | |||||
return fn.bind ? fn.bind.apply(fn, [ctx].concat(args)) : function () { | |||||
return fn.apply(ctx, args.concat([].slice.call(arguments))); | |||||
}; | |||||
} | |||||
/** | |||||
* Object iterator | |||||
* | |||||
* @param {Object|Array} obj | |||||
* @param {Function} iterator | |||||
*/ | |||||
function _each(obj, iterator) { | |||||
if (obj) { | |||||
for (var key in obj) { | |||||
if (obj.hasOwnProperty(key)) { | |||||
iterator(obj[key], key, obj); | |||||
} | |||||
} | |||||
} | |||||
} | |||||
/** | |||||
* Copy all of the properties in the source objects over to the destination object | |||||
* | |||||
* @param {...Object} out | |||||
* | |||||
* @return {Object} | |||||
*/ | |||||
function _extend(out) { | |||||
out = out || {}; | |||||
for (var i = 1; i < arguments.length; i++) { | |||||
if (!arguments[i]) | |||||
continue; | |||||
for (var key in arguments[i]) { | |||||
if (arguments[i].hasOwnProperty(key)) | |||||
out[key] = arguments[i][key]; | |||||
} | |||||
} | |||||
return out; | |||||
} | |||||
/** | |||||
* Bind events to elements | |||||
* | |||||
* @param {HTMLElement} el | |||||
* @param {Event} event | |||||
* @param {Function} fn | |||||
*/ | |||||
function _on(el, event, fn) { | |||||
if (typeof el.addEventListener === "function") { | |||||
el.addEventListener(event, fn, false); | |||||
} else if (el.attachEvent) { | |||||
el.attachEvent("on" + event, fn); | |||||
} | |||||
} | |||||
/** | |||||
* Unbind events from element | |||||
* | |||||
* @param {HTMLElement} el | |||||
* @param {Event} event | |||||
* @param {Function} fn | |||||
*/ | |||||
function _off(el, event, fn) { | |||||
if (typeof el.removeEventListener === "function") { | |||||
el.removeEventListener(event, fn, false); | |||||
} else if (el.detachEvent) { | |||||
el.detachEvent("on" + event, fn); | |||||
} | |||||
} |
@@ -0,0 +1,5 @@ | |||||
/*! | |||||
* ClockPicker v0.0.7 for Bootstrap (http://weareoutman.github.io/clockpicker/) | |||||
* Copyright 2014 Wang Shenwei. | |||||
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE) | |||||
*/.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#c0e5f7;background-color:rgba(0,149,221,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#0095dd}.clockpicker-canvas-bg{stroke:none;fill:#c0e5f7}.clockpicker-canvas-bg-trans{fill:rgba(0,149,221,.25)}.clockpicker-canvas line{stroke:#0095dd;stroke-width:1;stroke-linecap:round}.clockpicker-button.am-button{margin:1px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px}.clockpicker-button.pm-button{margin:1px 1px 1px 136px;padding:5px;border:1px solid rgba(0,0,0,.2);border-radius:4px} |
@@ -0,0 +1,683 @@ | |||||
/*! | |||||
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) | |||||
* | |||||
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) | |||||
*/ | |||||
.datepicker { | |||||
border-radius: 4px; | |||||
direction: ltr; | |||||
} | |||||
.datepicker-inline { | |||||
width: 220px; | |||||
} | |||||
.datepicker-rtl { | |||||
direction: rtl; | |||||
} | |||||
.datepicker-rtl.dropdown-menu { | |||||
left: auto; | |||||
} | |||||
.datepicker-rtl table tr td span { | |||||
float: right; | |||||
} | |||||
.datepicker-dropdown { | |||||
top: 0; | |||||
left: 0; | |||||
padding: 4px; | |||||
} | |||||
.datepicker-dropdown:before { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 7px solid transparent; | |||||
border-right: 7px solid transparent; | |||||
border-bottom: 7px solid rgba(0, 0, 0, 0.15); | |||||
border-top: 0; | |||||
border-bottom-color: rgba(0, 0, 0, 0.2); | |||||
position: absolute; | |||||
} | |||||
.datepicker-dropdown:after { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 6px solid transparent; | |||||
border-right: 6px solid transparent; | |||||
border-bottom: 6px solid #fff; | |||||
border-top: 0; | |||||
position: absolute; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-left:before { | |||||
left: 6px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-left:after { | |||||
left: 7px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-right:before { | |||||
right: 6px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-right:after { | |||||
right: 7px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-bottom:before { | |||||
top: -7px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-bottom:after { | |||||
top: -6px; | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-top:before { | |||||
bottom: -7px; | |||||
border-bottom: 0; | |||||
border-top: 7px solid rgba(0, 0, 0, 0.15); | |||||
} | |||||
.datepicker-dropdown.datepicker-orient-top:after { | |||||
bottom: -6px; | |||||
border-bottom: 0; | |||||
border-top: 6px solid #fff; | |||||
} | |||||
.datepicker table { | |||||
margin: 0; | |||||
-webkit-touch-callout: none; | |||||
-webkit-user-select: none; | |||||
-khtml-user-select: none; | |||||
-moz-user-select: none; | |||||
-ms-user-select: none; | |||||
user-select: none; | |||||
} | |||||
.datepicker table tr td, | |||||
.datepicker table tr th { | |||||
text-align: center; | |||||
width: 30px; | |||||
height: 30px; | |||||
border-radius: 4px; | |||||
border: none; | |||||
} | |||||
.table-striped .datepicker table tr td, | |||||
.table-striped .datepicker table tr th { | |||||
background-color: transparent; | |||||
} | |||||
.datepicker table tr td.old, | |||||
.datepicker table tr td.new { | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.day:hover, | |||||
.datepicker table tr td.focused { | |||||
background: #eeeeee; | |||||
cursor: pointer; | |||||
} | |||||
.datepicker table tr td.disabled, | |||||
.datepicker table tr td.disabled:hover { | |||||
background: none; | |||||
color: #777777; | |||||
cursor: default; | |||||
} | |||||
.datepicker table tr td.highlighted { | |||||
color: #000; | |||||
background-color: #d9edf7; | |||||
border-color: #85c5e5; | |||||
border-radius: 0; | |||||
} | |||||
.datepicker table tr td.highlighted:focus, | |||||
.datepicker table tr td.highlighted.focus { | |||||
color: #000; | |||||
background-color: #afd9ee; | |||||
border-color: #298fc2; | |||||
} | |||||
.datepicker table tr td.highlighted:hover { | |||||
color: #000; | |||||
background-color: #afd9ee; | |||||
border-color: #52addb; | |||||
} | |||||
.datepicker table tr td.highlighted:active, | |||||
.datepicker table tr td.highlighted.active { | |||||
color: #000; | |||||
background-color: #afd9ee; | |||||
border-color: #52addb; | |||||
} | |||||
.datepicker table tr td.highlighted:active:hover, | |||||
.datepicker table tr td.highlighted.active:hover, | |||||
.datepicker table tr td.highlighted:active:focus, | |||||
.datepicker table tr td.highlighted.active:focus, | |||||
.datepicker table tr td.highlighted:active.focus, | |||||
.datepicker table tr td.highlighted.active.focus { | |||||
color: #000; | |||||
background-color: #91cbe8; | |||||
border-color: #298fc2; | |||||
} | |||||
.datepicker table tr td.highlighted.disabled:hover, | |||||
.datepicker table tr td.highlighted[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.highlighted:hover, | |||||
.datepicker table tr td.highlighted.disabled:focus, | |||||
.datepicker table tr td.highlighted[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.highlighted:focus, | |||||
.datepicker table tr td.highlighted.disabled.focus, | |||||
.datepicker table tr td.highlighted[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.highlighted.focus { | |||||
background-color: #d9edf7; | |||||
border-color: #85c5e5; | |||||
} | |||||
.datepicker table tr td.highlighted.focused { | |||||
background: #afd9ee; | |||||
} | |||||
.datepicker table tr td.highlighted.disabled, | |||||
.datepicker table tr td.highlighted.disabled:active { | |||||
background: #d9edf7; | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.today { | |||||
color: #000; | |||||
background-color: #ffdb99; | |||||
border-color: #ffb733; | |||||
} | |||||
.datepicker table tr td.today:focus, | |||||
.datepicker table tr td.today.focus { | |||||
color: #000; | |||||
background-color: #ffc966; | |||||
border-color: #b37400; | |||||
} | |||||
.datepicker table tr td.today:hover { | |||||
color: #000; | |||||
background-color: #ffc966; | |||||
border-color: #f59e00; | |||||
} | |||||
.datepicker table tr td.today:active, | |||||
.datepicker table tr td.today.active { | |||||
color: #000; | |||||
background-color: #ffc966; | |||||
border-color: #f59e00; | |||||
} | |||||
.datepicker table tr td.today:active:hover, | |||||
.datepicker table tr td.today.active:hover, | |||||
.datepicker table tr td.today:active:focus, | |||||
.datepicker table tr td.today.active:focus, | |||||
.datepicker table tr td.today:active.focus, | |||||
.datepicker table tr td.today.active.focus { | |||||
color: #000; | |||||
background-color: #ffbc42; | |||||
border-color: #b37400; | |||||
} | |||||
.datepicker table tr td.today.disabled:hover, | |||||
.datepicker table tr td.today[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.today:hover, | |||||
.datepicker table tr td.today.disabled:focus, | |||||
.datepicker table tr td.today[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.today:focus, | |||||
.datepicker table tr td.today.disabled.focus, | |||||
.datepicker table tr td.today[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.today.focus { | |||||
background-color: #ffdb99; | |||||
border-color: #ffb733; | |||||
} | |||||
.datepicker table tr td.today.focused { | |||||
background: #ffc966; | |||||
} | |||||
.datepicker table tr td.today.disabled, | |||||
.datepicker table tr td.today.disabled:active { | |||||
background: #ffdb99; | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.range { | |||||
color: #000; | |||||
background-color: #eeeeee; | |||||
border-color: #bbbbbb; | |||||
border-radius: 0; | |||||
} | |||||
.datepicker table tr td.range:focus, | |||||
.datepicker table tr td.range.focus { | |||||
color: #000; | |||||
background-color: #d5d5d5; | |||||
border-color: #7c7c7c; | |||||
} | |||||
.datepicker table tr td.range:hover { | |||||
color: #000; | |||||
background-color: #d5d5d5; | |||||
border-color: #9d9d9d; | |||||
} | |||||
.datepicker table tr td.range:active, | |||||
.datepicker table tr td.range.active { | |||||
color: #000; | |||||
background-color: #d5d5d5; | |||||
border-color: #9d9d9d; | |||||
} | |||||
.datepicker table tr td.range:active:hover, | |||||
.datepicker table tr td.range.active:hover, | |||||
.datepicker table tr td.range:active:focus, | |||||
.datepicker table tr td.range.active:focus, | |||||
.datepicker table tr td.range:active.focus, | |||||
.datepicker table tr td.range.active.focus { | |||||
color: #000; | |||||
background-color: #c3c3c3; | |||||
border-color: #7c7c7c; | |||||
} | |||||
.datepicker table tr td.range.disabled:hover, | |||||
.datepicker table tr td.range[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.range:hover, | |||||
.datepicker table tr td.range.disabled:focus, | |||||
.datepicker table tr td.range[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.range:focus, | |||||
.datepicker table tr td.range.disabled.focus, | |||||
.datepicker table tr td.range[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.range.focus { | |||||
background-color: #eeeeee; | |||||
border-color: #bbbbbb; | |||||
} | |||||
.datepicker table tr td.range.focused { | |||||
background: #d5d5d5; | |||||
} | |||||
.datepicker table tr td.range.disabled, | |||||
.datepicker table tr td.range.disabled:active { | |||||
background: #eeeeee; | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.range.highlighted { | |||||
color: #000; | |||||
background-color: #e4eef3; | |||||
border-color: #9dc1d3; | |||||
} | |||||
.datepicker table tr td.range.highlighted:focus, | |||||
.datepicker table tr td.range.highlighted.focus { | |||||
color: #000; | |||||
background-color: #c1d7e3; | |||||
border-color: #4b88a6; | |||||
} | |||||
.datepicker table tr td.range.highlighted:hover { | |||||
color: #000; | |||||
background-color: #c1d7e3; | |||||
border-color: #73a6c0; | |||||
} | |||||
.datepicker table tr td.range.highlighted:active, | |||||
.datepicker table tr td.range.highlighted.active { | |||||
color: #000; | |||||
background-color: #c1d7e3; | |||||
border-color: #73a6c0; | |||||
} | |||||
.datepicker table tr td.range.highlighted:active:hover, | |||||
.datepicker table tr td.range.highlighted.active:hover, | |||||
.datepicker table tr td.range.highlighted:active:focus, | |||||
.datepicker table tr td.range.highlighted.active:focus, | |||||
.datepicker table tr td.range.highlighted:active.focus, | |||||
.datepicker table tr td.range.highlighted.active.focus { | |||||
color: #000; | |||||
background-color: #a8c8d8; | |||||
border-color: #4b88a6; | |||||
} | |||||
.datepicker table tr td.range.highlighted.disabled:hover, | |||||
.datepicker table tr td.range.highlighted[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.range.highlighted:hover, | |||||
.datepicker table tr td.range.highlighted.disabled:focus, | |||||
.datepicker table tr td.range.highlighted[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.range.highlighted:focus, | |||||
.datepicker table tr td.range.highlighted.disabled.focus, | |||||
.datepicker table tr td.range.highlighted[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.range.highlighted.focus { | |||||
background-color: #e4eef3; | |||||
border-color: #9dc1d3; | |||||
} | |||||
.datepicker table tr td.range.highlighted.focused { | |||||
background: #c1d7e3; | |||||
} | |||||
.datepicker table tr td.range.highlighted.disabled, | |||||
.datepicker table tr td.range.highlighted.disabled:active { | |||||
background: #e4eef3; | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.range.today { | |||||
color: #000; | |||||
background-color: #f7ca77; | |||||
border-color: #f1a417; | |||||
} | |||||
.datepicker table tr td.range.today:focus, | |||||
.datepicker table tr td.range.today.focus { | |||||
color: #000; | |||||
background-color: #f4b747; | |||||
border-color: #815608; | |||||
} | |||||
.datepicker table tr td.range.today:hover { | |||||
color: #000; | |||||
background-color: #f4b747; | |||||
border-color: #bf800c; | |||||
} | |||||
.datepicker table tr td.range.today:active, | |||||
.datepicker table tr td.range.today.active { | |||||
color: #000; | |||||
background-color: #f4b747; | |||||
border-color: #bf800c; | |||||
} | |||||
.datepicker table tr td.range.today:active:hover, | |||||
.datepicker table tr td.range.today.active:hover, | |||||
.datepicker table tr td.range.today:active:focus, | |||||
.datepicker table tr td.range.today.active:focus, | |||||
.datepicker table tr td.range.today:active.focus, | |||||
.datepicker table tr td.range.today.active.focus { | |||||
color: #000; | |||||
background-color: #f2aa25; | |||||
border-color: #815608; | |||||
} | |||||
.datepicker table tr td.range.today.disabled:hover, | |||||
.datepicker table tr td.range.today[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.range.today:hover, | |||||
.datepicker table tr td.range.today.disabled:focus, | |||||
.datepicker table tr td.range.today[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.range.today:focus, | |||||
.datepicker table tr td.range.today.disabled.focus, | |||||
.datepicker table tr td.range.today[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.range.today.focus { | |||||
background-color: #f7ca77; | |||||
border-color: #f1a417; | |||||
} | |||||
.datepicker table tr td.range.today.disabled, | |||||
.datepicker table tr td.range.today.disabled:active { | |||||
background: #f7ca77; | |||||
color: #777777; | |||||
} | |||||
.datepicker table tr td.selected, | |||||
.datepicker table tr td.selected.highlighted { | |||||
color: #fff; | |||||
background-color: #777777; | |||||
border-color: #555555; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.datepicker table tr td.selected:focus, | |||||
.datepicker table tr td.selected.highlighted:focus, | |||||
.datepicker table tr td.selected.focus, | |||||
.datepicker table tr td.selected.highlighted.focus { | |||||
color: #fff; | |||||
background-color: #5e5e5e; | |||||
border-color: #161616; | |||||
} | |||||
.datepicker table tr td.selected:hover, | |||||
.datepicker table tr td.selected.highlighted:hover { | |||||
color: #fff; | |||||
background-color: #5e5e5e; | |||||
border-color: #373737; | |||||
} | |||||
.datepicker table tr td.selected:active, | |||||
.datepicker table tr td.selected.highlighted:active, | |||||
.datepicker table tr td.selected.active, | |||||
.datepicker table tr td.selected.highlighted.active { | |||||
color: #fff; | |||||
background-color: #5e5e5e; | |||||
border-color: #373737; | |||||
} | |||||
.datepicker table tr td.selected:active:hover, | |||||
.datepicker table tr td.selected.highlighted:active:hover, | |||||
.datepicker table tr td.selected.active:hover, | |||||
.datepicker table tr td.selected.highlighted.active:hover, | |||||
.datepicker table tr td.selected:active:focus, | |||||
.datepicker table tr td.selected.highlighted:active:focus, | |||||
.datepicker table tr td.selected.active:focus, | |||||
.datepicker table tr td.selected.highlighted.active:focus, | |||||
.datepicker table tr td.selected:active.focus, | |||||
.datepicker table tr td.selected.highlighted:active.focus, | |||||
.datepicker table tr td.selected.active.focus, | |||||
.datepicker table tr td.selected.highlighted.active.focus { | |||||
color: #fff; | |||||
background-color: #4c4c4c; | |||||
border-color: #161616; | |||||
} | |||||
.datepicker table tr td.selected.disabled:hover, | |||||
.datepicker table tr td.selected.highlighted.disabled:hover, | |||||
.datepicker table tr td.selected[disabled]:hover, | |||||
.datepicker table tr td.selected.highlighted[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.selected:hover, | |||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, | |||||
.datepicker table tr td.selected.disabled:focus, | |||||
.datepicker table tr td.selected.highlighted.disabled:focus, | |||||
.datepicker table tr td.selected[disabled]:focus, | |||||
.datepicker table tr td.selected.highlighted[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.selected:focus, | |||||
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, | |||||
.datepicker table tr td.selected.disabled.focus, | |||||
.datepicker table tr td.selected.highlighted.disabled.focus, | |||||
.datepicker table tr td.selected[disabled].focus, | |||||
.datepicker table tr td.selected.highlighted[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.selected.focus, | |||||
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { | |||||
background-color: #777777; | |||||
border-color: #555555; | |||||
} | |||||
.datepicker table tr td.active, | |||||
.datepicker table tr td.active.highlighted { | |||||
color: #fff; | |||||
background-color: #337ab7; | |||||
border-color: #2e6da4; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.datepicker table tr td.active:focus, | |||||
.datepicker table tr td.active.highlighted:focus, | |||||
.datepicker table tr td.active.focus, | |||||
.datepicker table tr td.active.highlighted.focus { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #122b40; | |||||
} | |||||
.datepicker table tr td.active:hover, | |||||
.datepicker table tr td.active.highlighted:hover { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #204d74; | |||||
} | |||||
.datepicker table tr td.active:active, | |||||
.datepicker table tr td.active.highlighted:active, | |||||
.datepicker table tr td.active.active, | |||||
.datepicker table tr td.active.highlighted.active { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #204d74; | |||||
} | |||||
.datepicker table tr td.active:active:hover, | |||||
.datepicker table tr td.active.highlighted:active:hover, | |||||
.datepicker table tr td.active.active:hover, | |||||
.datepicker table tr td.active.highlighted.active:hover, | |||||
.datepicker table tr td.active:active:focus, | |||||
.datepicker table tr td.active.highlighted:active:focus, | |||||
.datepicker table tr td.active.active:focus, | |||||
.datepicker table tr td.active.highlighted.active:focus, | |||||
.datepicker table tr td.active:active.focus, | |||||
.datepicker table tr td.active.highlighted:active.focus, | |||||
.datepicker table tr td.active.active.focus, | |||||
.datepicker table tr td.active.highlighted.active.focus { | |||||
color: #fff; | |||||
background-color: #204d74; | |||||
border-color: #122b40; | |||||
} | |||||
.datepicker table tr td.active.disabled:hover, | |||||
.datepicker table tr td.active.highlighted.disabled:hover, | |||||
.datepicker table tr td.active[disabled]:hover, | |||||
.datepicker table tr td.active.highlighted[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td.active:hover, | |||||
fieldset[disabled] .datepicker table tr td.active.highlighted:hover, | |||||
.datepicker table tr td.active.disabled:focus, | |||||
.datepicker table tr td.active.highlighted.disabled:focus, | |||||
.datepicker table tr td.active[disabled]:focus, | |||||
.datepicker table tr td.active.highlighted[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td.active:focus, | |||||
fieldset[disabled] .datepicker table tr td.active.highlighted:focus, | |||||
.datepicker table tr td.active.disabled.focus, | |||||
.datepicker table tr td.active.highlighted.disabled.focus, | |||||
.datepicker table tr td.active[disabled].focus, | |||||
.datepicker table tr td.active.highlighted[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td.active.focus, | |||||
fieldset[disabled] .datepicker table tr td.active.highlighted.focus { | |||||
background-color: #337ab7; | |||||
border-color: #2e6da4; | |||||
} | |||||
.datepicker table tr td span { | |||||
display: block; | |||||
width: 23%; | |||||
height: 54px; | |||||
line-height: 54px; | |||||
float: left; | |||||
margin: 1%; | |||||
cursor: pointer; | |||||
border-radius: 4px; | |||||
} | |||||
.datepicker table tr td span:hover, | |||||
.datepicker table tr td span.focused { | |||||
background: #eeeeee; | |||||
} | |||||
.datepicker table tr td span.disabled, | |||||
.datepicker table tr td span.disabled:hover { | |||||
background: none; | |||||
color: #777777; | |||||
cursor: default; | |||||
} | |||||
.datepicker table tr td span.active, | |||||
.datepicker table tr td span.active:hover, | |||||
.datepicker table tr td span.active.disabled, | |||||
.datepicker table tr td span.active.disabled:hover { | |||||
color: #fff; | |||||
background-color: #337ab7; | |||||
border-color: #2e6da4; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.datepicker table tr td span.active:focus, | |||||
.datepicker table tr td span.active:hover:focus, | |||||
.datepicker table tr td span.active.disabled:focus, | |||||
.datepicker table tr td span.active.disabled:hover:focus, | |||||
.datepicker table tr td span.active.focus, | |||||
.datepicker table tr td span.active:hover.focus, | |||||
.datepicker table tr td span.active.disabled.focus, | |||||
.datepicker table tr td span.active.disabled:hover.focus { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #122b40; | |||||
} | |||||
.datepicker table tr td span.active:hover, | |||||
.datepicker table tr td span.active:hover:hover, | |||||
.datepicker table tr td span.active.disabled:hover, | |||||
.datepicker table tr td span.active.disabled:hover:hover { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #204d74; | |||||
} | |||||
.datepicker table tr td span.active:active, | |||||
.datepicker table tr td span.active:hover:active, | |||||
.datepicker table tr td span.active.disabled:active, | |||||
.datepicker table tr td span.active.disabled:hover:active, | |||||
.datepicker table tr td span.active.active, | |||||
.datepicker table tr td span.active:hover.active, | |||||
.datepicker table tr td span.active.disabled.active, | |||||
.datepicker table tr td span.active.disabled:hover.active { | |||||
color: #fff; | |||||
background-color: #286090; | |||||
border-color: #204d74; | |||||
} | |||||
.datepicker table tr td span.active:active:hover, | |||||
.datepicker table tr td span.active:hover:active:hover, | |||||
.datepicker table tr td span.active.disabled:active:hover, | |||||
.datepicker table tr td span.active.disabled:hover:active:hover, | |||||
.datepicker table tr td span.active.active:hover, | |||||
.datepicker table tr td span.active:hover.active:hover, | |||||
.datepicker table tr td span.active.disabled.active:hover, | |||||
.datepicker table tr td span.active.disabled:hover.active:hover, | |||||
.datepicker table tr td span.active:active:focus, | |||||
.datepicker table tr td span.active:hover:active:focus, | |||||
.datepicker table tr td span.active.disabled:active:focus, | |||||
.datepicker table tr td span.active.disabled:hover:active:focus, | |||||
.datepicker table tr td span.active.active:focus, | |||||
.datepicker table tr td span.active:hover.active:focus, | |||||
.datepicker table tr td span.active.disabled.active:focus, | |||||
.datepicker table tr td span.active.disabled:hover.active:focus, | |||||
.datepicker table tr td span.active:active.focus, | |||||
.datepicker table tr td span.active:hover:active.focus, | |||||
.datepicker table tr td span.active.disabled:active.focus, | |||||
.datepicker table tr td span.active.disabled:hover:active.focus, | |||||
.datepicker table tr td span.active.active.focus, | |||||
.datepicker table tr td span.active:hover.active.focus, | |||||
.datepicker table tr td span.active.disabled.active.focus, | |||||
.datepicker table tr td span.active.disabled:hover.active.focus { | |||||
color: #fff; | |||||
background-color: #204d74; | |||||
border-color: #122b40; | |||||
} | |||||
.datepicker table tr td span.active.disabled:hover, | |||||
.datepicker table tr td span.active:hover.disabled:hover, | |||||
.datepicker table tr td span.active.disabled.disabled:hover, | |||||
.datepicker table tr td span.active.disabled:hover.disabled:hover, | |||||
.datepicker table tr td span.active[disabled]:hover, | |||||
.datepicker table tr td span.active:hover[disabled]:hover, | |||||
.datepicker table tr td span.active.disabled[disabled]:hover, | |||||
.datepicker table tr td span.active.disabled:hover[disabled]:hover, | |||||
fieldset[disabled] .datepicker table tr td span.active:hover, | |||||
fieldset[disabled] .datepicker table tr td span.active:hover:hover, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, | |||||
.datepicker table tr td span.active.disabled:focus, | |||||
.datepicker table tr td span.active:hover.disabled:focus, | |||||
.datepicker table tr td span.active.disabled.disabled:focus, | |||||
.datepicker table tr td span.active.disabled:hover.disabled:focus, | |||||
.datepicker table tr td span.active[disabled]:focus, | |||||
.datepicker table tr td span.active:hover[disabled]:focus, | |||||
.datepicker table tr td span.active.disabled[disabled]:focus, | |||||
.datepicker table tr td span.active.disabled:hover[disabled]:focus, | |||||
fieldset[disabled] .datepicker table tr td span.active:focus, | |||||
fieldset[disabled] .datepicker table tr td span.active:hover:focus, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled:focus, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, | |||||
.datepicker table tr td span.active.disabled.focus, | |||||
.datepicker table tr td span.active:hover.disabled.focus, | |||||
.datepicker table tr td span.active.disabled.disabled.focus, | |||||
.datepicker table tr td span.active.disabled:hover.disabled.focus, | |||||
.datepicker table tr td span.active[disabled].focus, | |||||
.datepicker table tr td span.active:hover[disabled].focus, | |||||
.datepicker table tr td span.active.disabled[disabled].focus, | |||||
.datepicker table tr td span.active.disabled:hover[disabled].focus, | |||||
fieldset[disabled] .datepicker table tr td span.active.focus, | |||||
fieldset[disabled] .datepicker table tr td span.active:hover.focus, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled.focus, | |||||
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { | |||||
background-color: #337ab7; | |||||
border-color: #2e6da4; | |||||
} | |||||
.datepicker table tr td span.old, | |||||
.datepicker table tr td span.new { | |||||
color: #777777; | |||||
} | |||||
.datepicker .datepicker-switch { | |||||
width: 145px; | |||||
} | |||||
.datepicker .datepicker-switch, | |||||
.datepicker .prev, | |||||
.datepicker .next, | |||||
.datepicker tfoot tr th { | |||||
cursor: pointer; | |||||
} | |||||
.datepicker .datepicker-switch:hover, | |||||
.datepicker .prev:hover, | |||||
.datepicker .next:hover, | |||||
.datepicker tfoot tr th:hover { | |||||
background: #eeeeee; | |||||
} | |||||
.datepicker .prev.disabled, | |||||
.datepicker .next.disabled { | |||||
visibility: hidden; | |||||
} | |||||
.datepicker .cw { | |||||
font-size: 10px; | |||||
width: 12px; | |||||
padding: 0 2px 0 5px; | |||||
vertical-align: middle; | |||||
} | |||||
.input-group.date .input-group-addon { | |||||
cursor: pointer; | |||||
} | |||||
.input-daterange { | |||||
width: 100%; | |||||
} | |||||
.input-daterange input { | |||||
text-align: center; | |||||
} | |||||
.input-daterange input:first-child { | |||||
border-radius: 3px 0 0 3px; | |||||
} | |||||
.input-daterange input:last-child { | |||||
border-radius: 0 3px 3px 0; | |||||
} | |||||
.input-daterange .input-group-addon { | |||||
width: auto; | |||||
min-width: 16px; | |||||
padding: 4px 5px; | |||||
line-height: 1.42857143; | |||||
border-width: 1px 0; | |||||
margin-left: -5px; | |||||
margin-right: -5px; | |||||
} | |||||
/*# sourceMappingURL=bootstrap-datepicker3.css.map */ |
@@ -0,0 +1,418 @@ | |||||
/*! | |||||
* Datetimepicker for Bootstrap | |||||
* | |||||
* Copyright 2012 Stefan Petre | |||||
* Improvements by Andrew Rowls | |||||
* Licensed under the Apache License v2.0 | |||||
* http://www.apache.org/licenses/LICENSE-2.0 | |||||
* | |||||
*/ | |||||
.datetimepicker { | |||||
padding: 4px; | |||||
margin-top: 1px; | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
direction: ltr; | |||||
} | |||||
.datetimepicker-inline { | |||||
width: 220px; | |||||
} | |||||
.datetimepicker.datetimepicker-rtl { | |||||
direction: rtl; | |||||
} | |||||
.datetimepicker.datetimepicker-rtl table tr td span { | |||||
float: right; | |||||
} | |||||
.datetimepicker-dropdown, .datetimepicker-dropdown-left { | |||||
top: 0; | |||||
left: 0; | |||||
} | |||||
[class*=" datetimepicker-dropdown"]:before { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 7px solid transparent; | |||||
border-right: 7px solid transparent; | |||||
border-bottom: 7px solid #cccccc; | |||||
border-bottom-color: rgba(0, 0, 0, 0.2); | |||||
position: absolute; | |||||
} | |||||
[class*=" datetimepicker-dropdown"]:after { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 6px solid transparent; | |||||
border-right: 6px solid transparent; | |||||
border-bottom: 6px solid #ffffff; | |||||
position: absolute; | |||||
} | |||||
[class*=" datetimepicker-dropdown-top"]:before { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 7px solid transparent; | |||||
border-right: 7px solid transparent; | |||||
border-top: 7px solid #cccccc; | |||||
border-top-color: rgba(0, 0, 0, 0.2); | |||||
border-bottom: 0; | |||||
} | |||||
[class*=" datetimepicker-dropdown-top"]:after { | |||||
content: ''; | |||||
display: inline-block; | |||||
border-left: 6px solid transparent; | |||||
border-right: 6px solid transparent; | |||||
border-top: 6px solid #ffffff; | |||||
border-bottom: 0; | |||||
} | |||||
.datetimepicker-dropdown-bottom-left:before { | |||||
top: -7px; | |||||
right: 6px; | |||||
} | |||||
.datetimepicker-dropdown-bottom-left:after { | |||||
top: -6px; | |||||
right: 7px; | |||||
} | |||||
.datetimepicker-dropdown-bottom-right:before { | |||||
top: -7px; | |||||
left: 6px; | |||||
} | |||||
.datetimepicker-dropdown-bottom-right:after { | |||||
top: -6px; | |||||
left: 7px; | |||||
} | |||||
.datetimepicker-dropdown-top-left:before { | |||||
bottom: -7px; | |||||
right: 6px; | |||||
} | |||||
.datetimepicker-dropdown-top-left:after { | |||||
bottom: -6px; | |||||
right: 7px; | |||||
} | |||||
.datetimepicker-dropdown-top-right:before { | |||||
bottom: -7px; | |||||
left: 6px; | |||||
} | |||||
.datetimepicker-dropdown-top-right:after { | |||||
bottom: -6px; | |||||
left: 7px; | |||||
} | |||||
.datetimepicker > div { | |||||
display: none; | |||||
} | |||||
.datetimepicker.minutes div.datetimepicker-minutes { | |||||
display: block; | |||||
} | |||||
.datetimepicker.hours div.datetimepicker-hours { | |||||
display: block; | |||||
} | |||||
.datetimepicker.days div.datetimepicker-days { | |||||
display: block; | |||||
} | |||||
.datetimepicker.months div.datetimepicker-months { | |||||
display: block; | |||||
} | |||||
.datetimepicker.years div.datetimepicker-years { | |||||
display: block; | |||||
} | |||||
.datetimepicker table { | |||||
margin: 0; | |||||
} | |||||
.datetimepicker td, | |||||
.datetimepicker th { | |||||
text-align: center; | |||||
width: 20px; | |||||
height: 20px; | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
border: none; | |||||
} | |||||
.table-striped .datetimepicker table tr td, | |||||
.table-striped .datetimepicker table tr th { | |||||
background-color: transparent; | |||||
} | |||||
.datetimepicker table tr td.minute:hover { | |||||
background: #eeeeee; | |||||
cursor: pointer; | |||||
} | |||||
.datetimepicker table tr td.hour:hover { | |||||
background: #eeeeee; | |||||
cursor: pointer; | |||||
} | |||||
.datetimepicker table tr td.day:hover { | |||||
background: #eeeeee; | |||||
cursor: pointer; | |||||
} | |||||
.datetimepicker table tr td.old, | |||||
.datetimepicker table tr td.new { | |||||
color: #999999; | |||||
} | |||||
.datetimepicker table tr td.disabled, | |||||
.datetimepicker table tr td.disabled:hover { | |||||
background: none; | |||||
color: #999999; | |||||
cursor: default; | |||||
} | |||||
.datetimepicker table tr td.today, | |||||
.datetimepicker table tr td.today:hover, | |||||
.datetimepicker table tr td.today.disabled, | |||||
.datetimepicker table tr td.today.disabled:hover { | |||||
background-color: #fde19a; | |||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); | |||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); | |||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); | |||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); | |||||
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); | |||||
background-repeat: repeat-x; | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); | |||||
border-color: #fdf59a #fdf59a #fbed50; | |||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | |||||
} | |||||
.datetimepicker table tr td.today:hover, | |||||
.datetimepicker table tr td.today:hover:hover, | |||||
.datetimepicker table tr td.today.disabled:hover, | |||||
.datetimepicker table tr td.today.disabled:hover:hover, | |||||
.datetimepicker table tr td.today:active, | |||||
.datetimepicker table tr td.today:hover:active, | |||||
.datetimepicker table tr td.today.disabled:active, | |||||
.datetimepicker table tr td.today.disabled:hover:active, | |||||
.datetimepicker table tr td.today.active, | |||||
.datetimepicker table tr td.today:hover.active, | |||||
.datetimepicker table tr td.today.disabled.active, | |||||
.datetimepicker table tr td.today.disabled:hover.active, | |||||
.datetimepicker table tr td.today.disabled, | |||||
.datetimepicker table tr td.today:hover.disabled, | |||||
.datetimepicker table tr td.today.disabled.disabled, | |||||
.datetimepicker table tr td.today.disabled:hover.disabled, | |||||
.datetimepicker table tr td.today[disabled], | |||||
.datetimepicker table tr td.today:hover[disabled], | |||||
.datetimepicker table tr td.today.disabled[disabled], | |||||
.datetimepicker table tr td.today.disabled:hover[disabled] { | |||||
background-color: #fdf59a; | |||||
} | |||||
.datetimepicker table tr td.today:active, | |||||
.datetimepicker table tr td.today:hover:active, | |||||
.datetimepicker table tr td.today.disabled:active, | |||||
.datetimepicker table tr td.today.disabled:hover:active, | |||||
.datetimepicker table tr td.today.active, | |||||
.datetimepicker table tr td.today:hover.active, | |||||
.datetimepicker table tr td.today.disabled.active, | |||||
.datetimepicker table tr td.today.disabled:hover.active { | |||||
background-color: #fbf069; | |||||
} | |||||
.datetimepicker table tr td.active, | |||||
.datetimepicker table tr td.active:hover, | |||||
.datetimepicker table tr td.active.disabled, | |||||
.datetimepicker table tr td.active.disabled:hover { | |||||
background-color: #006dcc; | |||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); | |||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc); | |||||
background-repeat: repeat-x; | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); | |||||
border-color: #0044cc #0044cc #002a80; | |||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | |||||
color: #ffffff; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.datetimepicker table tr td.active:hover, | |||||
.datetimepicker table tr td.active:hover:hover, | |||||
.datetimepicker table tr td.active.disabled:hover, | |||||
.datetimepicker table tr td.active.disabled:hover:hover, | |||||
.datetimepicker table tr td.active:active, | |||||
.datetimepicker table tr td.active:hover:active, | |||||
.datetimepicker table tr td.active.disabled:active, | |||||
.datetimepicker table tr td.active.disabled:hover:active, | |||||
.datetimepicker table tr td.active.active, | |||||
.datetimepicker table tr td.active:hover.active, | |||||
.datetimepicker table tr td.active.disabled.active, | |||||
.datetimepicker table tr td.active.disabled:hover.active, | |||||
.datetimepicker table tr td.active.disabled, | |||||
.datetimepicker table tr td.active:hover.disabled, | |||||
.datetimepicker table tr td.active.disabled.disabled, | |||||
.datetimepicker table tr td.active.disabled:hover.disabled, | |||||
.datetimepicker table tr td.active[disabled], | |||||
.datetimepicker table tr td.active:hover[disabled], | |||||
.datetimepicker table tr td.active.disabled[disabled], | |||||
.datetimepicker table tr td.active.disabled:hover[disabled] { | |||||
background-color: #0044cc; | |||||
} | |||||
.datetimepicker table tr td.active:active, | |||||
.datetimepicker table tr td.active:hover:active, | |||||
.datetimepicker table tr td.active.disabled:active, | |||||
.datetimepicker table tr td.active.disabled:hover:active, | |||||
.datetimepicker table tr td.active.active, | |||||
.datetimepicker table tr td.active:hover.active, | |||||
.datetimepicker table tr td.active.disabled.active, | |||||
.datetimepicker table tr td.active.disabled:hover.active { | |||||
background-color: #003399; | |||||
} | |||||
.datetimepicker table tr td span { | |||||
display: block; | |||||
width: 23%; | |||||
height: 54px; | |||||
line-height: 54px; | |||||
float: left; | |||||
margin: 1%; | |||||
cursor: pointer; | |||||
-webkit-border-radius: 4px; | |||||
-moz-border-radius: 4px; | |||||
border-radius: 4px; | |||||
} | |||||
.datetimepicker .datetimepicker-hours span { | |||||
height: 26px; | |||||
line-height: 26px; | |||||
} | |||||
.datetimepicker .datetimepicker-hours table tr td span.hour_am, | |||||
.datetimepicker .datetimepicker-hours table tr td span.hour_pm { | |||||
width: 14.6%; | |||||
} | |||||
.datetimepicker .datetimepicker-hours fieldset legend, | |||||
.datetimepicker .datetimepicker-minutes fieldset legend { | |||||
margin-bottom: inherit; | |||||
line-height: 30px; | |||||
} | |||||
.datetimepicker .datetimepicker-minutes span { | |||||
height: 26px; | |||||
line-height: 26px; | |||||
} | |||||
.datetimepicker table tr td span:hover { | |||||
background: #eeeeee; | |||||
} | |||||
.datetimepicker table tr td span.disabled, | |||||
.datetimepicker table tr td span.disabled:hover { | |||||
background: none; | |||||
color: #999999; | |||||
cursor: default; | |||||
} | |||||
.datetimepicker table tr td span.active, | |||||
.datetimepicker table tr td span.active:hover, | |||||
.datetimepicker table tr td span.active.disabled, | |||||
.datetimepicker table tr td span.active.disabled:hover { | |||||
background-color: #006dcc; | |||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); | |||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); | |||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc); | |||||
background-repeat: repeat-x; | |||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); | |||||
border-color: #0044cc #0044cc #002a80; | |||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | |||||
color: #ffffff; | |||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |||||
} | |||||
.datetimepicker table tr td span.active:hover, | |||||
.datetimepicker table tr td span.active:hover:hover, | |||||
.datetimepicker table tr td span.active.disabled:hover, | |||||
.datetimepicker table tr td span.active.disabled:hover:hover, | |||||
.datetimepicker table tr td span.active:active, | |||||
.datetimepicker table tr td span.active:hover:active, | |||||
.datetimepicker table tr td span.active.disabled:active, | |||||
.datetimepicker table tr td span.active.disabled:hover:active, | |||||
.datetimepicker table tr td span.active.active, | |||||
.datetimepicker table tr td span.active:hover.active, | |||||
.datetimepicker table tr td span.active.disabled.active, | |||||
.datetimepicker table tr td span.active.disabled:hover.active, | |||||
.datetimepicker table tr td span.active.disabled, | |||||
.datetimepicker table tr td span.active:hover.disabled, | |||||
.datetimepicker table tr td span.active.disabled.disabled, | |||||
.datetimepicker table tr td span.active.disabled:hover.disabled, | |||||
.datetimepicker table tr td span.active[disabled], | |||||
.datetimepicker table tr td span.active:hover[disabled], | |||||
.datetimepicker table tr td span.active.disabled[disabled], | |||||
.datetimepicker table tr td span.active.disabled:hover[disabled] { | |||||
background-color: #0044cc; | |||||
} | |||||
.datetimepicker table tr td span.active:active, | |||||
.datetimepicker table tr td span.active:hover:active, | |||||
.datetimepicker table tr td span.active.disabled:active, | |||||
.datetimepicker table tr td span.active.disabled:hover:active, | |||||
.datetimepicker table tr td span.active.active, | |||||
.datetimepicker table tr td span.active:hover.active, | |||||
.datetimepicker table tr td span.active.disabled.active, | |||||
.datetimepicker table tr td span.active.disabled:hover.active { | |||||
background-color: #003399; | |||||
} | |||||
.datetimepicker table tr td span.old { | |||||
color: #999999; | |||||
} | |||||
.datetimepicker th.switch { | |||||
width: 145px; | |||||
} | |||||
.datetimepicker th span.glyphicon { | |||||
pointer-events: none; | |||||
} | |||||
.datetimepicker thead tr:first-child th, | |||||
.datetimepicker tfoot th { | |||||
cursor: pointer; | |||||
} | |||||
.datetimepicker thead tr:first-child th:hover, | |||||
.datetimepicker tfoot th:hover { | |||||
background: #eeeeee; | |||||
} | |||||
.input-append.date .add-on i, | |||||
.input-prepend.date .add-on i, | |||||
.input-group.date .input-group-addon span { | |||||
cursor: pointer; | |||||
width: 14px; | |||||
height: 14px; | |||||
} |
@@ -0,0 +1,386 @@ | |||||
/*---------- libraries ---------- */ | |||||
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); | |||||
@import url(https://fonts.googleapis.com/css?family=Work+Sans); | |||||
html, body, div, span, applet, object, iframe, | |||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |||||
a, abbr, acronym, address, big, cite, code, | |||||
del, dfn, em, img, ins, kbd, q, s, samp, | |||||
small, strike, strong, sub, sup, tt, var, | |||||
b, u, i, center, | |||||
dl, dt, dd, ol, ul, li, | |||||
fieldset, form, label, legend, | |||||
table, caption, tbody, tfoot, thead, tr, th, td, | |||||
article, aside, canvas, details, embed, | |||||
figure, figcaption, footer, header, hgroup, | |||||
menu, nav, output, ruby, section, summary, | |||||
time, mark, audio, video { | |||||
margin: 0; | |||||
padding: 0; | |||||
border: 0; | |||||
font: inherit; | |||||
font-size: 100%; | |||||
vertical-align: baseline; | |||||
} | |||||
html { | |||||
line-height: 1; | |||||
} | |||||
ol, ul { | |||||
list-style: none; | |||||
} | |||||
table { | |||||
border-collapse: collapse; | |||||
border-spacing: 0; | |||||
} | |||||
caption, th, td { | |||||
text-align: left; | |||||
font-weight: normal; | |||||
vertical-align: middle; | |||||
} | |||||
q, blockquote { | |||||
quotes: none; | |||||
} | |||||
q:before, q:after, blockquote:before, blockquote:after { | |||||
content: ""; | |||||
content: none; | |||||
} | |||||
a img { | |||||
border: none; | |||||
} | |||||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { | |||||
display: block; | |||||
} | |||||
/*---------- style ----------*/ | |||||
* { | |||||
-moz-box-sizing: border-box; | |||||
-webkit-box-sizing: border-box; | |||||
box-sizing: border-box; | |||||
-webkit-font-smoothing: antialiased; | |||||
-moz-osx-font-smoothing: grayscale; | |||||
text-rendering: optimizeLegibility; | |||||
} | |||||
body { | |||||
background-color: #b3e5fc; | |||||
} | |||||
.wrappers { | |||||
width: 611px; | |||||
height: 1350px; | |||||
margin: 80px auto 0; | |||||
} | |||||
.wrappers .containers { | |||||
float: right; | |||||
width: 600px; | |||||
height: 1325px; | |||||
background-color: #fff; | |||||
-moz-border-radius: 10px; | |||||
-webkit-border-radius: 10px; | |||||
border-radius: 10px; | |||||
} | |||||
.wrappers .containers .part { | |||||
float: left; | |||||
height: 100%; | |||||
} | |||||
.wrappers .containers .part.card-details { | |||||
padding: 48px 40px 0; | |||||
width: 60%; | |||||
} | |||||
.wrappers .containers .part.card-details h1 { | |||||
background-color: #00b0ff; | |||||
color: white; | |||||
font-family: 'Montserrat', sans-serif; | |||||
font-size: 12px; | |||||
text-transform: uppercase; | |||||
padding: 14px 0 10px 49px; | |||||
letter-spacing: 1px; | |||||
margin-left: -52px; | |||||
width: 330px; | |||||
} | |||||
.wrappers .containers .part.card-details h1 { | |||||
background-color: #00b0ff; | |||||
color: white; | |||||
font-family: 'Montserrat', sans-serif; | |||||
font-size: 12px; | |||||
text-transform: uppercase; | |||||
padding: 14px 0 10px 49px; | |||||
letter-spacing: 1px; | |||||
margin-left: -52px; | |||||
width: 330px; | |||||
} | |||||
.header-title { | |||||
margin-left: -15px; | |||||
margin-bottom: 10px; | |||||
font-weight: bold; | |||||
font-size: 18px; | |||||
font-family:'Montserrat', sans-serif; | |||||
text-decoration: underline; | |||||
} | |||||
.interval-settings{ | |||||
background-color: #00b0ff; | |||||
color: white; | |||||
font-family: 'Montserrat', sans-serif; | |||||
font-size: 12px; | |||||
text-transform: uppercase; | |||||
padding: 14px 0 10px 49px; | |||||
letter-spacing: 1px; | |||||
margin-left: -52px; | |||||
width: 330px; | |||||
} | |||||
.form-right{ | |||||
margin-left: -20px; | |||||
margin-right: 5px; | |||||
margin-top: 10px; | |||||
width: 200px | |||||
} | |||||
.wrappers .containers .part.bg { | |||||
padding-top: 50px; | |||||
padding-left: 30px; | |||||
width: 40%; | |||||
background-color: rgb(211,211,211); | |||||
background-size: 121%; | |||||
background-repeat: no-repeat; | |||||
overflow: hidden; | |||||
-moz-border-radius-topright: 10px; | |||||
-webkit-border-top-right-radius: 10px; | |||||
border-top-right-radius: 10px; | |||||
-moz-border-radius-bottomright: 10px; | |||||
-webkit-border-bottom-right-radius: 10px; | |||||
border-bottom-right-radius: 10px; | |||||
} | |||||
.wrappers .containers .part.bg table { | |||||
background-color: #19194C; | |||||
color: white; | |||||
font-family: 'Montserrat', sans-serif; | |||||
font-size: 9px; | |||||
text-transform: uppercase; | |||||
padding-left: 12px; | |||||
letter-spacing: 1px; | |||||
margin-left: -20px; | |||||
height:100px; | |||||
width:200px; | |||||
} | |||||
.wrappers .containers form { | |||||
font-family: 'Work Sans', sans-serif; | |||||
} | |||||
.wrappers .containers form .group { | |||||
display: block; | |||||
width: 100%; | |||||
float: left; | |||||
position: relative; | |||||
margin-bottom: 25px; | |||||
} | |||||
.wrappers .containers form .group label { | |||||
font-size: 12px; | |||||
float: left; | |||||
width: 100%; | |||||
display: block; | |||||
margin-bottom: 5px; | |||||
} | |||||
.wrappers .containers form .group input { | |||||
float: left; | |||||
width: 100%; | |||||
height: 30px; | |||||
font-size: 18px; | |||||
font-family: 'Work Sans', sans-serif; | |||||
border: 0; | |||||
color: #263238; | |||||
border-bottom: 1px solid #d9d9d9; | |||||
} | |||||
.wrappers .containers form .group input::-webkit-input-placeholder { | |||||
font-family: 'Work Sans', sans-serif; | |||||
font-size: 14px; | |||||
line-height: 20px; | |||||
vertical-align: middle; | |||||
color: #d9d9d9; | |||||
text-align: left; | |||||
} | |||||
.wrappers .containers form .group input:-moz-placeholder { | |||||
font-family: 'Work Sans', sans-serif; | |||||
font-size: 14px; | |||||
line-height: 20px; | |||||
vertical-align: middle; | |||||
color: #d9d9d9; | |||||
text-align: left; | |||||
} | |||||
.wrappers .containers form .group input::-moz-placeholder { | |||||
font-family: 'Work Sans', sans-serif; | |||||
font-size: 14px; | |||||
line-height: 20px; | |||||
vertical-align: middle; | |||||
color: #d9d9d9; | |||||
text-align: left; | |||||
} | |||||
.wrappers .containers form .group input:-ms-input-placeholder { | |||||
font-family: 'Work Sans', sans-serif; | |||||
font-size: 14px; | |||||
line-height: 20px; | |||||
vertical-align: middle; | |||||
color: #d9d9d9; | |||||
text-align: left; | |||||
} | |||||
.wrappers .containers form .group input:focus { | |||||
outline: none; | |||||
border-bottom-color: #00b0ff; | |||||
} | |||||
.wrappers .containers form .group input:focus::-webkit-input-placeholder { | |||||
color: transparent; | |||||
} | |||||
.wrappers .containers form .group input:focus:-moz-placeholder { | |||||
color: transparent; | |||||
} | |||||
.wrappers .containers form .group input:focus::-moz-placeholder { | |||||
color: transparent; | |||||
} | |||||
.wrappers .containers form .group input:focus:-ms-input-placeholder { | |||||
color: transparent; | |||||
} | |||||
.wrappers .containers form .card-number { | |||||
border-bottom: 1px solid #d9d9d9; | |||||
} | |||||
.wrappers .containers form .card-number:first-of-type { | |||||
margin-top: 32px; | |||||
} | |||||
.wrappers .containers form .card-number input { | |||||
width: 43px; | |||||
border-bottom: 0; | |||||
} | |||||
.wrappers .containers form .card-number.focused { | |||||
border-bottom-color: #00b0ff; | |||||
} | |||||
.wrappers .containers form .card-expiry { | |||||
border-bottom: 0; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item { | |||||
float: left; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item.expiry { | |||||
width: 200px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item.expiry input:last-of-type { | |||||
margin-left: 30px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item.csv { | |||||
width: 80px; | |||||
position: relative; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item.csv a { | |||||
display: block; | |||||
position: absolute; | |||||
top: 0; | |||||
right: 0; | |||||
font-size: 12px; | |||||
text-decoration: none; | |||||
color: #00b0ff; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item.csv a:hover { | |||||
color: #263238; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item label { | |||||
width: 100%; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item input { | |||||
border-bottom: 1px solid #d9d9d9; | |||||
padding-bottom: 8px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item input.month { | |||||
width: 60px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item input.year { | |||||
width: 79px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item input.csv { | |||||
width: 79px; | |||||
} | |||||
.wrappers .containers form .card-expiry .input-item input:focus { | |||||
border-bottom: 1px solid #00b0ff; | |||||
} | |||||
.wrappers .containers form .submit-group { | |||||
width: 100%; | |||||
float: left; | |||||
position: relative; | |||||
} | |||||
.wrappers .containers form .submit { | |||||
text-transform: uppercase; | |||||
position: relative; | |||||
border: none; | |||||
background-color: transparent; | |||||
font-size: 12px; | |||||
line-height: 21px; | |||||
letter-spacing: 1.4px; | |||||
text-align: left; | |||||
color: #263238; | |||||
margin-left: 24px; | |||||
cursor: pointer; | |||||
} | |||||
.wrappers .containers form .submit:hover { | |||||
text-decoration: underline; | |||||
} | |||||
.wrappers .containers form .submit:focus { | |||||
outline: none; | |||||
} | |||||
.wrappers .containers form .arrow { | |||||
position: absolute; | |||||
top: -2px; | |||||
left: -1px; | |||||
} | |||||
.wrappers .containers form .arrow:before { | |||||
content: ''; | |||||
width: 15px; | |||||
height: 15px; | |||||
background-image: url("https://cdn1.iconfinder.com/data/icons/basic-ui-elements-coloricon/21/04-512.png"); | |||||
position: absolute; | |||||
top: 4px; | |||||
left: 0; | |||||
-moz-transition: all 0.3s; | |||||
-o-transition: all 0.3s; | |||||
-webkit-transition: all 0.3s; | |||||
transition: all 0.3s; | |||||
} | |||||
.wrappers .containers form .arrow.rotate:before { | |||||
-moz-transform: rotate(360deg); | |||||
-ms-transform: rotate(360deg); | |||||
-webkit-transform: rotate(360deg); | |||||
transform: rotate(360deg); | |||||
} | |||||
.btn-group-xs > .btn, .btn-xs { | |||||
padding : .25rem .4rem; | |||||
font-size : .875rem; | |||||
line-height : .5; | |||||
border-radius : .2rem; | |||||
} | |||||
.credits { | |||||
display: block; | |||||
font-family: 'Work Sans', sans-serif; | |||||
position: absolute; | |||||
right: 0; | |||||
bottom: 0; | |||||
color: #263238; | |||||
font-size: 12px; | |||||
margin: 0 10px 10px 0; | |||||
} | |||||
.credits a { | |||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); | |||||
opacity: 0.8; | |||||
color: inherit; | |||||
font-weight: 700; | |||||
text-decoration: none; | |||||
} |
@@ -0,0 +1,8 @@ | |||||
body { | |||||
padding: 50px; | |||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; | |||||
} | |||||
a { | |||||
color: #00B7FF; | |||||
} |
@@ -0,0 +1,185 @@ | |||||
var express = require("express"); | |||||
var router = express.Router(); | |||||
var timerQuery = require("../util/timerQuery.js"); | |||||
var oracleModel = require("../model/oracle.js"); | |||||
var sqlServer = require("../util/db_sqlserver.js"); | |||||
// const sql = require('mssql'); | |||||
// const sqlCollection = require('mssql'); | |||||
var util = require("../util/util.js"); | |||||
var log = require("../util/log.js"); | |||||
//Check Auto Start | |||||
var process = util.getProcess(); | |||||
if (process.auto_start == "TRUE") { | |||||
timerQuery.startAllServices(); | |||||
} else { | |||||
var process = util.getProcess(); | |||||
process.is_running = "FALSE"; | |||||
util.saveProcess(process); | |||||
} | |||||
//timerQuery.insertToOracle(); | |||||
router.get("/", function (req, res, next) { | |||||
var statusJob = timerQuery.checkJobIsRunning(); | |||||
var configjs = util.getConfig(); | |||||
var process = util.getProcess(); | |||||
if (req.session.user && req.cookies.user_sid) { | |||||
res.render("index", { | |||||
title: "Configuration", | |||||
config_dpack: configjs.database_dpack, | |||||
config_owner: configjs.database_owner, | |||||
config_sendcol: configjs.database_sendcol, | |||||
config_time: configjs.config_time, | |||||
last_date: configjs.config_regex.last_date, | |||||
dbCollection: configjs.database_collection.database, | |||||
statusJob: statusJob, | |||||
autoStart: process.auto_start, | |||||
isRunning: process.is_running, | |||||
getquery_interval: configjs.interval.getquery_interval, | |||||
collection_interval: configjs.interval.collection_interval, | |||||
oracle_interval: configjs.interval.oracle_interval, | |||||
}); | |||||
} else { | |||||
res.render("checkpassword"); | |||||
} | |||||
// res.render('index', { title: 'Configuration', config_dpack : configjs.database_dpack,config_owner:configjs.database_owner, | |||||
// config_sendcol:configjs.database_sendcol,config_time: configjs.config_time, last_date : configjs.config_regex.last_date, | |||||
// dbCollection: configjs.database_collection.database,statusJob: statusJob,autoStart:configjs.auto_start, | |||||
// isRunning : configjs.is_running,getquery_interval:configjs.interval.getquery_interval, | |||||
// collection_interval:configjs.interval.collection_interval,oracle_interval:configjs.interval.oracle_interval | |||||
// }); | |||||
}); | |||||
router.post("/saveSession", function (req, res, next) { | |||||
var password = req.body.password; | |||||
req.session.user = password; | |||||
res.send("OK"); | |||||
}); | |||||
router.post("/data", async function (req, res, next) { | |||||
var configjs = util.getConfig(); | |||||
configjs.database_dpack.user = req.body.user_dpack; | |||||
configjs.database_dpack.password = req.body.password_dpack; | |||||
configjs.database_dpack.database = req.body.database_dpack; | |||||
configjs.database_dpack.server = req.body.ipAddress_dpack; | |||||
configjs.database_collection.user = configjs.database_dpack.user; | |||||
configjs.database_collection.password = configjs.database_dpack.password; | |||||
configjs.database_collection.server = configjs.database_dpack.server; | |||||
configjs.database_collection.database = req.body.dbCollection; | |||||
configjs.database_owner.ip_address = req.body.ip_address_owner; | |||||
configjs.database_owner.port = req.body.port_owner; | |||||
configjs.database_owner.dbname = req.body.db_owner; | |||||
configjs.database_owner.user = req.body.user_owner; | |||||
configjs.database_owner.password = req.body.password_owner; | |||||
configjs.database_owner.scheme = req.body.scheme_owner; | |||||
configjs.database_sendcol.ip_address = req.body.ip_address_sendcol; | |||||
configjs.database_sendcol.port = req.body.port_sendcol; | |||||
configjs.database_sendcol.dbname = req.body.db_sendcol; | |||||
configjs.database_sendcol.user = req.body.user_sendcol; | |||||
configjs.database_sendcol.password = req.body.password_sendcol; | |||||
configjs.database_sendcol.scheme = req.body.scheme_sendcol; | |||||
util.saveConfig(configjs); | |||||
if (configjs.is_running == "TRUE") { | |||||
await timerQuery.startAllServices(); | |||||
} | |||||
res.redirect("/"); | |||||
}); | |||||
router.post("/changeJobstatus", async function (req, res, next) { | |||||
var submitType = req.body.submit; | |||||
if (submitType == "STOP") { | |||||
await timerQuery.stopAllJob(); | |||||
var process = util.getProcess(); | |||||
process.is_running = "FALSE"; | |||||
util.saveProcess(process); | |||||
util.infoNotif( | |||||
"Job Berhasil Dihentikan", | |||||
"Semua job yang dilakukan berhasil dihentikan" | |||||
); | |||||
} else { | |||||
var errorLog = await timerQuery.startAllServices(); | |||||
var process = util.getProcess(); | |||||
process.is_running = "TRUE"; | |||||
util.saveProcess(process); | |||||
util.infoNotif( | |||||
"Job Berhasil Dijalankan", | |||||
"Sistem akan mulai melakukan penarikan data secara berkala" | |||||
); | |||||
} | |||||
res.redirect("/"); | |||||
}); | |||||
router.post("/changeAutoStart", async function (req, res, next) { | |||||
var reqAutoStart = req.body.submit; | |||||
if (reqAutoStart == "STOP") { | |||||
var process = util.getProcess(); | |||||
process.auto_start = "FALSE"; | |||||
util.saveProcess(process); | |||||
util.infoNotif( | |||||
"Auto Start Dihentikan", | |||||
"Auto Start dihentikan sehingga job tidak akan dimulai ketika mengalami reboot" | |||||
); | |||||
} else { | |||||
var process = util.getProcess(); | |||||
process.auto_start = "TRUE"; | |||||
util.saveProcess(process); | |||||
util.infoNotif( | |||||
"Auto Start Berhasil Dijalankan", | |||||
"Sistem akan Otomatis memulai job ketika mengalami reboot" | |||||
); | |||||
} | |||||
res.redirect("/"); | |||||
}); | |||||
router.post("/changeIntervalJob", async function (req, res, next) { | |||||
var getquery_interval = req.body.getquery_interval; | |||||
var collection_interval = req.body.collection_interval; | |||||
var oracle_interval = req.body.oracle_interval; | |||||
var configjs = util.getConfig(); | |||||
configjs.config_time.start_morning = req.body.start_morning; | |||||
configjs.config_time.end_morning = req.body.end_morning; | |||||
configjs.config_time.start_night = req.body.start_night; | |||||
configjs.config_time.end_night = req.body.end_night; | |||||
configjs.interval.getquery_interval = getquery_interval; | |||||
configjs.interval.collection_interval = collection_interval; | |||||
configjs.interval.oracle_interval = oracle_interval; | |||||
util.saveConfig(configjs); | |||||
if (configjs.is_running == "TRUE") { | |||||
await timerQuery.startAllServices(); | |||||
} | |||||
res.redirect("/"); | |||||
}); | |||||
router.post("/get-password", async function (req, res, next) { | |||||
var configjs = util.getConfig(); | |||||
var password = util.decryptData(configjs.password); | |||||
//console.log(password); | |||||
res.send(password); | |||||
}); | |||||
module.exports = router; |
@@ -0,0 +1,88 @@ | |||||
var configApp = require('./config/config.js'); | |||||
var cron = require('cron'); | |||||
const sql = require('mssql'); | |||||
var fs = require('fs'); | |||||
var ini = require('ini'); | |||||
var debug = require('debug')('app:server'); | |||||
var http = require('http'); | |||||
// var io = require('socket.io-client'); | |||||
// var socket = io.connect('http://localhost:3001', {reconnect: true}); | |||||
// socket.on('socketClientID', function (socketClientID) { | |||||
// console.log('Connection to server established. SocketID is',socketClientID); | |||||
// socket.emit('hello_from_client', 123); | |||||
// }); | |||||
var port = normalizePort(process.env.PORT || '3000'); | |||||
configApp.set('port', port); | |||||
var server = http.createServer(configApp); | |||||
server.listen(port); | |||||
server.on('error', onError); | |||||
server.on('listening', onListening); | |||||
//-------- Function --------------------------------- | |||||
function normalizePort(val) { | |||||
var port = parseInt(val, 10); | |||||
if (isNaN(port)) { | |||||
// named pipe | |||||
return val; | |||||
} | |||||
if (port >= 0) { | |||||
// port number | |||||
return port; | |||||
} | |||||
return false; | |||||
} | |||||
function onError(error) { | |||||
if (error.syscall !== 'listen') { | |||||
throw error; | |||||
} | |||||
var bind = typeof port === 'string' | |||||
? 'Pipe ' + port | |||||
: 'Port ' + port; | |||||
// handle specific listen errors with friendly messages | |||||
switch (error.code) { | |||||
case 'EACCES': | |||||
console.error(bind + ' requires elevated privileges'); | |||||
process.exit(1); | |||||
break; | |||||
case 'EADDRINUSE': | |||||
console.error(bind + ' is already in use'); | |||||
process.exit(1); | |||||
break; | |||||
default: | |||||
throw error; | |||||
} | |||||
} | |||||
/** | |||||
* Event listener for HTTP server "listening" event. | |||||
*/ | |||||
function onListening() { | |||||
console.log(`Listen to Port : ${port}`); | |||||
var addr = server.address(); | |||||
var bind = typeof addr === 'string' | |||||
? 'pipe ' + addr | |||||
: 'port ' + addr.port; | |||||
debug('Listening on ' + bind); | |||||
} | |||||
@@ -0,0 +1,27 @@ | |||||
var arr = ['a', 'b', 'c', 'd', 'e', 'f','g','h','i','a','b','c','d','r','f','c','e','y','r']; | |||||
var result = []; | |||||
var idx = 0; | |||||
console.log(arr.slice(0,3)) | |||||
for (var i = 0 ; i< arr.length; i += 3){ | |||||
if(i == 0){ | |||||
result[idx] = arr.slice(0,3); | |||||
} | |||||
else if (i + 3 > arr.length){ | |||||
result[idx] = arr.slice(i) | |||||
} | |||||
else{ | |||||
result[idx] = arr.slice(i,i+3) | |||||
} | |||||
idx += 1; | |||||
} | |||||
// var indexToSplit = arr.indexOf('c'); | |||||
// var first = arr.slice(0, indexToSplit); | |||||
// var second = arr.slice(indexToSplit + 1); | |||||
console.log(result); |
@@ -0,0 +1,10 @@ | |||||
@echo off | |||||
setlocal | |||||
set PATH=C:\Windows\System32\ | |||||
net stop dpackgetdata.exe | |||||
set PATH=C:\Program Files\nodejs\ | |||||
node %APPDATA%\DPACKGetData\uninstall.js | |||||
@echo on | |||||
TIMEOUT 3 |
@@ -0,0 +1,20 @@ | |||||
var Service = require('node-windows').Service; | |||||
var svc = new Service({ | |||||
name:'DPACKGetData', | |||||
description: 'This application will fetch data from DPACK database and send it Primary Database', | |||||
script: require('path').join(__dirname, 'server.js'), | |||||
env:{ | |||||
name: "NODE_ENV", | |||||
value: "production" | |||||
} | |||||
}); | |||||
// Listen for the "uninstall" event so we know when it's done. | |||||
svc.on('uninstall',function(){ | |||||
console.log('Uninstall complete.'); | |||||
console.log('The service exists: ',svc.exists); | |||||
}); | |||||
// Uninstall the service. | |||||
svc.uninstall(); |
@@ -0,0 +1,131 @@ | |||||
var oracledb = require("oracledb"); | |||||
var log = require("./log.js"); | |||||
var util = require("./util.js"); | |||||
var getPoolConnection = async function (config) { | |||||
let pool; | |||||
try { | |||||
pool = await oracledb.createPool({ | |||||
user: config.user, | |||||
password: config.password, // mypw contains the hr schema password | |||||
connectString: `${config.ip_address}:${config.port}/${config.dbname}`, | |||||
queueTimeout: 600000, | |||||
}); | |||||
} catch (e) { | |||||
pool.close(); | |||||
return e.message; | |||||
} finally { | |||||
if (pool) { | |||||
return pool; | |||||
} | |||||
} | |||||
}; | |||||
var getConnected = async function (config, sql, params) { | |||||
let pool; | |||||
let conn; | |||||
var result; | |||||
try { | |||||
pool = await getPoolConnection(config); | |||||
conn = await pool.getConnection(); | |||||
var changeTz = await conn.execute( | |||||
` | |||||
begin | |||||
execute immediate 'alter session set time_zone=''UTC'''; | |||||
end; | |||||
`, | |||||
{} | |||||
); | |||||
data = await conn.execute(sql, params, { outFormat: oracledb.OBJECT }); | |||||
result = { STATUS: 1, DATA: data.rows }; | |||||
} catch (e) { | |||||
result = { STATUS: 0, DATA: e.message }; | |||||
util.throwNotif(e.message); | |||||
log.createLog(0, e.message); | |||||
} finally { | |||||
if (conn) { | |||||
await conn.close(); | |||||
} | |||||
if (pool) { | |||||
await pool.close(); | |||||
} | |||||
return result; | |||||
} | |||||
}; | |||||
var getConnectedInsert = async function (config, sql, params) { | |||||
let pool; | |||||
let conn; | |||||
var result; | |||||
try { | |||||
pool = await getPoolConnection(config); | |||||
conn = await pool.getConnection(); | |||||
var changeTz = await conn.execute( | |||||
` | |||||
begin | |||||
execute immediate 'alter session set time_zone=''UTC'''; | |||||
end; | |||||
`, | |||||
{} | |||||
); | |||||
data = await conn.execute(sql, params, { outFormat: oracledb.OBJECT }); | |||||
await conn.commit(); | |||||
result = { STATUS: 1, DATA: data }; | |||||
} catch (e) { | |||||
await conn.rollback(); | |||||
result = { STATUS: 0, DATA: e.message }; | |||||
log.createLog(0, e.message); | |||||
util.throwNotif(e.message); | |||||
} finally { | |||||
if (conn) { | |||||
await conn.close(); | |||||
} | |||||
if (pool) { | |||||
await pool.close(); | |||||
} | |||||
return result; | |||||
} | |||||
}; | |||||
var getConnectedInsertMany = async function (config, sql, params) { | |||||
let pool; | |||||
let conn; | |||||
var result; | |||||
try { | |||||
pool = await getPoolConnection(config); | |||||
conn = await pool.getConnection(); | |||||
var changeTz = await conn.execute( | |||||
` | |||||
begin | |||||
execute immediate 'alter session set time_zone=''UTC'''; | |||||
end; | |||||
`, | |||||
{} | |||||
); | |||||
data = await conn.executeMany(sql, params, { outFormat: oracledb.OBJECT }); | |||||
await conn.commit(); | |||||
result = { STATUS: 1, DATA: data }; | |||||
} catch (e) { | |||||
await conn.rollback(); | |||||
result = { STATUS: 0, DATA: e }; | |||||
} finally { | |||||
if (conn) { | |||||
await conn.close(); | |||||
} | |||||
if (pool) { | |||||
await pool.close(); | |||||
} | |||||
return result; | |||||
} | |||||
}; | |||||
module.exports.getConnected = getConnected; | |||||
module.exports.getConnectedInsert = getConnectedInsert; | |||||
module.exports.getConnectedInsertMany = getConnectedInsertMany; |
@@ -0,0 +1,89 @@ | |||||
const sql = require('mssql'); | |||||
var util = require('../util/util.js'); | |||||
var log = require('../util/log.js'); | |||||
module.exports.connectDPACK = async function connectDPACK(){ | |||||
try{ | |||||
var configjs = util.getConfig(); | |||||
var config = configjs.database_dpack; | |||||
config.connectionTimeout = parseInt(config.connectionTimeout); | |||||
config.requestTimeout = parseInt(config.requestTimeout); | |||||
var configPool = { | |||||
user: config.user, | |||||
password: config.password, | |||||
server: config.server, // You can use 'localhost\\instance' to connect to named instance | |||||
database: config.database, | |||||
connectionTimeout : config.connectionTimeout, | |||||
requestTimeout : config.requestTimeout, | |||||
options: { | |||||
tdsVersion: '7_1' | |||||
} | |||||
} | |||||
const pool1 = new sql.ConnectionPool(configPool).connect(); | |||||
// sql.connect(config, function(err){ | |||||
// if (err){ | |||||
// res.json(err); | |||||
// } | |||||
// }); | |||||
//await pool1; | |||||
return await pool1; | |||||
} | |||||
catch(e){ | |||||
log.createLog(0,e.message); | |||||
util.throwNotif(e.message) | |||||
return {"STATUS":0}; | |||||
} | |||||
} | |||||
module.exports.connectCollection = async function connectCollection(){ | |||||
try{ | |||||
var configjs = util.getConfig(); | |||||
var config = configjs.database_collection; | |||||
config.connectionTimeout = parseInt(config.connectionTimeout); | |||||
config.requestTimeout = parseInt(config.requestTimeout); | |||||
var configPool = { | |||||
user: config.user, | |||||
password: config.password, | |||||
server: config.server, // You can use 'localhost\\instance' to connect to named instance | |||||
database: config.database, | |||||
connectionTimeout : config.connectionTimeout, | |||||
requestTimeout : config.requestTimeout, | |||||
options: { | |||||
tdsVersion: '7_1' | |||||
} | |||||
} | |||||
const pool2 = new sql.ConnectionPool(configPool).connect(); | |||||
return await pool2; | |||||
} | |||||
catch(e){ | |||||
log.createLog(0,e.message); | |||||
util.throwNotif(e.message) | |||||
return {"STATUS":0}; | |||||
} | |||||
} | |||||
module.exports.checkDataType = async function checkDataType(dataType){ | |||||
// 0 = varchar | |||||
// 1 = numeric | |||||
// 2 = datetime | |||||
if(dataType == sql.Char || dataType == sql.NChar || dataType == sql.Text || dataType == sql.NText || dataType == sql.VarChar || dataType == sql.NVarChar || dataType == sql.Xml){ | |||||
return 0; | |||||
} | |||||
else if(dataType == sql.Bit || dataType == sql.BigInt || dataType == sql.Decimal || dataType == sql.Float || dataType == sql.Int || dataType == sql.Money || dataType == sql.Numeric | |||||
|| dataType == sql.SmallInt || dataType == sql.SmallMoney || dataType == sql.Real || dataType == sql.TinyInt){ | |||||
return 1; | |||||
} | |||||
else if(dataType == sql.Time || dataType == sql.Date || dataType == sql.DateTime || dataType == sql.DateTime2 || dataType == sql.DateTimeOffset || dataType == sql.SmallDateTime){ | |||||
return 2; | |||||
} | |||||
} |
@@ -0,0 +1,44 @@ | |||||
const fs = require("fs"); | |||||
const path = require("path"); | |||||
const winston = require("winston"); | |||||
var moment = require("moment"); | |||||
const filename = path.join(__dirname, "../logfile/info.log"); | |||||
const checkstart = path.join(__dirname, "../logfile/checkstart.log"); | |||||
const logger = winston.createLogger({ | |||||
transports: [new winston.transports.File({ filename })], | |||||
}); | |||||
const startLogger = winston.createLogger({ | |||||
transports: [new winston.transports.File({ filename: checkstart })], | |||||
}); | |||||
var createLog = function createLog(indexLevel, message) { | |||||
level = { | |||||
0: "error", | |||||
1: "warn", | |||||
2: "info", | |||||
3: "verbose", | |||||
4: "debug", | |||||
5: "silly", | |||||
}; | |||||
var now = moment().format("YYYY-MM-DD HH:mm:ss"); | |||||
logger.log(level[indexLevel], message, { Timestamp: `${now}` }); | |||||
}; | |||||
var createLogStart = function createLogStart(indexLevel, message) { | |||||
level = { | |||||
0: "error", | |||||
1: "warn", | |||||
2: "info", | |||||
3: "verbose", | |||||
4: "debug", | |||||
5: "silly", | |||||
}; | |||||
var now = moment().format("YYYY-MM-DD HH:mm:ss"); | |||||
startLogger.log(level[indexLevel], message, { Timestamp: `${now}` }); | |||||
}; | |||||
module.exports.createLog = createLog; | |||||
module.exports.createLogStart = createLogStart; |
@@ -0,0 +1,577 @@ | |||||
var oracleModel = require("../model/oracle.js"); | |||||
var sqlServer = require("../util/db_sqlserver.js"); | |||||
var sql = require("mssql"); | |||||
var util = require("../util/util.js"); | |||||
var log = require("../util/log.js"); | |||||
var cron = require("cron"); | |||||
var getQueryJob = cron.job("* * * * * *"); | |||||
var startMorning = cron.job("* * * * * *"); | |||||
var endMorning = cron.job("* * * * * *"); | |||||
var startNight = cron.job("* * * * * *"); | |||||
var endNight = cron.job("* * * * * *"); | |||||
var checkStartJob = cron.job("* * * * * *"); | |||||
var collectionInsertJob = cron.job("* * * * * *"); | |||||
var oracleInsertJob = cron.job("* * * * * *"); | |||||
var moment = require("moment"); | |||||
function scheduleData() { | |||||
var configjs = util.getConfig(); | |||||
startMorning.stop(); | |||||
endMorning.stop(); | |||||
startNight.stop(); | |||||
endNight.stop(); | |||||
//startMorning.stop(); | |||||
var startMorningTime = configjs.config_time.start_morning; | |||||
startMorning = cron.job( | |||||
`00 ${startMorningTime.substr(3, 2)} ${startMorningTime.substr( | |||||
0, | |||||
2 | |||||
)} * * *`, | |||||
function () { | |||||
var process = util.getProcess(); | |||||
process.is_running = "FALSE"; | |||||
util.saveProcess(process); | |||||
getQueryJob.stop(); | |||||
collectionInsertJob.stop(); | |||||
oracleInsertJob.stop(); | |||||
util.infoNotif( | |||||
"Waktu Good Morning", | |||||
"Job akan dimatikan untuk sementara" | |||||
); | |||||
}, | |||||
null, | |||||
true | |||||
); | |||||
var endMorningTime = configjs.config_time.end_morning; | |||||
endMorning = cron.job( | |||||
`00 ${endMorningTime.substr(3, 2)} ${endMorningTime.substr(0, 2)} * * *`, | |||||
function () { | |||||
var process = util.getProcess(); | |||||
if (process.is_running != "TRUE") { | |||||
process.is_running = "TRUE"; | |||||
process.processing.process_getQuery = "TRUE"; | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveConfig(configjs); | |||||
getQueryJob.start(); | |||||
collectionInsertJob.start(); | |||||
oracleInsertJob.start(); | |||||
util.infoNotif("Good Morning Berakhir", "Job akan kembali dihidupkan"); | |||||
} | |||||
}, | |||||
null, | |||||
true | |||||
); | |||||
var startNightTime = configjs.config_time.start_night; | |||||
startNight = cron.job( | |||||
`00 ${startNightTime.substr(3, 2)} ${startNightTime.substr(0, 2)} * * *`, | |||||
function () { | |||||
var process = util.getProcess(); | |||||
process.is_running = "FALSE"; | |||||
util.saveProcess(process); | |||||
getQueryJob.stop(); | |||||
collectionInsertJob.stop(); | |||||
oracleInsertJob.stop(); | |||||
util.infoNotif("Waktu Good Bye", "Job akan dimatikan untuk sementara"); | |||||
}, | |||||
null, | |||||
true | |||||
); | |||||
var endNightTime = configjs.config_time.end_night; | |||||
endMorning = cron.job( | |||||
`00 ${endNightTime.substr(3, 2)} ${endNightTime.substr(0, 2)} * * *`, | |||||
function () { | |||||
var process = util.getProcess(); | |||||
if (process.is_running != "TRUE") { | |||||
process.is_running = "TRUE"; | |||||
process.auto_start = "TRUE"; | |||||
process.processing.process_getQuery = "TRUE"; | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveProcess(process); | |||||
getQueryJob.start(); | |||||
collectionInsertJob.start(); | |||||
oracleInsertJob.start(); | |||||
util.infoNotif("Good Bye Berakhir", "Job akan kembali dihidupkan"); | |||||
} | |||||
}, | |||||
null, | |||||
true | |||||
); | |||||
} | |||||
module.exports.stopAllJob = async function stopAllJob() { | |||||
startMorning.stop(); | |||||
endMorning.stop(); | |||||
startNight.stop(); | |||||
endNight.stop(); | |||||
getQueryJob.stop(); | |||||
collectionInsertJob.stop(); | |||||
checkStartJob.stop(); | |||||
oracleInsertJob.stop(); | |||||
return; | |||||
}; | |||||
module.exports.checkJobIsRunning = function checkJobIsRunning() { | |||||
var dataReturn = { | |||||
getQuery: getQueryJob.running, | |||||
collectionInsert: collectionInsertJob.running, | |||||
oracleInsert: oracleInsertJob.running, | |||||
}; | |||||
return dataReturn; | |||||
}; | |||||
module.exports.checkStart = function checkStart() { | |||||
checkStartJob.stop(); | |||||
var self = this; | |||||
checkStartJob = cron.job("0 */5 * * * *", async function () { | |||||
log.createLogStart(2, "Check Start"); | |||||
var process = util.getProcess(); | |||||
if (process.is_running == "TRUE") { | |||||
if (!getQueryJob.running) { | |||||
self.getQuery(); | |||||
log.createLogStart(2, "Running Get Query"); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
} | |||||
if (!collectionInsertJob.running) { | |||||
self.insertToCollection(); | |||||
log.createLogStart(2, "Running Collection Insert"); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
} | |||||
if (!oracleInsertJob.running) { | |||||
self.insertToOracle(); | |||||
log.createLogStart(2, "Running Insert To Oracle"); | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
} | |||||
util.saveProcess(process); | |||||
} | |||||
}); | |||||
checkStartJob.start(); | |||||
return; | |||||
}; | |||||
module.exports.startAllServices = async function startAllServices() { | |||||
var process = util.getProcess(); | |||||
process.is_running = "TRUE"; | |||||
process.processing.process_getQuery = "TRUE"; | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveProcess(process); | |||||
await this.checkStart(); | |||||
await this.getQuery(); | |||||
await this.insertToCollection(); | |||||
await this.insertToOracle(); | |||||
return; | |||||
}; | |||||
module.exports.getQuery = async function getQuery() { | |||||
var process = util.getProcess(); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
util.saveProcess(process); | |||||
var sqlCollection = await sqlServer.connectCollection(); | |||||
var requestLastDateAvailability = sqlCollection.request(); | |||||
var queryLastDateAvailability = `SELECT COLUMN_NAME | |||||
FROM INFORMATION_SCHEMA.COLUMNS | |||||
WHERE TABLE_NAME = 'UPLOAD_DATA_DB_TAB' AND COLUMN_NAME='LAST_DATE' | |||||
IF @@ROWCOUNT=0 | |||||
ALTER TABLE dbo.UPLOAD_DATA_DB_TAB ADD LAST_DATE datetime`; | |||||
var resultLastDateAvailability = await requestLastDateAvailability.query( | |||||
queryLastDateAvailability | |||||
); | |||||
if (configjs.firstrun == "TRUE") { | |||||
var date6 = moment() | |||||
.startOf("day") | |||||
.add(6, "hours") | |||||
.format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
var reqUpdateLastDate6 = sqlCollection.request(); | |||||
var queryUpdateLastDate6 = `update dbo.UPLOAD_DATA_DB_TAB SET LAST_DATE = Cast('${date6}' as datetime)`; | |||||
var resultUpdateLastDate6 = await reqUpdateLastDate6.query( | |||||
queryUpdateLastDate6 | |||||
); | |||||
configjs = util.getConfig(); | |||||
configjs.firstrun = "FALSE"; | |||||
util.saveConfig(configjs); | |||||
} | |||||
getQueryJob.stop(); | |||||
scheduleData(); | |||||
getQueryJob = cron.job( | |||||
`15 */${parseInt(configjs.interval.getquery_interval)} * * * *`, | |||||
async function () { | |||||
if (util.getProcess().processing.process_getQuery == "TRUE") { | |||||
process = util.getProcess(); | |||||
process.processing.process_getQuery = "FALSE"; | |||||
util.saveProcess(process); | |||||
try { | |||||
var oracleSelect = await oracleModel.oracleQueryUploadData(); | |||||
if (oracleSelect["STATUS"] == 0) { | |||||
getQueryJob.stop(); | |||||
} else { | |||||
var data = oracleSelect["DATA"]; | |||||
const requestDelOldDetail = sqlCollection.request(); | |||||
var queryDelOldDetail = `delete from dbo.UPLOAD_DATA_DB_DET_TAB`; | |||||
var resultDelOldDetail = await requestDelOldDetail.query( | |||||
queryDelOldDetail | |||||
); | |||||
await sqlCollection; | |||||
for (var z = 0; z < data.length; z++) { | |||||
try { | |||||
const request = sqlCollection.request(); | |||||
request.input("COMPANY", data[z].COMPANY); | |||||
request.input("ID", data[z].ID); | |||||
request.input("ENABLED", data[z].ENABLED); | |||||
request.input("TEST_MODE", data[z].TEST_MODE); | |||||
request.input("AUTO_MODE", data[z].AUTO_MODE); | |||||
var queryInsertUploadData; | |||||
if (data[z].LAST_DATE != null) { | |||||
var lastDate = data[z].LAST_DATE; | |||||
request.input("LAST_DATE", lastDate); | |||||
queryInsertUploadData = ` | |||||
UPDATE UPLOAD_DATA_DB_TAB SET COMPANY = @COMPANY, ENABLED = @ENABLED, | |||||
TEST_MODE = @TEST_MODE, AUTO_MODE = @AUTO_MODE, LAST_DATE = @LAST_DATE WHERE ID = @ID | |||||
IF @@ROWCOUNT=0 | |||||
INSERT INTO UPLOAD_DATA_DB_TAB(COMPANY,ID,ENABLED,TEST_MODE,AUTO_MODE,LAST_DATE) values | |||||
(@COMPANY,@ID,@ENABLED,@TEST_MODE,@AUTO_MODE,@LAST_DATE);`; | |||||
var resultUpdateLastDate = await oracleModel.oracleUpdateLastDate( | |||||
data[z].ID | |||||
); | |||||
} else { | |||||
queryInsertUploadData = ` | |||||
UPDATE UPLOAD_DATA_DB_TAB SET COMPANY = @COMPANY, ENABLED = @ENABLED, | |||||
TEST_MODE = @TEST_MODE, AUTO_MODE = @AUTO_MODE WHERE ID = @ID | |||||
IF @@ROWCOUNT=0 | |||||
INSERT INTO UPLOAD_DATA_DB_TAB(COMPANY,ID,ENABLED,TEST_MODE,AUTO_MODE) values | |||||
(@COMPANY,@ID,@ENABLED,@TEST_MODE,@AUTO_MODE);`; | |||||
} | |||||
//Insert to Table | |||||
const result = await request.query(queryInsertUploadData); | |||||
var oracleSelectDetail = await oracleModel.oracleQueryUploadDataDet( | |||||
data[z].ID | |||||
); | |||||
if (oracleSelectDetail["STATUS"] == 0) { | |||||
throwNotif( | |||||
"Database Oracle Error", | |||||
oracleSelectDetail["DATA"] | |||||
); | |||||
process = util.getProcess(); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
util.saveProcess(process); | |||||
} else { | |||||
try { | |||||
var dataDetail = oracleSelectDetail["DATA"]; | |||||
for (var i = 0; i < dataDetail.length; i++) { | |||||
const requestDet = sqlCollection.request(); | |||||
requestDet.input("COMPANY", dataDetail[i]["COMPANY"]); | |||||
requestDet.input("ID", dataDetail[i]["ID"]); | |||||
requestDet.input("NO", sql.Int, dataDetail[i]["NO"]); | |||||
requestDet.input( | |||||
"NO_ORDER", | |||||
sql.Int, | |||||
dataDetail[i]["NO_ORDER"] | |||||
); | |||||
requestDet.input( | |||||
"SOURCE_QUERY", | |||||
dataDetail[i]["SOURCE_QUERY"] | |||||
); | |||||
requestDet.input( | |||||
"DESC_PACKAGE", | |||||
dataDetail[i]["DESC_PACKAGE"] | |||||
); | |||||
requestDet.input("ENABLED", dataDetail[i]["ENABLED"]); | |||||
requestDet.input( | |||||
"DEST_PACKAGE_TYPE", | |||||
dataDetail[i]["DEST_PACKAGE_TYPE"] | |||||
); | |||||
var queryInsertUploadDataDetail = ` | |||||
UPDATE UPLOAD_DATA_DB_DET_TAB SET COMPANY = @COMPANY, NO_ORDER = @NO_ORDER, | |||||
SOURCE_QUERY = @SOURCE_QUERY ,DESC_PACKAGE = @DESC_PACKAGE,ENABLED = @ENABLED, | |||||
DEST_PACKAGE_TYPE = @DEST_PACKAGE_TYPE WHERE ID = @ID AND NO = @NO | |||||
IF @@ROWCOUNT=0 | |||||
INSERT INTO UPLOAD_DATA_DB_DET_TAB(COMPANY,ID,NO,NO_ORDER,SOURCE_QUERY,DESC_PACKAGE,ENABLED,DEST_PACKAGE_TYPE) | |||||
values (@COMPANY,@ID,@NO,@NO_ORDER,@SOURCE_QUERY,@DESC_PACKAGE,@ENABLED,@DEST_PACKAGE_TYPE);`; | |||||
const resultDetail = await requestDet.query( | |||||
queryInsertUploadDataDetail | |||||
); | |||||
} | |||||
} catch (e) { | |||||
process = util.getProcess(); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
util.saveProcess(process); | |||||
getQueryJob.stop(); | |||||
} | |||||
} | |||||
} catch (e) { | |||||
process = util.getProcess(); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
util.saveProcess(process); | |||||
getQueryJob.stop(); | |||||
} | |||||
} | |||||
process = util.getProcess(); | |||||
process.processing.process_getQuery = "TRUE"; | |||||
util.saveProcess(process); | |||||
var now = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
console.log("1: " + now); | |||||
} | |||||
} catch (e) { | |||||
getQueryJob.stop(); | |||||
console.log(e.message); | |||||
} | |||||
} | |||||
}, | |||||
null, | |||||
true, | |||||
null, | |||||
null, | |||||
true | |||||
); | |||||
getQueryJob.start(); | |||||
return; | |||||
}; | |||||
module.exports.insertToCollection = async function insertToCollection() { | |||||
var sqlDpack = await sqlServer.connectDPACK(); | |||||
var sqlCollection = await sqlServer.connectCollection(); | |||||
var configjs = util.getConfig(); | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
util.saveProcess(process); | |||||
var rowInserted = 0; | |||||
var errorLog = 0; | |||||
collectionInsertJob.stop(); | |||||
collectionInsertJob = cron.job( | |||||
`45 */${parseInt(configjs.interval.collection_interval)} * * * *`, | |||||
async function () { | |||||
try { | |||||
if (util.getProcess().processing.process_insertToCollection == "TRUE") { | |||||
process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "FALSE"; | |||||
util.saveProcess(process); | |||||
await sqlDpack; | |||||
await sqlCollection; | |||||
var requestSelectParentCollection = sqlCollection.request(); | |||||
var querySelectParentCollection = `select ID,LAST_DATE from dbo.UPLOAD_DATA_DB_TAB`; | |||||
var resultSelectParentCollection = await requestSelectParentCollection.query( | |||||
querySelectParentCollection | |||||
); | |||||
var resultID = resultSelectParentCollection.recordset; | |||||
for (var z = 0; z < resultID.length; z++) { | |||||
var requestSelectDetailCollection = sqlCollection.request(); | |||||
var querySelectDetailCollection = `select source_query from dbo.UPLOAD_DATA_DB_DET_TAB where ID = '${resultID[z].ID}'`; | |||||
var resultSelectDetailCollection = await requestSelectDetailCollection.query( | |||||
querySelectDetailCollection | |||||
); | |||||
var resultSourceQuery = resultSelectDetailCollection.recordset; | |||||
if (process.processing.process_getQuery != "FALSE") { | |||||
var currentTime = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
var requestUpdateLastDate = sqlCollection.request(); | |||||
var queryUpdateLastDate = `update dbo.UPLOAD_DATA_DB_TAB set LAST_DATE = Cast('${currentTime}' as datetime) where ID = '${resultID[z].ID}'`; | |||||
var resultUpdateLastDate = requestUpdateLastDate.query( | |||||
queryUpdateLastDate | |||||
); | |||||
} | |||||
for (var k = 0; k < resultSourceQuery.length; k++) { | |||||
var sourceQuery = await util.regexQuery( | |||||
resultSourceQuery[k].source_query, | |||||
resultID[z].LAST_DATE | |||||
); | |||||
try { | |||||
var requestQuery = sqlDpack.request(); | |||||
var result = await requestQuery.query(sourceQuery); | |||||
var arrayColumn = result.recordset.columns; | |||||
var columnLength = Object.keys(arrayColumn).length; | |||||
var resultRow = result.recordset; | |||||
for (var i = 0; i < resultRow.length; i++) { | |||||
var processingRow = resultRow[i]; | |||||
var varInsert = ""; | |||||
var varBind = ""; | |||||
var string = 1; | |||||
var int = 1; | |||||
var date = 1; | |||||
var count = 0; | |||||
var requestInsertCollection = sqlCollection.request(); | |||||
for (key in arrayColumn) { | |||||
count += 1; | |||||
var checktype; | |||||
checktype = await sqlServer.checkDataType( | |||||
arrayColumn[key].type | |||||
); | |||||
if (count == 1) { | |||||
requestInsertCollection.input( | |||||
"collection_name", | |||||
processingRow[key] | |||||
); | |||||
varInsert += `collection_name,flag_deleted`; | |||||
varBind += `@collection_name,'FALSE'`; | |||||
} else { | |||||
if (checktype == 0) { | |||||
varInsert += `s${string}`; | |||||
varBind += `@s${string}`; | |||||
requestInsertCollection.input( | |||||
`s${string}`, | |||||
sql.VarChar, | |||||
processingRow[key] | |||||
); | |||||
string += 1; | |||||
} else if (checktype == 1) { | |||||
varInsert += `n${int}`; | |||||
varBind += `@n${int}`; | |||||
requestInsertCollection.input( | |||||
`n${int}`, | |||||
sql.Int, | |||||
processingRow[key] | |||||
); | |||||
int += 1; | |||||
} else { | |||||
varInsert += `d${date}`; | |||||
varBind += `@d${date}`; | |||||
requestInsertCollection.input( | |||||
`d${date}`, | |||||
sql.DateTime, | |||||
processingRow[key] | |||||
); | |||||
date += 1; | |||||
} | |||||
} | |||||
if (count != columnLength) { | |||||
varInsert += `,`; | |||||
varBind += `,`; | |||||
} | |||||
} | |||||
var queryInsertCollection = `insert into TEMP_DATA_TAB(${varInsert}) values(${varBind})`; | |||||
var resultInsertCollection = await requestInsertCollection.query( | |||||
queryInsertCollection | |||||
); | |||||
rowInserted += resultInsertCollection.rowsAffected[0]; | |||||
if (isNaN(resultInsertCollection.rowsAffected[0])) { | |||||
errorLog = 1; | |||||
} | |||||
} | |||||
} catch (e) { | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
util.saveProcess(process); | |||||
collectionInsertJob.stop(); | |||||
} | |||||
} | |||||
if (errorLog == 1) { | |||||
var currentTime = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
var requestUpdateLastDate = sqlCollection.request(); | |||||
var queryUpdateLastDate = `update dbo.UPLOAD_DATA_DB_TAB set LAST_DATE = ${resultID[z].LAST_DATE} where ID = '${resultID[z].ID}'`; | |||||
var resultUpdateLastDate = requestUpdateLastDate.query( | |||||
queryUpdateLastDate | |||||
); | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
util.saveProcess(process); | |||||
errorLog = 0; | |||||
} | |||||
} | |||||
var now = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
util.saveProcess(process); | |||||
console.log("2 : " + now); | |||||
console.log("ROW INSERTED : " + rowInserted); | |||||
rowInserted = 0; | |||||
} | |||||
} catch (e) { | |||||
log.createLog(0, e.message); | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToCollection = "TRUE"; | |||||
util.saveProcess(process); | |||||
} | |||||
} | |||||
); | |||||
collectionInsertJob.start(); | |||||
return; | |||||
}; | |||||
module.exports.insertToOracle = async function insertToOracle() { | |||||
var sqlCollection = await sqlServer.connectCollection(); | |||||
var configjs = util.getConfig(); | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveProcess(process); | |||||
oracleInsertJob.stop(); | |||||
oracleInsertJob = cron.job( | |||||
`30 */${parseInt(configjs.interval.oracle_interval)} * * * *`, | |||||
async function () { | |||||
if (util.getProcess().processing.process_insertToOracle == "TRUE") { | |||||
var process = util.getProcess(); | |||||
process.processing.process_insertToOracle = "FALSE"; | |||||
util.saveProcess(process); | |||||
await sqlCollection; | |||||
try { | |||||
var requestSelectTempCollection = sqlCollection.request(); | |||||
var querySelectTempCollection = `SELECT TOP 100000 COLLECTION_NAME, S1, S2, S4, S3, S5, S6, S7, S8, S9, S10, S11, S12, S13, S14, S15, S19, S18, S17, S16, S20, S21, S22, S23, S24, S25, S26, S27, S28, S29, S30, S31, S32, S33, S34, S35, S36, | |||||
S37, S38, S39, S40, S41, S42, S43, S44, S45, S46, S47, S48, S50, S49, N1, N2, N3, N4, N5, N6, N7, N8, N9, N10, N11, N12, N13, N14, N15, N16, N17, N18, N19, N20, N21, N22, N23, N24, N25, N26, | |||||
N27, N28, N29, N30, N31, N32, N33, N34, N35, N36, N37, N38, N39, N40, N41, N42, N43, N44, N45, N46, N47, N48, N49, N50, D1, D2, D3, D4, D5, D6, D7, D8, D9, D10, D11, D12, D13, D14, D15, | |||||
D16, D17, D18, D19, D20, D21, D22, D23, D24, D25, D26, D27, D28, D29, D30,SEQ_ID | |||||
FROM dbo.TEMP_DATA_TAB WHERE FLAG_DELETED = 'FALSE'`; | |||||
var resultSelectTempCollection = await requestSelectTempCollection.query( | |||||
querySelectTempCollection | |||||
); | |||||
var resultRow = resultSelectTempCollection.recordset; | |||||
if (resultSelectTempCollection.recordset.length != 0) { | |||||
var data = await oracleModel.oracleInsertCollection( | |||||
resultSelectTempCollection.recordset | |||||
); | |||||
} | |||||
process = util.getProcess(); | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveProcess(process); | |||||
var now = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
} catch (e) { | |||||
console.log(e.message); | |||||
process = util.getProcess(); | |||||
process.processing.process_insertToOracle = "TRUE"; | |||||
util.saveProcess(process); | |||||
oracleInsertJob.stop(); | |||||
} | |||||
} | |||||
} | |||||
); | |||||
oracleInsertJob.start(); | |||||
return; | |||||
//} | |||||
}; |
@@ -0,0 +1,186 @@ | |||||
var ini = require("ini"); | |||||
var fs = require("fs"); | |||||
const Cryptr = require("cryptr"); | |||||
const cryptr = new Cryptr("TBS"); | |||||
var log = require("../util/log.js"); | |||||
const notifier = require("node-notifier"); | |||||
var moment = require("moment"); | |||||
module.exports.encryptData = function encryptData(data) { | |||||
var result = cryptr.encrypt(data); | |||||
return result; | |||||
}; | |||||
module.exports.decryptData = function decryptData(data) { | |||||
var result = cryptr.decrypt(data); | |||||
return result; | |||||
}; | |||||
module.exports.throwNotif = function throwNotif(message) { | |||||
notifier.notify( | |||||
{ | |||||
title: "Check log for information", | |||||
message: message, | |||||
wait: true, | |||||
sound: true, | |||||
}, | |||||
function (err, data) { | |||||
//process.exit(); | |||||
} | |||||
); | |||||
}; | |||||
module.exports.infoNotif = function infoNotif(title, message) { | |||||
notifier.notify( | |||||
{ | |||||
title: title, | |||||
message: message, | |||||
wait: true, | |||||
sound: true, | |||||
}, | |||||
function (err, data) { | |||||
//process.exit(); | |||||
} | |||||
); | |||||
}; | |||||
module.exports.getConfig = function getConfig() { | |||||
var configjs = ini.parse(fs.readFileSync("./config/config.ini", "utf-8")); | |||||
if (configjs.database_dpack.user != "") { | |||||
configjs.database_dpack.user = cryptr.decrypt(configjs.database_dpack.user); | |||||
} | |||||
if (configjs.database_dpack.password != "") { | |||||
configjs.database_dpack.password = cryptr.decrypt( | |||||
configjs.database_dpack.password | |||||
); | |||||
} | |||||
if (configjs.database_collection.user != "") { | |||||
configjs.database_collection.user = cryptr.decrypt( | |||||
configjs.database_collection.user | |||||
); | |||||
} | |||||
if (configjs.database_collection.password != "") { | |||||
configjs.database_collection.password = cryptr.decrypt( | |||||
configjs.database_collection.password | |||||
); | |||||
} | |||||
if (configjs.database_owner.user != "") { | |||||
configjs.database_owner.user = cryptr.decrypt(configjs.database_owner.user); | |||||
} | |||||
if (configjs.database_owner.password != "") { | |||||
configjs.database_owner.password = cryptr.decrypt( | |||||
configjs.database_owner.password | |||||
); | |||||
} | |||||
if (configjs.database_sendcol.user != "") { | |||||
configjs.database_sendcol.user = cryptr.decrypt( | |||||
configjs.database_sendcol.user | |||||
); | |||||
} | |||||
if (configjs.database_sendcol.password != "") { | |||||
configjs.database_sendcol.password = cryptr.decrypt( | |||||
configjs.database_sendcol.password | |||||
); | |||||
} | |||||
return configjs; | |||||
}; | |||||
module.exports.saveConfig = function saveConfig(config) { | |||||
config.database_dpack.user = cryptr.encrypt(config.database_dpack.user); | |||||
config.database_dpack.password = cryptr.encrypt( | |||||
config.database_dpack.password | |||||
); | |||||
config.database_collection.user = cryptr.encrypt( | |||||
config.database_collection.user | |||||
); | |||||
config.database_collection.password = cryptr.encrypt( | |||||
config.database_collection.password | |||||
); | |||||
config.database_owner.user = cryptr.encrypt(config.database_owner.user); | |||||
config.database_owner.password = cryptr.encrypt( | |||||
config.database_owner.password | |||||
); | |||||
config.database_sendcol.user = cryptr.encrypt(config.database_sendcol.user); | |||||
config.database_sendcol.password = cryptr.encrypt( | |||||
config.database_sendcol.password | |||||
); | |||||
if ( | |||||
config != null || | |||||
config != undefined || | |||||
config.owner != null || | |||||
config.owner != "" || | |||||
config.owner != undefined | |||||
) { | |||||
try { | |||||
fs.writeFileSync("./config/config.ini", ini.stringify(config)); | |||||
} catch (e) { | |||||
log.createLog(0, e.message); | |||||
} | |||||
} | |||||
}; | |||||
module.exports.getProcess = function getProcess() { | |||||
try { | |||||
var configjs = ini.parse(fs.readFileSync("./config/process.ini", "utf-8")); | |||||
console.log(configjs); | |||||
return configjs; | |||||
} catch (e) { | |||||
log.createLog(0, e.message); | |||||
throw e.message; | |||||
} | |||||
}; | |||||
module.exports.saveProcess = function saveProcess(process) { | |||||
try { | |||||
fs.writeFileSync("./config/process.ini", ini.stringify(process)); | |||||
} catch (e) { | |||||
log.createLog(0, e.message); | |||||
throw e.message; | |||||
} | |||||
}; | |||||
module.exports.regexQuery = async function regexQuery(query, last_date) { | |||||
if (last_date == null) { | |||||
last_date = moment().format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
} else { | |||||
last_date = moment.utc(last_date).format("YYYY-MM-DD HH:mm:ss.SSS"); | |||||
} | |||||
var dataRegex = ["[COMPANY]", "[LAST_DATE]"]; | |||||
var configjs = this.getConfig(); | |||||
regex = configjs.config_regex; | |||||
RegExp.quote = function (str) { | |||||
return str.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1"); | |||||
}; | |||||
dataRegex.forEach((word) => { | |||||
var regExp = new RegExp(RegExp.quote(word), "g"); | |||||
if (word == "[COMPANY]") { | |||||
query = query.replace(regExp, `'${regex.owner}'`); | |||||
} else if (word == "[LAST_DATE]") { | |||||
query = query.replace(regExp, `'${last_date}'`); | |||||
} | |||||
}); | |||||
return query; | |||||
}; | |||||
module.exports.changeColumnOracle = function changeColumnOracle(string) { | |||||
var numberIndicate = parseInt(string.substr(1)); | |||||
numberIndicate = 1000 + numberIndicate; | |||||
numberIndicate = numberIndicate.toString().substr(1); | |||||
var result = string[0] + numberIndicate; | |||||
return result; | |||||
}; |
@@ -0,0 +1,37 @@ | |||||
<script type="text/javascript"> | |||||
jQuery(document).ready(function($){ | |||||
$.ajax({ | |||||
url: "/get-password", | |||||
type:"POST", | |||||
success: function(result){ | |||||
popupS.prompt({ | |||||
content: 'Masukkan Password Untuk Login', | |||||
onSubmit: function(val) { | |||||
if(val != result){ | |||||
window.location.replace("/"); | |||||
} | |||||
else{ | |||||
$.ajax({ | |||||
url:"/saveSession", | |||||
type:"POST", | |||||
data:{"password":val}, | |||||
success: function(result){ | |||||
window.location.replace("/"); | |||||
} | |||||
}) | |||||
} | |||||
}, | |||||
onClose: function(){ | |||||
window.location.replace("/"); | |||||
}, | |||||
onOpen: function(){ | |||||
$('#popupS-input').prop('type', 'password'); | |||||
} | |||||
}); | |||||
} | |||||
}) | |||||
}); | |||||
</script> |
@@ -0,0 +1 @@ | |||||
{{errorMessage}} |
@@ -0,0 +1,235 @@ | |||||
<div class="wrappers"> | |||||
<div class="containers"> | |||||
<article class="part card-details"> | |||||
<h1> | |||||
Configuration Database | |||||
</h1> | |||||
<br> | |||||
<form action="/data" if="cc-form" autocomplete="off" method="post"> | |||||
<legend class="header-title">SQL Server</legend> | |||||
<div class="group card-name"> | |||||
<label for="name">IP ADDRESS</label> | |||||
<input type="text" id="ipAddress" class="" type="text" placeholder="Enter IP Address" {{#if config_dpack.server}} value = {{config_dpack.server}} {{/if}} name="ipAddress_dpack"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">USERNAME</label> | |||||
<input type="text" id="username" class="" type="text" placeholder="Enter the username" {{#if config_dpack.user}} value = {{config_dpack.user}} {{/if}} name="user_dpack"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">PASSWORD</label> | |||||
<input type="password" id="password" class="" type="text" placeholder="Enter the Password" {{#if config_dpack.password}} value = {{config_dpack.password}} {{/if}} name = "password_dpack"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">DATABASE</label> | |||||
<input type="text" id="database" class="" type="text" placeholder="Enter Database Name" {{#if config_dpack.database}} value = {{config_dpack.database}} {{/if}} name = "database_dpack"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">DATABASE COLLECTION</label> | |||||
<input type="text" id="dbCollection" class="" type="text" placeholder="Enter Database Collection Name" {{#if dbCollection}} value = {{dbCollection}} {{/if}} name = "dbCollection"> | |||||
</div> | |||||
<!-----------------------------------------------------------------------------------------------> | |||||
<legend class="header-title">Oracle Get SQL</legend> | |||||
<div class="row"> | |||||
<div class="group card-name col-8"> | |||||
<label for="name">IP Address</label> | |||||
<input type="text" id="ip_address_owner" class="" type="text" placeholder="IP Address Get SQL" {{#if config_owner.ip_address}} value = {{config_owner.ip_address}} {{/if}} name = "ip_address_owner"> | |||||
</div> | |||||
<div class="group card-name col-4"> | |||||
<label for="name">Port</label> | |||||
<input type="text" id="port_owner" class="" type="text" placeholder="Port Get SQL" {{#if config_owner.port}} value = {{config_owner.port}} {{/if}} name = "port_owner"> | |||||
</div> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">DB NAME</label> | |||||
<input type="text" id="db_owner" class="" type="text" placeholder="Enter DB Name Get SQL" {{#if config_owner.dbname}} value = {{config_owner.dbname}} {{/if}} name = "db_owner"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">USER TBS</label> | |||||
<input type="text" id="user_owner" class="" type="text" placeholder="Enter TBS user Get SQL" {{#if config_owner.user}} value = {{config_owner.user}} {{/if}} name = "user_owner"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">PASSWORD TBS</label> | |||||
<input type="password" id="password_owner" class="" type="text" placeholder="Enter TBS Password Get SQL" {{#if config_owner.password}} value = {{config_owner.password}} {{/if}} name = "password_owner"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">SCHEME</label> | |||||
<input type="text" id="scheme_owner" class="" type="text" placeholder="Enter Scheme Get Query" {{#if config_owner.scheme}} value = {{config_owner.scheme}} {{/if}} name = "scheme_owner"> | |||||
</div> | |||||
<!------------------------------------------------------------------------------------------------------------------------------> | |||||
<legend class="header-title">Oracle Send Collection</legend> | |||||
<div class="row"> | |||||
<div class="group card-name col-8"> | |||||
<label for="name">IP Address</label> | |||||
<input type="text" id="ip_address_sendcol" class="" type="text" placeholder="IP Address Send Collection" {{#if config_sendcol.ip_address}} value = {{config_sendcol.ip_address}} {{/if}} name = "ip_address_sendcol"> | |||||
</div> | |||||
<div class="group card-name col-4"> | |||||
<label for="name">Port</label> | |||||
<input type="text" id="port_sendcol" class="" type="text" placeholder="Port Send Collection" {{#if config_sendcol.port}} value = {{config_sendcol.port}} {{/if}} name = "port_sendcol"> | |||||
</div> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">DB NAME</label> | |||||
<input type="text" id="db_sendcol" class="" type="text" placeholder="Enter DB Name Send Collection" {{#if config_sendcol.dbname}} value = {{config_sendcol.dbname}} {{/if}} name = "db_sendcol"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">USER TBS</label> | |||||
<input type="text" id="user_sendcol" class="" type="text" placeholder="Enter TBS user Get SQL" {{#if config_sendcol.user}} value = {{config_sendcol.user}} {{/if}} name = "user_sendcol"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">PASSWORD TBS</label> | |||||
<input type="password" id="password_sendcol" class="" type="text" placeholder="Enter TBS Password Get SQL" {{#if config_sendcol.password}} value = {{config_sendcol.password}} {{/if}} name = "password_sendcol"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">SCHEME</label> | |||||
<input type="text" id="scheme_sendcol" class="" type="text" placeholder="Enter Scheme Get Query" {{#if config_sendcol.scheme}} value = {{config_sendcol.scheme}} {{/if}} name = "scheme_sendcol"> | |||||
</div> | |||||
<div class="grup submit-group"> | |||||
<span class="arrow"></span> | |||||
<input type="submit" class="btn btn-primary" value="Save"> | |||||
</div> | |||||
</form> | |||||
</article> | |||||
<div class="part bg"> | |||||
<table> | |||||
<tr> | |||||
<td colspan="2" style="padding-left: 4px">Job Get Query</td> | |||||
{{#ifExpression statusJob.getQuery true}} | |||||
<td>: <font style="color: lime;margin-left: 4px">RUN</font></td> | |||||
{{else}} | |||||
<td>: <font style="color: red;margin-left: 4px">STOP</font></td> | |||||
{{/ifExpression}} | |||||
</tr> | |||||
<tr> | |||||
<td colspan="2" style="padding-left: 4px">Job Collection</td> | |||||
{{#ifExpression statusJob.collectionInsert true}} | |||||
<td>: <font style="color: lime;margin-left: 4px">RUN</font></td> | |||||
{{else}} | |||||
<td>: <font style="color: red;margin-left: 4px">STOP</font></td> | |||||
{{/ifExpression}} | |||||
</tr> | |||||
<tr> | |||||
<td colspan="2" style="padding-left: 4px">Job Oracle</td> | |||||
{{#ifExpression statusJob.oracleInsert true}} | |||||
<td>: <font style="color: lime;margin-left: 4px">RUN</font></td> | |||||
{{else}} | |||||
<td>: <font style="color: red;margin-left: 4px">STOP</font></td> | |||||
{{/ifExpression}} | |||||
</tr> | |||||
<tr> | |||||
<td style="padding-left: 4px">Auto Start</td> | |||||
{{#ifExpression autoStart "TRUE"}} | |||||
<td>: <font style="color: lime;margin-left: 4px">RUN</font></td> | |||||
<td><form method="post" action="/changeAutoStart"><input type="submit" name="submit" value="STOP" class="btn btn-outline-danger btn-xs"> </form></td> | |||||
{{else}} | |||||
<td>: <font style="color: red;margin-left: 4px">STOP</font></td> | |||||
<td><form method="post" action="/changeAutoStart"><input type="submit" name="submit" value="START" class="btn btn-outline-success btn-xs"> </form></td> | |||||
{{/ifExpression}} | |||||
</tr> | |||||
</table> | |||||
<form method="post" action="/changeJobstatus"> | |||||
{{#ifExpression isRunning "TRUE"}} | |||||
<input type="submit" style="margin-top: 8px;" name="submit" class="btn btn-danger" value = "STOP"> | |||||
{{else}} | |||||
<input type="submit" style="margin-top: 8px;" name="submit" class="btn btn-success" value = "START"> | |||||
{{/ifExpression}} | |||||
</form> | |||||
<br> | |||||
<div class="form-right"> | |||||
<h3>Interval Settings</h3> | |||||
<br> | |||||
<form method="post" action="/changeIntervalJob"> | |||||
<div class="group card-name"> | |||||
<label for="name">START MORNING</label> | |||||
<input type="text" id="startMorning" data-date-format="hh:ii" class="timepicker" type="text" placeholder="Enter Start Morning" {{#if config_time.start_morning}} value = {{config_time.start_morning}} {{/if}} name="start_morning"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">END MORNING</label> | |||||
<input type="text" id="endMorning" data-date-format="hh:ii" class="timepicker" type="text" placeholder="Enter End Morning" {{#if config_time.end_morning}} value = {{config_time.end_morning}} {{/if}} name = "end_morning"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">START NIGHT</label> | |||||
<input type="text" id="startNight" data-date-format="hh:ii" class="timepicker" type="text" placeholder="Enter Start Night" {{#if config_time.start_night}} value = {{config_time.start_night}} {{/if}} name = "start_night"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">END NIGHT</label> | |||||
<input type="text" id="endNight" data-date-format="hh:ii" class="timepicker" type="text" placeholder="Enter End Night" {{#if config_time.end_night}} value = {{config_time.end_night}} {{/if}} name="end_night"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">GetQuery Interval (Min:1 - 59)</label> | |||||
<input type="text" id="getQueryInterval" onkeypress="return isNumber(event)" class="" type="text" placeholder="Enter the username" {{#if getquery_interval}} value = {{getquery_interval}} {{/if}} name="getquery_interval"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">Collection Interval (Min:1-59)</label> | |||||
<input type="text" id="collectionInterval" onkeypress="return isNumber(event)" class="" type="text" placeholder="Enter the username" {{#if collection_interval}} value = {{collection_interval}} {{/if}} name="collection_interval"> | |||||
</div> | |||||
<div class="group card-name"> | |||||
<label for="name">Oracle Interval (Min:1-59)</label> | |||||
<input type="text" id="oracleInterval" onkeypress="return isNumber(event)" class="" type="text" placeholder="Enter the username" {{#if oracle_interval}} value = {{oracle_interval}} {{/if}} name="oracle_interval"> | |||||
</div> | |||||
<input type="submit" class="btn btn-primary" value = "Submit"> | |||||
</form> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
<script type="text/javascript"> | |||||
function isNumber(evt) { | |||||
evt = (evt) ? evt : window.event; | |||||
var charCode = (evt.which) ? evt.which : evt.keyCode; | |||||
if (charCode > 31 && (charCode < 48 || charCode > 57)) { | |||||
return false; | |||||
} | |||||
return true; | |||||
} | |||||
jQuery(document).ready(function($){ | |||||
// $('#popupS-input').prop('type', 'password'); | |||||
// $.ajax({ | |||||
// url: "/get-password", | |||||
// type:"POST", | |||||
// success: function(result){ | |||||
// popupS.prompt({ | |||||
// content: 'Masukkan Password Untuk Login', | |||||
// onSubmit: function(val) { | |||||
// if(val != result){ | |||||
// window.location.replace("/"); | |||||
// } | |||||
// }, | |||||
// onClose: function(){ | |||||
// window.location.replace("/"); | |||||
// }, | |||||
// onOpen: function(){ | |||||
// $('#popupS-input').prop('type', 'password'); | |||||
// } | |||||
// }); | |||||
// } | |||||
// }) | |||||
$('#lastDate').datepicker({ | |||||
format: 'dd-M-yyyy', | |||||
autoclose : true, | |||||
forceParse: false | |||||
}); | |||||
$('input.timepicker').clockpicker({ | |||||
donetext: 'SUBMIT' | |||||
}); | |||||
}); | |||||
</script> |
@@ -0,0 +1,30 @@ | |||||
<!doctype html> | |||||
<html> | |||||
<head> | |||||
<meta charset="utf-8" /> | |||||
<title>{{title}}</title> | |||||
<link rel="stylesheet" type="text/css" href="popupS-master/css/popupS.min.css"> | |||||
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.min.css"> | |||||
<link rel="stylesheet" type="text/css" href="stylesheets/configpage.css"> | |||||
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap-datepicker3.css"> | |||||
<link rel="stylesheet" type="text/css" href="stylesheets/bootstrap-clockpicker.min.css"> | |||||
<script type="text/javascript" src = "javascripts/jquery-1.8.3.min.js"></script> | |||||
<script type="text/javascript" src = "javascripts/bootstrap.js"></script> | |||||
<script type="text/javascript" src = "javascripts/bootstrap-datepicker.js"></script> | |||||
<script type="text/javascript" src = "javascripts/bootstrap-clockpicker.min.js"></script> | |||||
<script type="text/javascript" src="javascripts/configpage.js"></script> | |||||
<script src="popupS-master/dist/popupS.min.js"></script> | |||||
</head> | |||||
<body> | |||||
{{{body}}} | |||||
</body> | |||||
</html> |