npm - @dssp/supervision - Versions diffs - 1.0.0-alpha.24 → 1.0.0-alpha.26 - Mend

@dssp/supervision 1.0.0-alpha.24 → 1.0.0-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist-client/pages/building-inspection-grid/component/grid-inspection-create-popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid-inspection-create-popup.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection-grid/component/grid-inspection-create-popup.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AAExC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,oDAAoD,CAAA;AAIvH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QAyI8B,cAAS,GAAW,EAAE,CAAA;QACtB,wBAAmB,GAAW,EAAE,CAAA;QAChC,uBAAkB,GAAW,EAAE,CAAA;QAC/B,4BAAuB,GAAW,EAAE,CAAA;QACpC,SAAI,GAAW,EAAE,CAAA;QAEpC,cAAS,GAAQ,EAAE,CAAA;QACnB,qBAAgB,GAAQ,EAAE,CAAA;QAC1B,kBAAa,GAAQ,EAAE,CAAA;QAEvB,sBAAiB,GAAQ,EAAE,CAAA;QAC3B,6BAAwB,GAAQ,EAAE,CAAA;QAClC,mCAA8B,GAAQ,EAAE,CAAA;QAExC,aAAQ,GAAQ,EAAE,CAAA;QAClB,oBAAe,GAAQ,EAAE,CAAA;QAEzB,uBAAkB,GAAQ,EAAE,CAAA;QAC5B,cAAS,GAAQ,EAAE,CAAA;QAEnB,cAAS,GAAuB,MAAM,CAAA;IAygBjD,CAAC;IA/fC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uCAEwB,IAAI,CAAC,SAAS,KAAK,MAAM;;;;;;2DAML,IAAI,CAAC,yBAAyB;kBACvE,MAAA,IAAI,CAAC,iBAAiB,0CAAE,GAAG,CAAC,gBAAgB,CAAC,EAAE;;YAC/C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,MAAK,MAAA,IAAI,CAAC,wBAAwB,0CAAE,EAAE,CAAA,CAAA;YAC1E,OAAO,IAAI,CAAA,+BAA+B,QAAQ,WAAW,gBAAgB,CAAC,EAAE;2CACvD,gBAAgB,CAAC,IAAI;sCAC1B,CAAA;QACtB,CAAC,CAAC;;;;;;iEAM+C,IAAI,CAAC,+BAA+B;kBACnF,MAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,uBAAuB,0CAAE,GAAG,CAAC,sBAAsB,CAAC,EAAE;YACrF,MAAM,QAAQ,GAAG,sBAAsB,CAAC,EAAE,KAAK,IAAI,CAAC,8BAA8B,CAAC,EAAE,CAAA;YACrF,OAAO,IAAI,CAAA,+BAA+B,QAAQ,WAAW,sBAAsB,CAAC,EAAE;2CAC7D,sBAAsB,CAAC,IAAI;sCAChC,CAAA;QACtB,CAAC,CAAC;;;;;;sFAMoE,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,IAAI,KAAI,EAAE;;;;;;;;;;yBAU9F,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,gBAAgB,KAAI,EAAE;;;;;;;;;;;;;;;yBAe1C,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,KAAI,EAAE;yBAC1B,IAAI,CAAC,cAAc;;;;;;;4DAOgB,IAAI,CAAC,0BAA0B;;kBAEzE,MAAA,IAAI,CAAC,kBAAkB,0CAAE,GAAG,CAAC,CAAC,iBAAiB,EAAE,GAAG,EAAE,EAAE;YACxD,OAAO,IAAI,CAAA,6BAA6B,iBAAiB,CAAC,EAAE;2CACnC,iBAAiB,CAAC,IAAI;sCAC3B,CAAA;QACtB,CAAC,CAAC;;;;;;;;;;kDAUgC,IAAI,CAAC,gBAAgB;;kBAErD,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;YACpC,OAAO,IAAI,CAAA,6BAA6B,OAAO,CAAC,MAAM;2CAC7B,OAAO,CAAC,IAAI;sCACjB,CAAA;QACtB,CAAC,CAAC;;;;;;oBAME,MAAM;sBACJ,IAAI,CAAC,WAAW;4BACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC5B,IAAI,CAAC,YAAY;;;;;uCAKN,IAAI,CAAC,SAAS,KAAK,SAAS;kCACjC,mCAAoB,eAAe,IAAI,CAAC,SAAS;;;;;0BAKzD,IAAI,CAAC,SAAS,KAAK,MAAM,WAAW,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;0BACnE,IAAI,CAAC,SAAS,KAAK,SAAS,WAAW,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;;;;0CAIzD,IAAI,CAAC,iBAAiB;;;qCAG3B,IAAI,CAAC,MAAM;;KAE3C,CAAA;IACH,CAAC;IAED,OAAO;;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,sBAAsB,0CAAE,WAAW,KAAG,MAAA,IAAI,CAAC,aAAa,0CAAE,WAAW,CAAA,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAA;QACvH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,KAAK,GAAG,CAAA;IACxD,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4CT;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,IAAI,CAAC,SAAS;aACnB;SACF,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAM;QAE3B,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAA;QACtC,MAAM,kBAAkB,GAAG,CAAA,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,kBAAkB,0CAAE,KAAK,KAAI,EAAE,CAAA;QACzE,MAAM,iBAAiB,GAAG,CAAA,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,iBAAiB,0CAAE,KAAK,KAAI,EAAE,CAAA;QAEvE,IAAI,CAAC,QAAQ,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,QAAQ,CAAA;QACvC,IAAI,CAAC,oBAAoB,GAAG,MAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,0CAAE,KAAK,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE;YACvE,OAAO;gBACL,OAAO,EAAE,CAAC,CAAC,UAAU;gBACrB,KAAK,EAAE,CAAC,CAAC,EAAE;gBACX,QAAQ,EAAE,CAAC,CAAC,QAAQ;aACrB,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAA;QAC/C,IAAI,CAAC,kBAAkB,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAA;QACjD,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,0CAAE,SAAS,KAAI,EAAE,CAAC,CAAC,CAAA;QAEjE,kDAAkD;QAClD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAA;QAC/F,IAAI,CAAC,gBAAgB,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAA;QACzE,IAAI,CAAC,wBAAwB,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,CAAC,CAAC,CAAA;QAEtD,mDAAmD;QACnD,IAAI,CAAC,aAAa,GAAG,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,0CAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,uBAAuB,CAAC,CAAA;QAEnH,iBAAiB;QACjB,IAAI,CAAC,wBAAwB,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAA;QACjG,IAAI,CAAC,8BAA8B,GAAG,MAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,uBAAuB,0CAAG,CAAC,CAAC,CAAA;QACjG,IAAI,CAAC,wBAAwB,GAAG,wBAAW,IAAI,CAAC,wBAAwB,CAAE,CAAA;QAE1E,iBAAiB;QACjB,MAAM,IAAI,CAAC,2BAA2B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACrD,MAAM,IAAI,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QAE1D,IAAI,CAAC,SAAS,GAAG;YACf,gBAAgB,EAAE,MAAA,IAAI,CAAC,wBAAwB,0CAAE,IAAI;YACrD,sBAAsB,EAAE,MAAA,IAAI,CAAC,8BAA8B,0CAAE,IAAI;YACjE,QAAQ,EAAE,GAAG,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,IAAI,KAAI,EAAE,IAAI,IAAI,CAAC,aAAa,CAAC,gBAAgB,IAAI,EAAE,GAAG;YAC9F,UAAU,EAAE,iBAAiB;YAC7B,kBAAkB,EAAE;gBAClB,MAAM,EAAE,wBAAwB,CAAC,IAAI;aACtC;SACF,CAAA;QAED,SAAS;QACT,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,cAAc,CAAC,uBAA+B,EAAE;QAC9C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAA;IAC7F,CAAC;IAEO,MAAM;QACZ,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,WAAW,GAAG;YACjB,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC9D;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,cAAc;oBACpB,QAAQ,EAAE;wBACR,KAAK,EAAE,SAAS;qBACjB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE;wBACR,KAAK,EAAE,WAAW;qBACnB;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,IAAI;oBACZ,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAC1C,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,wBAAwB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAC3G;qBACF;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,OAAO;oBACf,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;4BAClC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;4BAC1B,GAAG,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;yBACxE;qBACF;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO;oBACf,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,mBAAmB;oBACzB,MAAM,EAAE,OAAO;oBACf,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;qBACf;oBACD,KAAK,EAAE,GAAG;iBACX;aACF;YACD,UAAU,EAAE;gBACV,QAAQ,EAAE,IAAI;aACf;YACD,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SACtD,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,IAAI,CAAC,mBAAmB;YAAE,OAAO,EAAE,CAAA;QAExC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;OAaT;YACD,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,IAAI,EAAE,qBAAqB;oBAC3B,KAAK,EAAE,IAAI,CAAC,mBAAmB;oBAC/B,QAAQ,EAAE,IAAI;iBACf;gBACD,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;aACvD;SACF,CAAC,CAAA;QAEF,mBAAmB;QACnB,IAAI,CAAC,YAAY,EAAE,CAAA;QAEnB,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,IAAI,EAAE;SAC1D,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,aAAqB,EAAE;;QACxC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;OAkBT;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,UAAU;aACf;SACF,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAM;QAE3B,OAAO,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,QAAQ,KAAI,EAAE,CAAA;IACtC,CAAC;IAEO,0BAA0B,CAAC,CAAC;QAClC,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAE1C,eAAe;QACf,IAAI,CAAC,SAAS,mCAAQ,IAAI,CAAC,SAAS,KAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,GAAE,CAAA;QAElE,aAAa;QACb,IAAI,mBAAmB,EAAE,CAAC;YACxB,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAA;YAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QACpB,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,CAAC;QACxB,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,IAAI,SAAS,CAAC,CAAA;IACnF,CAAC;IAED,KAAK,CAAC,iBAAiB;;QACrB,IAAI,KAAK,GAAQ,EAAE,CAAA;QAEnB,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,CAAA;QAC7C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAA;QAC7C,KAAK,CAAC,SAAS,GAAG;YAChB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI;YACzB,gBAAgB,EAAE,IAAI,CAAC,0BAA0B,CAAC,WAAW;YAC7D,sBAAsB,EAAE,IAAI,CAAC,gCAAgC,CAAC,WAAW;YACzE,QAAQ,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,gBAAgB,GAAG;YACjF,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe;SAChD,CAAA;QACD,KAAK,CAAC,aAAa,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,cAAc,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE;YAC9D,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;aAC1C,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC3C,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAC3B,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QAE3B,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;OAMZ;YACD,SAAS,EAAE;gBACT,KAAK;aACN;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,CAAC,CAAA;YACvC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAA;YAC9D,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,EAAE,OAAO,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,MAAM,0CAAG,CAAC,CAAC,0CAAE,OAAO,KAAI,qBAAqB,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAA;QAC7F,CAAC;IACH,CAAC;IAED,gCAAgC;IACxB,cAAc,CAAC,KAAiB;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAA;QAChC,IAAI,CAAC,SAAS,mCAAQ,IAAI,CAAC,SAAS,KAAE,IAAI,EAAE,MAAM,CAAC,KAAK,GAAE,CAAA;IAC5D,CAAC;IAED,mBAAmB;IACX,YAAY;QAClB,MAAM,oBAAoB,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAClH,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,wDAAwD;QACxD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACvE,uCACK,GAAG,KACN,UAAU,EAAE,oBAAoB,CAAC,GAAG,CAAC,UAAU,CAAC,EAChD,QAAQ,EAAE,GAAG,IACd;YACH,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,SAAS,qBAAQ,IAAI,CAAC,SAAS,CAAE,CAAA;QACxC,CAAC,EAAE,GAAG,CAAC,CAAA;IACT,CAAC;IAEO,KAAK,CAAC,yBAAyB,CAAC,CAAC;;QACvC,MAAM,kBAAkB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QACzC,IAAI,CAAC,wBAAwB,GAAG,MAAM,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;QACnF,IAAI,CAAC,8BAA8B,GAAG,wBAAW,MAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,uBAAuB,0CAAG,CAAC,CAAC,CAAE,CAAA;QAC9G,IAAI,CAAC,SAAS,mCACT,IAAI,CAAC,SAAS,KACjB,gBAAgB,EAAE,MAAA,IAAI,CAAC,wBAAwB,0CAAE,IAAI,EACrD,sBAAsB,EAAE,MAAA,IAAI,CAAC,8BAA8B,0CAAE,IAAI,GAClE,CAAA;QAED,MAAM,IAAI,CAAC,gCAAgC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC;IAEO,+BAA+B,CAAC,CAAC;;QACvC,MAAM,wBAAwB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/C,IAAI,CAAC,8BAA8B,qBAC9B,CAAC,CAAA,MAAA,MAAA,IAAI,CAAC,wBAAwB,0CAAE,uBAAuB,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,wBAAwB,CAAC,KAAI,EAAE,CAAC,CAC/G,CAAA;QACD,IAAI,CAAC,SAAS,mCACT,IAAI,CAAC,SAAS,KACjB,gBAAgB,EAAE,MAAA,IAAI,CAAC,wBAAwB,0CAAE,IAAI,EACrD,sBAAsB,EAAE,MAAA,IAAI,CAAC,8BAA8B,0CAAE,IAAI,GAClE,CAAA;IACH,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,KAAa,EAAE;;QACxC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;OAYT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE;SAClB,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAM;QAE3B,OAAO,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,gBAAgB,KAAI,EAAE,CAAA;IAC9C,CAAC;;AApqBM,gCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgIF;CACF,AApIY,CAoIZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8DAAiB;AAChB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uEAA0B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4DAAuB;AACtB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sEAAiC;AAChC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qEAAgC;AAC/B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0EAAqC;AACpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAAkB;AAEpC;IAAR,KAAK,EAAE;;4DAAoB;AACnB;IAAR,KAAK,EAAE;;mEAA2B;AAC1B;IAAR,KAAK,EAAE;;gEAAwB;AAEvB;IAAR,KAAK,EAAE;;oEAA4B;AAC3B;IAAR,KAAK,EAAE;;2EAAmC;AAClC;IAAR,KAAK,EAAE;;iFAAyC;AAExC;IAAR,KAAK,EAAE;;2DAAmB;AAClB;IAAR,KAAK,EAAE;;kEAA0B;AAEzB;IAAR,KAAK,EAAE;;qEAA6B;AAC5B;IAAR,KAAK,EAAE;;4DAAoB;AAEnB;IAAR,KAAK,EAAE;;4DAAuC;AAED;IAA7C,KAAK,CAAC,qCAAqC,CAAC;;8EAA4B;AAC5B;IAA5C,KAAK,CAAC,oCAAoC,CAAC;;6EAA2B;AACpB;IAAlD,KAAK,CAAC,0CAA0C,CAAC;;mFAAiC;AAChE;IAAlB,KAAK,CAAC,UAAU,CAAC;8BAAS,SAAS;wDAAA;AAEb;IAAtB,KAAK,CAAC,cAAc,CAAC;8BAA0B,cAAc;yEAAA;AACrC;IAAxB,KAAK,CAAC,gBAAgB,CAAC;8BAAiB,WAAW;gEAAA;AArKhD,yBAAyB;IAD9B,aAAa,CAAC,8BAA8B,CAAC;GACxC,yBAAyB,CAsqB9B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist } from '@operato/data-grist/ox-grist.js'\nimport { client } from '@operato/graphql'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from '../../building-inspection/building-inspection-list'\nimport { ChecklistMode } from '../../checklist/checklist-view'\n\n@customElement('grid-inspection-create-popup')\nclass GridInspectionCreatePopup extends LitElement {\n static styles = [\n ButtonContainerStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n\n background-color: var(--md-sys-color-surface);\n }\n\n md-filled-select {\n width: auto;\n min-width: 150px;\n --md-filled-select-text-field-container-color: transparent;\n --md-filled-select-text-field-active-indicator-color: #999;\n --md-filled-select-text-field-input-text-size: 14px;\n --md-filled-select-text-field-input-text-weight: bold;\n --md-filled-select-text-field-input-text-line-height: 6px;\n }\n md-filled-select[level] {\n min-width: 110px;\n margin-left: 20px;\n }\n\n checklist-view {\n pointer-events: none;\n transform-origin: top left;\n }\n\n div[body] {\n height: 100%;\n overflow-y: auto;\n\n div[tab-container][inactive] {\n display: none !important;\n }\n\n div[edit] {\n width: 100%;\n\n div[detail] {\n margin-bottom: 30px;\n }\n\n h3 {\n position: relative;\n color: #0595e5;\n font-size: 17px;\n font-weight: 700;\n background-color: var(--md-sys-color-surface);\n margin-top: 0;\n margin-bottom: 5px;\n }\n\n div[data-row] {\n display: grid;\n grid-template-columns: 100px 1fr 0.3fr 100px 1fr;\n gap: 15px;\n margin-bottom: 11px;\n\n & > label {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n font-size: 15px;\n }\n\n div[inspection-parts] {\n display: block;\n margin-top: 7px;\n\n & > span {\n display: inline-block;\n margin-right: 5px;\n margin-bottom: 5px;\n\n & > md-checkbox {\n margin-top: 2px;\n }\n }\n }\n }\n }\n\n div[preview] {\n display: flex;\n overflow-y: auto;\n overflow-x: hidden;\n }\n }\n\n div[tabs] {\n display: flex;\n\n button {\n background-color: #fff;\n padding: 6px 14px;\n color: #999;\n border: solid 1px #999;\n border-top: none;\n border-radius: 0px 0px 8px 8px;\n margin-right: -2px;\n cursor: pointer;\n\n &[active] {\n color: var(--button-color, var(--md-sys-color-on-secondary-container));\n font-weight: 600;\n }\n }\n }\n\n div[button-container] {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n\n md-elevated-button[blue] {\n --md-elevated-button-container-color: #0595e5;\n\n --md-elevated-button-label-text-color: #fff;\n --md-elevated-button-hover-label-text-color: #fff;\n --md-elevated-button-pressed-label-text-color: #fff;\n --md-elevated-button-focus-label-text-color: #fff;\n --md-elevated-button-icon-color: #fff;\n --md-elevated-button-hover-icon-color: #fff;\n --md-elevated-button-pressed-icon-color: #fff;\n --md-elevated-button-focus-icon-color: #fff;\n }\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @property({ type: Object }) checklistDetailTypes: any\n @property({ type: String }) projectId: string = ''\n @property({ type: String }) checklistTemplateId: string = ''\n @property({ type: String }) selectedBuildingId: string = ''\n @property({ type: String }) selectedBuildingLevelId: string = ''\n @property({ type: String }) cell: string = ''\n\n @state() buildings: any = []\n @state() selectedBuilding: any = {}\n @state() selectedLevel: any = {}\n\n @state() constructionTypes: any = []\n @state() selectedConstructionType: any = {}\n @state() selectedConstructionDetailType: any = {}\n\n @state() managers: any = []\n @state() selectedManager: any = {}\n\n @state() checklistTemplates: any = []\n @state() checklist: any = {}\n\n @state() activeTab: 'edit' \| 'preview' = 'edit'\n\n @query('md-filled-select[checklistTemplate]') htmlSelectChecklistTemplate\n @query('md-filled-select[constructionType]') htmlSelectConstructionType\n @query('md-filled-select[constructionDetailType]') htmlSelectConstructionDetailType\n @query('ox-grist') grist!: DataGrist\n\n @query('div[preview]') checklistViewContainer!: HTMLDivElement\n @query('checklist-view') checklistView!: HTMLElement\n\n render() {\n return html`\n <div body>\n <div tab-container ?inactive=${this.activeTab !== 'edit'} edit>\n <div detail>\n <h3>세부 정보</h3>\n\n <div data-row>\n <label>공종</label>\n <md-filled-select constructionType @change=${this._onSelectConstructionType}>\n ${this.constructionTypes?.map(constructionType => {\n const selected = constructionType.id === this.selectedConstructionType?.id\n return html`<md-select-option ?selected=${selected} .value=${constructionType.id}>\n <div slot=\"headline\">${constructionType.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n\n <div partition></div>\n\n <label>세부 공종</label>\n <md-filled-select constructionDetailType @change=${this._onSelectConstructionDetailType}>\n ${this.selectedConstructionType?.constructionDetailTypes?.map(constructionDetailType => {\n const selected = constructionDetailType.id === this.selectedConstructionDetailType.id\n return html`<md-select-option ?selected=${selected} .value=${constructionDetailType.id}>\n <div slot=\"headline\">${constructionDetailType.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n\n <div data-row>\n <label>동</label>\n <md-filled-text-field building name=\"buildingName\" type=\"text\" .value=${this.selectedBuilding?.name \|\| ''} disabled>\n </md-filled-text-field>\n\n <div partition></div>\n\n <label>층</label>\n <md-filled-text-field\n level\n name=\"buildingLevelName\"\n type=\"text\"\n .value=${this.selectedLevel?.floorDisplayName \|\| ''}\n disabled\n >\n </md-filled-text-field>\n </div>\n </div>\n\n <div checklist>\n <h3>체크리스트</h3>\n\n <div data-row>\n <label>이름</label>\n <md-filled-text-field\n name=\"checklistName\"\n type=\"text\"\n .value=${this.checklist?.name \|\| ''}\n @input=${this._onInputChange}\n >\n </md-filled-text-field>\n\n <div partition></div>\n\n <label>템플릿</label>\n <md-filled-select checklistTemplate @change=${this._onSelectChecklistTemplate}>\n <md-select-option></md-select-option>\n ${this.checklistTemplates?.map((checklistTemplate, idx) => {\n return html` <md-select-option .value=${checklistTemplate.id}>\n <div slot=\"headline\">${checklistTemplate.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n </div>\n\n <div manager>\n <h3>담당자</h3>\n\n <div data-row>\n <label>담당자</label>\n <md-filled-select manager @change=${this._onSelectManager}>\n <md-select-option></md-select-option>\n ${this.managers?.map((manager, idx) => {\n return html` <md-select-option .value=${manager.userId}>\n <div slot=\"headline\">${manager.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n </div>\n\n <ox-grist\n .mode=${'GRID'}\n .config=${this.gristConfig}\n .fetchHandler=${this.fetchHandler.bind(this)}\n @field-change=${this.onChangeGird}\n >\n </ox-grist>\n </div>\n\n <div tab-container ?inactive=${this.activeTab !== 'preview'} preview>\n <checklist-view .mode=${ChecklistMode.VIEWER} .checklist=${this.checklist}></checklist-view>\n </div>\n </div>\n\n <div tabs>\n <button ?active=${this.activeTab === 'edit'} @click=${() => (this.activeTab = 'edit')}>검측 요청 정보</button>\n <button ?active=${this.activeTab === 'preview'} @click=${() => (this.activeTab = 'preview')}>미리보기</button>\n </div>\n\n <div button-container>\n <md-elevated-button blue @click=${this._createInspection}>\n <md-icon slot=\"icon\">task</md-icon>검측 요청서 등록\n </md-elevated-button>\n <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소</md-elevated-button>\n </div>\n `\n }\n\n updated() {\n const ratio = Math.round((this.checklistViewContainer?.offsetWidth / this.checklistView?.offsetWidth) * 100) / 100 \|\| 1\n this.checklistView.style.transform = `scale(${ratio})`\n }\n\n async firstUpdated() {\n const response = await client.query({\n query: gql`\n query Project($id: String!) {\n project(id: $id) {\n id\n name\n buildingComplex {\n id\n buildings {\n id\n name\n }\n }\n }\n\n constructionTypes {\n items {\n name\n id\n }\n }\n\n checklistTemplates {\n items {\n id\n name\n }\n }\n\n checklistTypes {\n items {\n id\n mainType\n detailType\n }\n }\n\n managers {\n id\n phone\n position\n userId\n name\n }\n }\n `,\n variables: {\n id: this.projectId\n }\n })\n\n if (response.errors) return\n\n const project = response.data?.project\n const checklistTemplates = response.data?.checklistTemplates?.items \|\| []\n const constructionTypes = response.data?.constructionTypes?.items \|\| []\n\n this.managers = response.data?.managers\n this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n return {\n display: v.detailType,\n value: v.id,\n mainType: v.mainType\n }\n })\n\n this.constructionTypes = [...constructionTypes]\n this.checklistTemplates = [...checklistTemplates]\n this.buildings = [...(project?.buildingComplex?.buildings \|\| [])]\n\n // selectedBuildingId가 있으면 해당 빌딩 선택, 없으면 첫번째 빌딩 선택\n this.selectedBuilding = this.buildings.find(building => building.id == this.selectedBuildingId)\n this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n this.selectedConstructionType = constructionTypes?.[0]\n\n // selectedBuildingLevelId가 있으면 선택된 층, 없으면 첫번째 층 선택\n this.selectedLevel = this.selectedBuilding?.buildingLevels?.find(level => level.id == this.selectedBuildingLevelId)\n\n // 세부 공종 리스트 가져오기\n this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.id)\n this.selectedConstructionDetailType = this.selectedConstructionType?.constructionDetailTypes?.[0]\n this.selectedConstructionType = await { ...this.selectedConstructionType }\n\n // 기본 값 셋팅 select\n await this.htmlSelectChecklistTemplate.selectIndex(0)\n await this.htmlSelectConstructionDetailType.selectIndex(0)\n\n this.checklist = {\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name,\n location: `${this.selectedBuilding?.name \|\| ''} ${this.selectedLevel.floorDisplayName \|\| ''}층`,\n documentNo: '0000-000-000000',\n buildingInspection: {\n status: BuildingInspectionStatus.WAIT\n }\n }\n\n // 그리드 셋팅\n this.setGristConfig()\n }\n\n requestRefresh(buildingInspectionId: string = '') {\n this.dispatchEvent(new CustomEvent('requestRefresh', { detail: { buildingInspectionId } }))\n }\n\n private _close() {\n history.back()\n }\n\n setGristConfig() {\n this.gristConfig = {\n columns: [\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'arrow_upward',\n handlers: {\n click: 'move-up'\n }\n },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'arrow_downward',\n handlers: {\n click: 'move-down'\n }\n },\n {\n type: 'select',\n name: 'mainType',\n header: '구분',\n record: {\n editable: true,\n options: [{ display: '', value: '' }].concat(\n Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n )\n },\n width: 100\n },\n {\n type: 'select',\n name: 'detailType',\n header: '상세 구분',\n record: {\n editable: true,\n options: (columns, data, column) => [\n { display: '', value: '' },\n ...this.checklistDetailTypes.filter(v => v.mainType == column.mainType)\n ]\n },\n width: 200\n },\n {\n type: 'string',\n name: 'name',\n header: '검사 항목',\n record: {\n editable: true\n },\n width: 200\n },\n {\n type: 'string',\n name: 'inspctionCriteria',\n header: '검사 기준',\n record: {\n editable: true\n },\n width: 200\n }\n ],\n pagination: {\n infinite: true\n },\n sorters: [{ name: 'mainType' }, { name: 'sequence' }]\n }\n }\n\n async fetchHandler() {\n if (!this.checklistTemplateId) return []\n\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n checklistTemplateItems(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n sequence\n name\n inspctionCriteria\n mainType\n detailType\n }\n }\n }\n `,\n variables: {\n filters: {\n name: 'checklistTemplateId',\n value: this.checklistTemplateId,\n operator: 'eq'\n },\n sortings: [{ name: 'mainType' }, { name: 'sequence' }]\n }\n })\n\n // 체크리스트 아이템 데이터 갱신\n this.onChangeGird()\n\n return {\n records: response.data.checklistTemplateItems.items \|\| []\n }\n }\n\n async _getBuilding(buildingId: string = '') {\n const response = await client.query({\n query: gql`\n query Building($id: String!) {\n building(id: $id) {\n id\n name\n buildingLevels {\n id\n floor\n floorDisplayName\n mainDrawing {\n id\n name\n fullpath\n }\n mainDrawingImage\n }\n }\n }\n `,\n variables: {\n id: buildingId\n }\n })\n\n if (response.errors) return\n\n return response.data?.building \|\| {}\n }\n\n private _onSelectChecklistTemplate(e) {\n const checklistTemplateId = e.target.value\n\n // 체크 리스트 이름 셋팅\n this.checklist = { ...this.checklist, name: e.target.displayText }\n\n // 그리드 아이템 셋팅\n if (checklistTemplateId) {\n this.checklistTemplateId = checklistTemplateId\n this.grist.fetch()\n }\n }\n\n private _onSelectManager(e) {\n const managerId = e.target.value\n this.selectedManager = this.managers.find(manager => manager.userId == managerId)\n }\n\n async _createInspection() {\n let patch: any = {}\n\n patch.buildingLevelId = this.selectedLevel.id\n patch.managerId = this.selectedManager.userId\n patch.checklist = {\n name: this.checklist.name,\n constructionType: this.htmlSelectConstructionType.displayText,\n constructionDetailType: this.htmlSelectConstructionDetailType.displayText,\n location: `${this.selectedBuilding.name} ${this.selectedLevel.floorDisplayName}층`,\n inspectionParts: this.checklist.inspectionParts\n }\n patch.checklistItem = this.checklist.checklistItems?.map(item => {\n return {\n name: item.name,\n mainType: item.mainType,\n detailType: item.detailType,\n inspctionCriteria: item.inspctionCriteria\n }\n })\n\n const [cellX, cellY] = this.cell.split(',')\n patch.cellX = Number(cellX)\n patch.cellY = Number(cellY)\n\n const response = await client.mutate({\n mutation: gql`\n mutation CreateBuildingInspection($patch: NewBuildingInspection!) {\n createBuildingInspection(patch: $patch) {\n id\n }\n }\n `,\n variables: {\n patch\n }\n })\n\n if (!response.errors) {\n notify({ message: '검측 요청서를 등록하였습니다.' })\n this.requestRefresh(response.data.createBuildingInspection.id)\n this._close()\n } else {\n notify({ message: response.errors?.[0]?.message \|\| '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n }\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this[target.name] = target.value\n this.checklist = { ...this.checklist, name: target.value }\n }\n\n // 체크리스트 아이템 데이터 갱신\n private onChangeGird() {\n const checklistDetailTypes = Object.fromEntries(this.checklistDetailTypes.map(item => [item.value, item.display]))\n const grist = this.grist\n\n // grist field-change가 오는 시점이 데이터 변경 전이라 setTimeout으로 변경\n setTimeout(() => {\n this.checklist.checklistItems = grist.dirtyData.records.map((row, idx) => {\n return {\n ...row,\n detailType: checklistDetailTypes[row.detailType],\n sequence: idx\n }\n })\n this.checklist = { ...this.checklist }\n }, 100)\n }\n\n private async _onSelectConstructionType(e) {\n const constructionTypeId = e.target.value\n this.selectedConstructionType = await this._getConstructionType(constructionTypeId)\n this.selectedConstructionDetailType = await { ...this.selectedConstructionType?.constructionDetailTypes?.[0] }\n this.checklist = {\n ...this.checklist,\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name\n }\n\n await this.htmlSelectConstructionDetailType.selectIndex(0)\n }\n\n private _onSelectConstructionDetailType(e) {\n const constructionDetailTypeId = e.target.value\n this.selectedConstructionDetailType = {\n ...(this.selectedConstructionType?.constructionDetailTypes?.find(v => v.id == constructionDetailTypeId) \|\| {})\n }\n this.checklist = {\n ...this.checklist,\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name\n }\n }\n\n async _getConstructionType(id: string = '') {\n const response = await client.query({\n query: gql`\n query ConstructionType($id: String!) {\n constructionType(id: $id) {\n id\n name\n description\n constructionDetailTypes {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n if (response.errors) return\n\n return response.data?.constructionType \|\| {}\n }\n}\n"]}
1	+ {"version":3,"file":"grid-inspection-create-popup.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection-grid/component/grid-inspection-create-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist } from '@operato/data-grist/ox-grist.js'\nimport { client } from '@operato/graphql'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from '../../building-inspection/building-inspection-list'\nimport { ChecklistMode, ProjectType } from '../../checklist/checklist-view'\n\n@customElement('grid-inspection-create-popup')\nclass GridInspectionCreatePopup extends LitElement {\n static styles = [\n ButtonContainerStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n padding: 15px 20px;\n\n background-color: var(--md-sys-color-surface);\n }\n\n md-filled-select {\n width: auto;\n min-width: 150px;\n --md-filled-select-text-field-container-color: transparent;\n --md-filled-select-text-field-active-indicator-color: #999;\n --md-filled-select-text-field-input-text-size: 14px;\n --md-filled-select-text-field-input-text-weight: bold;\n --md-filled-select-text-field-input-text-line-height: 6px;\n }\n md-filled-select[level] {\n min-width: 110px;\n margin-left: 20px;\n }\n\n checklist-view {\n pointer-events: none;\n transform-origin: top left;\n }\n\n div[body] {\n height: 100%;\n overflow-y: auto;\n\n div[tab-container][inactive] {\n display: none !important;\n }\n\n div[edit] {\n width: 100%;\n\n div[detail] {\n margin-bottom: 30px;\n }\n\n h3 {\n position: relative;\n color: #0595e5;\n font-size: 17px;\n font-weight: 700;\n background-color: var(--md-sys-color-surface);\n margin-top: 0;\n margin-bottom: 5px;\n }\n\n div[data-row] {\n display: grid;\n grid-template-columns: 100px 1fr 0.3fr 100px 1fr;\n gap: 15px;\n margin-bottom: 11px;\n\n & > label {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n font-size: 15px;\n }\n\n div[inspection-parts] {\n display: block;\n margin-top: 7px;\n\n & > span {\n display: inline-block;\n margin-right: 5px;\n margin-bottom: 5px;\n\n & > md-checkbox {\n margin-top: 2px;\n }\n }\n }\n }\n }\n\n div[preview] {\n display: flex;\n overflow-y: auto;\n overflow-x: hidden;\n }\n }\n\n div[tabs] {\n display: flex;\n\n button {\n background-color: #fff;\n padding: 6px 14px;\n color: #999;\n border: solid 1px #999;\n border-top: none;\n border-radius: 0px 0px 8px 8px;\n margin-right: -2px;\n cursor: pointer;\n\n &[active] {\n color: var(--button-color, var(--md-sys-color-on-secondary-container));\n font-weight: 600;\n }\n }\n }\n\n div[button-container] {\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n\n md-elevated-button[blue] {\n --md-elevated-button-container-color: #0595e5;\n\n --md-elevated-button-label-text-color: #fff;\n --md-elevated-button-hover-label-text-color: #fff;\n --md-elevated-button-pressed-label-text-color: #fff;\n --md-elevated-button-focus-label-text-color: #fff;\n --md-elevated-button-icon-color: #fff;\n --md-elevated-button-hover-icon-color: #fff;\n --md-elevated-button-pressed-icon-color: #fff;\n --md-elevated-button-focus-icon-color: #fff;\n }\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @property({ type: Object }) checklistDetailTypes: any\n @property({ type: String }) projectId: string = ''\n @property({ type: String }) checklistTemplateId: string = ''\n @property({ type: String }) selectedBuildingId: string = ''\n @property({ type: String }) selectedBuildingLevelId: string = ''\n @property({ type: String }) cell: string = ''\n\n @state() buildings: any = []\n @state() selectedBuilding: any = {}\n @state() selectedLevel: any = {}\n\n @state() constructionTypes: any = []\n @state() selectedConstructionType: any = {}\n @state() selectedConstructionDetailType: any = {}\n\n @state() managers: any = []\n @state() selectedManager: any = {}\n\n @state() checklistTemplates: any = []\n @state() checklist: any = {}\n\n @state() activeTab: 'edit' \| 'preview' = 'edit'\n\n @query('md-filled-select[checklistTemplate]') htmlSelectChecklistTemplate\n @query('md-filled-select[constructionType]') htmlSelectConstructionType\n @query('md-filled-select[constructionDetailType]') htmlSelectConstructionDetailType\n @query('ox-grist') grist!: DataGrist\n\n @query('div[preview]') checklistViewContainer!: HTMLDivElement\n @query('checklist-view') checklistView!: HTMLElement\n\n render() {\n return html`\n <div body>\n <div tab-container ?inactive=${this.activeTab !== 'edit'} edit>\n <div detail>\n <h3>세부 정보</h3>\n\n <div data-row>\n <label>공종</label>\n <md-filled-select constructionType @change=${this._onSelectConstructionType}>\n ${this.constructionTypes?.map(constructionType => {\n const selected = constructionType.id === this.selectedConstructionType?.id\n return html`<md-select-option ?selected=${selected} .value=${constructionType.id}>\n <div slot=\"headline\">${constructionType.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n\n <div partition></div>\n\n <label>세부 공종</label>\n <md-filled-select constructionDetailType @change=${this._onSelectConstructionDetailType}>\n ${this.selectedConstructionType?.constructionDetailTypes?.map(constructionDetailType => {\n const selected = constructionDetailType.id === this.selectedConstructionDetailType.id\n return html`<md-select-option ?selected=${selected} .value=${constructionDetailType.id}>\n <div slot=\"headline\">${constructionDetailType.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n\n <div data-row>\n <label>동</label>\n <md-filled-text-field building name=\"buildingName\" type=\"text\" .value=${this.selectedBuilding?.name \|\| ''} disabled>\n </md-filled-text-field>\n\n <div partition></div>\n\n <label>층</label>\n <md-filled-text-field\n level\n name=\"buildingLevelName\"\n type=\"text\"\n .value=${this.selectedLevel?.floorDisplayName \|\| ''}\n disabled\n >\n </md-filled-text-field>\n </div>\n </div>\n\n <div checklist>\n <h3>체크리스트</h3>\n\n <div data-row>\n <label>이름</label>\n <md-filled-text-field\n name=\"checklistName\"\n type=\"text\"\n .value=${this.checklist?.name \|\| ''}\n @input=${this._onInputChange}\n >\n </md-filled-text-field>\n\n <div partition></div>\n\n <label>템플릿</label>\n <md-filled-select checklistTemplate @change=${this._onSelectChecklistTemplate}>\n <md-select-option></md-select-option>\n ${this.checklistTemplates?.map((checklistTemplate, idx) => {\n return html` <md-select-option .value=${checklistTemplate.id}>\n <div slot=\"headline\">${checklistTemplate.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n </div>\n\n <div manager>\n <h3>담당자</h3>\n\n <div data-row>\n <label>담당자</label>\n <md-filled-select manager @change=${this._onSelectManager}>\n <md-select-option></md-select-option>\n ${this.managers?.map((manager, idx) => {\n return html` <md-select-option .value=${manager.userId}>\n <div slot=\"headline\">${manager.name}</div>\n </md-select-option>`\n })}\n </md-filled-select>\n </div>\n </div>\n\n <ox-grist\n .mode=${'GRID'}\n .config=${this.gristConfig}\n .fetchHandler=${this.fetchHandler.bind(this)}\n @field-change=${this.onChangeGird}\n >\n </ox-grist>\n </div>\n\n <div tab-container ?inactive=${this.activeTab !== 'preview'} preview>\n <checklist-view\n .mode=${ChecklistMode.VIEWER}\n .checklist=${this.checklist}\n .manager=${this.selectedManager \|\| {}}\n .projectType=${ProjectType.DSSP}\n ></checklist-view>\n </div>\n </div>\n\n <div tabs>\n <button ?active=${this.activeTab === 'edit'} @click=${() => (this.activeTab = 'edit')}>검측 요청 정보</button>\n <button ?active=${this.activeTab === 'preview'} @click=${() => (this.activeTab = 'preview')}>미리보기</button>\n </div>\n\n <div button-container>\n <md-elevated-button blue @click=${this._createInspection}>\n <md-icon slot=\"icon\">task</md-icon>검측 요청서 등록\n </md-elevated-button>\n <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소</md-elevated-button>\n </div>\n `\n }\n\n updated() {\n const ratio = Math.round((this.checklistViewContainer?.offsetWidth / this.checklistView?.offsetWidth) * 100) / 100 \|\| 1\n this.checklistView.style.transform = `scale(${ratio})`\n }\n\n async firstUpdated() {\n const response = await client.query({\n query: gql`\n query Project($id: String!) {\n project(id: $id) {\n id\n name\n documentNaming\n buildingComplex {\n id\n buildings {\n id\n name\n }\n }\n }\n\n constructionTypes {\n items {\n name\n id\n }\n }\n\n checklistTemplates {\n items {\n id\n name\n }\n }\n\n checklistTypes {\n items {\n id\n mainType\n detailType\n }\n }\n\n managers {\n id\n phone\n position\n userId\n name\n }\n }\n `,\n variables: {\n id: this.projectId\n }\n })\n\n if (response.errors) return\n\n const project = response.data?.project\n const checklistTemplates = response.data?.checklistTemplates?.items \|\| []\n const constructionTypes = response.data?.constructionTypes?.items \|\| []\n\n this.managers = response.data?.managers\n this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n return {\n display: v.detailType,\n value: v.id,\n mainType: v.mainType\n }\n })\n\n this.constructionTypes = [...constructionTypes]\n this.checklistTemplates = [...checklistTemplates]\n this.buildings = [...(project?.buildingComplex?.buildings \|\| [])]\n\n // selectedBuildingId가 있으면 해당 빌딩 선택, 없으면 첫번째 빌딩 선택\n this.selectedBuilding = this.buildings.find(building => building.id == this.selectedBuildingId)\n this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n this.selectedConstructionType = constructionTypes?.[0]\n\n // selectedBuildingLevelId가 있으면 선택된 층, 없으면 첫번째 층 선택\n this.selectedLevel = this.selectedBuilding?.buildingLevels?.find(level => level.id == this.selectedBuildingLevelId)\n\n // 세부 공종 리스트 가져오기\n this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.id)\n this.selectedConstructionDetailType = this.selectedConstructionType?.constructionDetailTypes?.[0]\n this.selectedConstructionType = await { ...this.selectedConstructionType }\n\n // 기본 값 셋팅 select\n await this.htmlSelectChecklistTemplate.selectIndex(0)\n await this.htmlSelectConstructionDetailType.selectIndex(0)\n\n this.checklist = {\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name,\n location: `${this.selectedBuilding?.name \|\| ''} ${this.selectedLevel.floorDisplayName \|\| ''}층`,\n documentNo: `${project.documentNaming} 검측 제01-00000호`,\n buildingInspection: {\n status: BuildingInspectionStatus.WAIT\n }\n }\n\n // 그리드 셋팅\n this.setGristConfig()\n }\n\n requestRefresh(buildingInspectionId: string = '') {\n this.dispatchEvent(new CustomEvent('requestRefresh', { detail: { buildingInspectionId } }))\n }\n\n private _close() {\n history.back()\n }\n\n setGristConfig() {\n this.gristConfig = {\n columns: [\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'arrow_upward',\n handlers: {\n click: 'move-up'\n }\n },\n {\n type: 'gutter',\n gutterName: 'button',\n icon: 'arrow_downward',\n handlers: {\n click: 'move-down'\n }\n },\n {\n type: 'select',\n name: 'mainType',\n header: '구분',\n record: {\n editable: true,\n options: [{ display: '', value: '' }].concat(\n Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n )\n },\n width: 100\n },\n {\n type: 'select',\n name: 'detailType',\n header: '상세 구분',\n record: {\n editable: true,\n options: (columns, data, column) => [\n { display: '', value: '' },\n ...this.checklistDetailTypes.filter(v => v.mainType == column.mainType)\n ]\n },\n width: 200\n },\n {\n type: 'string',\n name: 'name',\n header: '검사 항목',\n record: {\n editable: true\n },\n width: 200\n },\n {\n type: 'string',\n name: 'inspctionCriteria',\n header: '검사 기준',\n record: {\n editable: true\n },\n width: 200\n }\n ],\n pagination: {\n infinite: true\n },\n sorters: [{ name: 'mainType' }, { name: 'sequence' }]\n }\n }\n\n async fetchHandler() {\n if (!this.checklistTemplateId) return []\n\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n checklistTemplateItems(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n sequence\n name\n inspctionCriteria\n mainType\n detailType\n }\n }\n }\n `,\n variables: {\n filters: {\n name: 'checklistTemplateId',\n value: this.checklistTemplateId,\n operator: 'eq'\n },\n sortings: [{ name: 'mainType' }, { name: 'sequence' }]\n }\n })\n\n // 체크리스트 아이템 데이터 갱신\n this.onChangeGird()\n\n return {\n records: response.data.checklistTemplateItems.items \|\| []\n }\n }\n\n async _getBuilding(buildingId: string = '') {\n const response = await client.query({\n query: gql`\n query Building($id: String!) {\n building(id: $id) {\n id\n name\n buildingLevels {\n id\n floor\n floorDisplayName\n mainDrawing {\n id\n name\n fullpath\n }\n mainDrawingImage\n }\n }\n }\n `,\n variables: {\n id: buildingId\n }\n })\n\n if (response.errors) return\n\n return response.data?.building \|\| {}\n }\n\n private _onSelectChecklistTemplate(e) {\n const checklistTemplateId = e.target.value\n\n // 체크 리스트 이름 셋팅\n this.checklist = { ...this.checklist, name: e.target.displayText }\n\n // 그리드 아이템 셋팅\n if (checklistTemplateId) {\n this.checklistTemplateId = checklistTemplateId\n this.grist.fetch()\n }\n }\n\n private _onSelectManager(e) {\n const managerId = e.target.value\n this.selectedManager = this.managers.find(manager => manager.userId == managerId)\n }\n\n async _createInspection() {\n let patch: any = {}\n\n patch.buildingLevelId = this.selectedLevel.id\n patch.managerId = this.selectedManager.userId\n patch.checklist = {\n name: this.checklist.name,\n constructionType: this.htmlSelectConstructionType.displayText,\n constructionDetailType: this.htmlSelectConstructionDetailType.displayText,\n location: `${this.selectedBuilding.name} ${this.selectedLevel.floorDisplayName}층`,\n inspectionParts: this.checklist.inspectionParts\n }\n patch.checklistItem = this.checklist.checklistItems?.map(item => {\n return {\n name: item.name,\n mainType: item.mainType,\n detailType: item.detailType,\n inspctionCriteria: item.inspctionCriteria\n }\n })\n\n const [cellX, cellY] = this.cell.split(',')\n patch.cellX = Number(cellX)\n patch.cellY = Number(cellY)\n\n const response = await client.mutate({\n mutation: gql`\n mutation CreateBuildingInspection($patch: NewBuildingInspection!) {\n createBuildingInspection(patch: $patch) {\n id\n }\n }\n `,\n variables: {\n patch\n }\n })\n\n if (!response.errors) {\n notify({ message: '검측 요청서를 등록하였습니다.' })\n this.requestRefresh(response.data.createBuildingInspection.id)\n this._close()\n } else {\n notify({ message: response.errors?.[0]?.message \|\| '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n }\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this[target.name] = target.value\n this.checklist = { ...this.checklist, name: target.value }\n }\n\n // 체크리스트 아이템 데이터 갱신\n private onChangeGird() {\n const checklistDetailTypes = Object.fromEntries(this.checklistDetailTypes.map(item => [item.value, item.display]))\n const grist = this.grist\n\n // grist field-change가 오는 시점이 데이터 변경 전이라 setTimeout으로 변경\n setTimeout(() => {\n this.checklist.checklistItems = grist.dirtyData.records.map((row, idx) => {\n return {\n ...row,\n detailType: checklistDetailTypes[row.detailType],\n sequence: idx\n }\n })\n this.checklist = { ...this.checklist }\n }, 100)\n }\n\n private async _onSelectConstructionType(e) {\n const constructionTypeId = e.target.value\n this.selectedConstructionType = await this._getConstructionType(constructionTypeId)\n this.selectedConstructionDetailType = await { ...this.selectedConstructionType?.constructionDetailTypes?.[0] }\n this.checklist = {\n ...this.checklist,\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name\n }\n\n await this.htmlSelectConstructionDetailType.selectIndex(0)\n }\n\n private _onSelectConstructionDetailType(e) {\n const constructionDetailTypeId = e.target.value\n this.selectedConstructionDetailType = {\n ...(this.selectedConstructionType?.constructionDetailTypes?.find(v => v.id == constructionDetailTypeId) \|\| {})\n }\n this.checklist = {\n ...this.checklist,\n constructionType: this.selectedConstructionType?.name,\n constructionDetailType: this.selectedConstructionDetailType?.name\n }\n }\n\n async _getConstructionType(id: string = '') {\n const response = await client.query({\n query: gql`\n query ConstructionType($id: String!) {\n constructionType(id: $id) {\n id\n name\n description\n constructionDetailTypes {\n id\n name\n }\n }\n }\n `,\n variables: { id }\n })\n\n if (response.errors) return\n\n return response.data?.constructionType \|\| {}\n }\n}\n"]}

package/dist-client/pages/checklist/attachment-list-popup.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 import '@material/web/icon/icon.js';
 import './file-preview-popup';
+import '../building-inspection/component/image-preview-popup';

package/dist-client/pages/checklist/attachment-list-popup.js CHANGED Viewed

@@ -3,7 +3,7 @@ import '@material/web/icon/icon.js';
 import gql from 'graphql-tag';
 import { client } from '@operato/graphql';
 import { css, html, LitElement } from 'lit';
-import { customElement, property, query, state } from 'lit/decorators.js';
+import { customElement, property, state } from 'lit/decorators.js';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { notify } from '@operato/layout';
 import { store, User } from '@operato/shell';
@@ -11,7 +11,9 @@ import { connect } from 'pwa-helpers/connect-mixin.js';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
 import { openPopup } from '@operato/layout';
 import './file-preview-popup';
+import '../building-inspection/component/image-preview-popup';
 import { BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
+import { ifDefined } from 'lit/directives/if-defined.js';
 let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitElement) {
     constructor() {
         super(...arguments);
@@ -25,31 +27,72 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
     }
     render() {
         return html `
-      <div body>
-        <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>
+      <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>
-        <div attachment-container>
-          ${this.checklistItemAttachments.map(attachment => {
-            return html `
-              <div attachment-row>
-                <div creator-container>
-                  <span creator><md-icon slot="icon">account_circle</md-icon> ${attachment.creator.name}</span>
-                  <span createdAt>
-                    <md-icon slot="icon">schedule</md-icon> ${this._formatDate(attachment.createdAt)}
-                    ${attachment.creator.email === this.user.email &&
-                this.status != BuildingInspectionStatus.PASS &&
-                this.mode == "EDITOR" /* ChecklistMode.EDITOR */
-                ? html ` <md-icon delete slot="icon" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`
-                : ''}
-                    <a button-download href=${attachment.fullpath} download=${attachment.name}>
-                      <md-icon slot="icon">download</md-icon></a
-                    >
-                  </span>
+      <div body>
+        <div file-list-container>
+          ${this.checklistItemAttachments.length > 0
+            ? this.checklistItemAttachments.map(attachment => {
+                var _a, _b;
+                return html `
+                  <div file-item @click=${() => this._onClickPreview(attachment.fullpath)}>
+                    <div file-info>
+                      <div file-icon>
+                        <md-icon>description</md-icon>
+                      </div>
+                      <div file-details>
+                        <span file-name>${attachment.name || ''}</span>
+                        <div file-meta>
+                          <span file-creator>
+                            <md-icon style="--md-icon-size: 12px;">account_circle</md-icon>
+                            ${((_a = attachment.creator) === null || _a === void 0 ? void 0 : _a.name) || ''}
+                          </span>
+                          <span file-date>
+                            <md-icon style="--md-icon-size: 12px;">schedule</md-icon>
+                            ${this._formatDate(attachment.createdAt)}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                    <div action-buttons>
+                      <md-icon
+                        title="미리보기"
+                        @click=${(e) => {
+                    e.stopPropagation();
+                    this._onClickPreview(attachment.fullpath);
+                }}
+                        >visibility</md-icon
+                      >
+                      <a
+                        href=${ifDefined(attachment.fullpath)}
+                        download=${ifDefined(attachment.name)}
+                        @click=${(e) => e.stopPropagation()}
+                      >
+                        <md-icon title="다운로드" style="color: #2196f3;">download</md-icon>
+                      </a>
+                      ${((_b = attachment.creator) === null || _b === void 0 ? void 0 : _b.email) === this.user.email &&
+                    this.status != BuildingInspectionStatus.PASS &&
+                    this.mode == "EDITOR" /* ChecklistMode.EDITOR */
+                    ? html `<md-icon
+                            delete
+                            title="삭제"
+                            @click=${(e) => {
+                        e.stopPropagation();
+                        this._deleteAttachment(attachment.id);
+                    }}
+                            >delete</md-icon
+                          >`
+                    : ''}
+                    </div>
+                  </div>
+                `;
+            })
+            : html `
+                <div empty-state>
+                  <md-icon>insert_drive_file</md-icon>
+                  <div>첨부된 파일이 없습니다.</div>
                 </div>
-                <a attachment @click=${() => this._onClickPreview(attachment.fullpath)}>${attachment.name}</a>
-              </div>
-            `;
-        })}
+              `}
         </div>
         <ox-input-file
@@ -166,7 +209,7 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
       `,
             variables: {
                 attachments: files.map(file => {
-                    return { file, refBy: checklistItemId, refType: 'ChecklistItem' };
+                    return { file, refBy: checklistItemId, refType: 'ChecklistItem', description: this.status };
                 })
             },
             context: {
@@ -184,14 +227,63 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
         const day = String(_date.getDate()).padStart(2, '0');
         const hours = String(_date.getHours()).padStart(2, '0');
         const minutes = String(_date.getMinutes()).padStart(2, '0');
-        const seconds = String(_date.getSeconds()).padStart(2, '0');
-        return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`;
+        return `${year}.${month}.${day} ${hours}:${minutes}`;
     }
     // 첨부 자료 변경 이벤트 디스패치
     _dispatchEvent() {
         this.dispatchEvent(new CustomEvent('change-attachment', { detail: { checklistItemId: this.checklistItemId } }));
     }
     _onClickPreview(filepath) {
+        if (!filepath) {
+            return;
+        }
+        // 파일 확장자로 타입 판단
+        const fileExtension = filepath.toLowerCase().split('.').pop();
+        const isImage = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'].includes(fileExtension || '');
+        const isPdf = fileExtension === 'pdf';
+        if (isImage) {
+            this._openImagePreview(filepath);
+        }
+        else if (isPdf) {
+            this._openPdfPreview(filepath);
+        }
+        else {
+            // 기타 파일은 기존 file-preview-popup 사용
+            this._openGenericPreview(filepath);
+        }
+    }
+    _openImagePreview(filepath) {
+        const imageData = this.checklistItemAttachments.filter(attachment => {
+            var _a;
+            const fileExtension = (_a = attachment.fullpath) === null || _a === void 0 ? void 0 : _a.toLowerCase().split('.').pop();
+            return ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg'].includes(fileExtension || '');
+        });
+        const currentIndex = imageData.findIndex(attachment => attachment.fullpath === filepath);
+        openPopup(html ` <image-preview-popup .images=${imageData} .currentIndex=${Math.max(0, currentIndex)}></image-preview-popup> `, { backdrop: true, size: 'large', title: '이미지 미리보기' });
+    }
+    _openPdfPreview(filepath) {
+        openPopup(html `
+        <div style="display: flex; flex-direction: column;">
+          <div style="flex: 1; overflow: hidden; touch-action: pan-x pan-y;">
+            <iframe
+              src="${filepath}#toolbar=1&navpanes=0&scrollbar=1&zoom=page-fit"
+              style="
+                width: 100%;
+                height: 100%;
+                border: none;
+                touch-action: pan-x pan-y;
+              "
+              @error=${() => {
+            // PDF 로드 실패시 새 탭에서 열기
+            window.open(filepath, '_blank');
+        }}
+            ></iframe>
+          </div>
+        </div>
+      `, { backdrop: true, size: 'large', title: '[PDF 미리보기]' });
+    }
+    // 기타 파일 타입은 기존 방식 사용
+    _openGenericPreview(filepath) {
         openPopup(html ` <file-preview-popup .filepath=${filepath}></file-preview-popup> `, {
             backdrop: true,
             size: 'large',
@@ -206,60 +298,155 @@ AttachmentListPopup.styles = [
       :host {
         display: flex;
         flex-direction: column;
-        padding: 15px 20px;
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
+        width: 100%;
+        max-height: 80vh;
       }
       div[body] {
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-      }
-      div[attachment-container] {
-        overflow-y: auto;
-        gap: 10px;
-        display: flex;
-        flex-direction: column;
         flex: 1;
+        overflow-y: auto;
+        padding: 20px;
-        div[attachment-row] {
+        div[file-list-container] {
           display: flex;
           flex-direction: column;
+          gap: 15px;
+          background-color: #f7f7f7;
+          padding: 20px;
+          border-radius: 8px;
+          margin-bottom: 20px;
-          div[creator-container] {
+          div[file-item] {
             display: flex;
-            justify-content: space-between;
+            align-items: center;
+            gap: 12px;
+            padding: 12px;
+            background-color: #fff;
+            border-radius: 6px;
+            border: 1px solid #ddd;
+            cursor: pointer;
+            transition: all 0.2s ease;
-            span[creator] {
-              font-weight: 600;
+            &:hover {
+              background-color: #e3f2fd;
+              border-color: #2196f3;
+              transform: translateY(-1px);
+              box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);
+            }
+            div[file-info] {
+              flex: 1;
               display: flex;
               align-items: center;
-              gap: 3px;
+              gap: 12px;
+              div[file-icon] {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                width: 40px;
+                height: 40px;
+                border-radius: 8px;
+                md-icon {
+                  --md-icon-size: 24px;
+                  color: #666;
+                }
+              }
+              div[file-details] {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                gap: 4px;
+                span[file-name] {
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #333;
+                  line-height: 1.2;
+                }
+                div[file-meta] {
+                  display: flex;
+                  gap: 15px;
+                  margin-top: 2px;
+                  span[file-creator] {
+                    font-size: 11px;
+                    color: #666;
+                    display: flex;
+                    align-items: center;
+                    gap: 3px;
+                  }
+                  span[file-date] {
+                    font-size: 11px;
+                    color: #666;
+                    display: flex;
+                    align-items: center;
+                    gap: 3px;
+                  }
+                }
+              }
             }
-            span[createdAt] {
+            div[action-buttons] {
               display: flex;
+              gap: 8px;
               align-items: center;
-              gap: 3px;
-              md-icon[delete] {
+              md-icon {
+                --md-icon-size: 20px;
+                color: #2196f3;
                 cursor: pointer;
+                padding: 4px;
+                border-radius: 4px;
+                transition: background-color 0.2s;
+                &:hover {
+                  background-color: rgba(33, 150, 243, 0.1);
+                }
               }
-              a[button-download] {
+              md-icon[delete] {
+                color: #f44336;
+                &:hover {
+                  background-color: rgba(244, 67, 54, 0.1);
+                }
+              }
+              a {
+                text-decoration: none;
+                color: inherit;
                 display: flex;
-                color: #000;
+                align-items: center;
               }
             }
           }
+        }
+        div[empty-state] {
+          text-align: center;
+          color: #666;
+          padding: 40px;
-          a[attachment] {
-            margin-left: 20px;
-            text-decoration: none;
-            color: #000;
+          md-icon {
+            --md-icon-size: 48px;
+            color: #ccc;
+            margin-bottom: 16px;
           }
         }
+        div[button-container] {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 10px;
+          margin-top: 20px;
+        }
       }
       h3 {
@@ -267,15 +454,8 @@ AttachmentListPopup.styles = [
         color: rgb(5, 149, 229);
         font-size: 17px;
         font-weight: 700;
-        background-color: var(--md-sys-color-surface);
-        margin-top: 0px;
-        margin-bottom: 5px;
-      }
-      div[button-container] {
-        display: flex;
-        justify-content: flex-end;
-        gap: 10px;
+        margin: 0px 20px 10px 20px;
+        padding-top: 20px;
       }
     `
 ];
@@ -307,10 +487,6 @@ __decorate([
     state(),
     __metadata("design:type", User)
 ], AttachmentListPopup.prototype, "user", void 0);
-__decorate([
-    query('div[attachment-container]'),
-    __metadata("design:type", HTMLDivElement)
-], AttachmentListPopup.prototype, "attachmentContainer", void 0);
 AttachmentListPopup = __decorate([
     customElement('attachment-list-popup')
 ], AttachmentListPopup);